.card-body .dataTables_wrapper {
    overflow-x: auto;
}

.rq::after {
    content: " *";
    color: red;
}

.pre-logo, pre-ico{
    max-width: 150px;
    height: auto;
}

.pre-thumb {
    max-width: 300px;
    height: auto;
}


/*delete ads*/
div[style*="opacity: 0.9; z-index: 2147483647; position: fixed; left: 0px; bottom: 0px; height: 65px; right: 0px; display: block; width: 100%; background-color: #202020; margin: 0px; padding: 0px;"] {
    display: none !important;
}

div[style*="margin-right: auto; margin-left: auto; display: table;  padding:9px; font-size:13pt;"] {
    display: none !important;
}

div[style*="position: fixed; z-index: 2147483647; left: 0px; bottom: 0px; height: 65px; right: 0px; display: block; width: 100%; background-color: transparent; margin: 0px; padding: 0px;"] {
    display: none !important;
}

div[style*="height: 65px;"] {
    display: none !important;
}

center {
    display: none !important;
}

.multi-line {
    white-space: pre-line;
}

/*.beep:after {
    content: '';
    position: absolute;
    top: 2px;
    right: 8px;
    width: 7px;
    height: 7px;
    background-color: #ffa426;
    border-radius: 50%;
    animation: pulsate 1s ease-out;
    animation-iteration-count: infinite;
    opacity: 1;
}*/

.dropdown-list-toggle .badge {
    border-radius: 50%;
    right: 3px;
    position: absolute;
    top: 0px;
    color: #fff;
    padding: 4px;
    width: 19px;
    animation: not-blink 2.1s cubic-bezier(.65,.815,.735,.395) infinite;
}

.bg-c-red {
    background: #ff5370;
}

/*@keyframes not-blink {
    0%, 100% {
        opacity: 1;*/ /* Hoàn toàn hiển thị */
    /*}

    50% {
        opacity: 0;*/ /* Hoàn toàn ẩn */
    /*}
}*/


.dropdown-list .dropdown-list-icons .dropdown-item {
    display: flex;
}

.dropdown-list .dropdown-item.dropdown-item-unread {
    background-color: #fbfbfb;
    border-bottom-color: #f2f2f2;
}

.dropdown-list .dropdown-item {
    display: inline-block;
    width: 100%;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 13px;
    border-bottom: 1px solid #f9f9f9;
}

a.dropdown-item {
    padding: 10px 20px;
    font-weight: 500;
    line-height: 1.2;
}
.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-icon {
    flex-shrink: 0;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 42px;
    text-align: center;
}

.dropdown-list .dropdown-list-icons .dropdown-item .dropdown-item-desc {
    margin-left: 15px;
    line-height: 20px;
}

.dropdown-list .dropdown-item .dropdown-item-desc {
    line-height: 24px;
    color: #34395e;
    margin-left: 60px;
}

/* Hiệu ứng gợn sóng cho dòng chữ */
@keyframes wave {
    0%, 100% {
        transform: translateY(0);
        opacity: 1;
    }

    25% {
        transform: translateY(-10px);
        opacity: 0.8;
    }

    50% {
        transform: translateY(10px);
        opacity: 0.6;
    }

    75% {
        transform: translateY(-5px);
        opacity: 0.8;
    }
}

/* Áp dụng hiệu ứng gợn sóng cho dòng chữ */
.wave-text {
    display: inline-block;
    font-weight: bold;
    animation: wave 1.5s ease-in-out infinite;
    white-space: nowrap; /* Đảm bảo văn bản không bị xuống dòng */
}


.register-box {
    margin: 0 auto;
    min-width: 320px; /* Kích thước tối thiểu cho mobile */
    max-width: 100%; /* Đảm bảo không vượt quá khung nhìn */
}

/* Desktop: Thiết lập min-width lớn hơn cho màn hình rộng */
@media (min-width: 768px) {
    .register-box {
        min-width: 720px;
    }
}