#dark-mode .table.table-hover tbody tr:hover {
    background-color: #0f0f0f !important;
    color: rgb(var(--default-gray-400)) !important;
}

#dark-mode .page-loader {
    background-color: #1e1f20 !important;
    color: #fff !important;
}

#dark-mode .boxes .box>div:nth-child(2) {
    --background: rgb(var(--default-indigo-800));
}

#dark-mode .boxes .box>div:nth-child(4) {
    --background: rgb(var(--default-indigo-400));
}

#dark-mode #app {
    background-color: #1e1f20 !important;
    color: #fff !important;
}

#dark-mode .card {
    background-color: #121212 !important;
    border-color: #121212 !important;
}

#dark-mode .pagination {
    background-color: #121212 !important;
}

footer .text-gray-800 {
    color: #fff !important;
}

#dark-mode footer.border-t-2 {
    border-color: #1e1f20 !important;
}

#dark-mode footer.bg-gray-100 {
    background-color: #1e1f20 !important;
}

#dark-mode footer .bg-gray-300\/25 {
    background-color: #121212 !important;
}

#dark-mode .card .\!text-indigo-700 {
    color: rgb(var(--default-indigo-400) / 1) !important;
}

#dark-mode .nav .nav-menu .nav-item {
    color: #fff !important;
}

#dark-mode .nav .nav-menu .nav-item:hover {
    background-color: rgb(var(--default-indigo-400) / 1) !important;
}

#dark-mode .nav .nav-menu .nav-item.active {
    background-color: rgb(var(--default-indigo-400) / 1) !important;
}

#dark-mode #navbar.bg-gray-100 {
    background-color: #121212 !important;
}

#dark-mode #navbar.border-b-2 {
    border-color: #121212 !important;
}

#dark-mode .form-control {
    border-color: rgb(var(--default-gray-200) / .3) !important;
    background-color: rgb(var(--default-gray-100) / .1) !important;
}

#dark-mode .text-dark {
    color: #fff;
}

#dark-mode .tabs-links:hover {
    background-color: #1e1f20 !important;
}

#dark-mode .tabs-links.active {
    background-color: #1e1f20 !important;
}

#dark-mode .card .bg-gray-100\/50 {
    background-color: #1e1f20 !important;
}

#dark-mode #profileMenuNav .border-b-2 {
    border-color: #000 !important;
}

#dark-mode #profileMenuNav .bg-gray-100 {
    background-color: #121212 !important;
}

#dark-mode #profileMenuNav .btn-white {
    background-color: #1e1f20 !important;
    color: #fff;
}

#dark-mode .card .text-gray-800 {
    color: #fff;
}

#dark-mode .filter-item {
    background-color: #121212 !important;
    border-color: #121212 !important;
}

#dark-mode .filter-item .text-gray-800 {
    color: #fff;
}

#dark-mode .bg-white.relative.overflow-hidden.rounded-xl.border.border-gray-200\/50.flex.flex-col {
    background-color: #121212 !important;
    border-color: #121212 !important;
}

#dark-mode .bg-white.relative.overflow-hidden.rounded-xl.border.border-gray-200\/50.flex.flex-col .bg-gray-100\/25 {
    background-color: #0f0f0f !important;
    border-color: #212121 !important;
}

#dark-mode .bg-white.relative.overflow-hidden.rounded-xl.border.border-gray-200\/50.flex.flex-col .text-gray-800 {
    color: #fff !important;
}

#dark-mode .absolute.-bottom-6.text-white\/75.fw-medium.transition-all {
    display: none !important;
}

#dark-mode .absolute.-bottom-6.text-white\/75.fw-medium.transition-all:hover {
    display: block !important;
}

#dark-mode .rounded-r-2xl.rounded-l-3xl.bg-white.flex.flex-col {
    background-color: #121212 !important;
    color: #fff !important;
}

#dark-mode .rounded-r-2xl.rounded-l-3xl.bg-white.flex.flex-col .text-gray-800 {
    color: #fff !important;
}

#dark-mode .mt-auto.bg-gray-50\/50.py-8.px-12.flex.gap-8.items-center {
    background-color: #1e1f20 !important;
}

#dark-mode .relative.z-10.bg-indigo-50.grid.w-full.gap-8 {
    background-color: #1e1f20 !important;
}

#dark-mode .cursor-pointer.group.rounded-xl.bg-white.py-4.px-6.flex.justify-between.items-center {
    background-color: #121212 !important;
}

#dark-mode .fas.fa-angle-right.text-gray-700.text-lg.py-2.px-4.bg-gray-100\/75.rounded-xl.transition {
    background-color: #1e1f20 !important;
    color: #fff !important;
}

#dark-mode .btn-white {
    background-color: #1e1f20 !important;
    color: #fff !important;
}

#dark-mode .text-gray-800 {
    color: #fff;
}

#dark-mode #changeLangContent {
    background-color: #1e1f20 !important;
}

#dark-mode #changeLangContent .cursor-pointer.text-gray-800.fw-bolder.py-3.px-6.flex.items-center.bg-gray-100 {
    background-color: #121212 !important;
}

#dark-mode #changeLangContent .cursor-pointer.text-gray-800.fw-bolder.py-3.px-6.transition.hover\:bg-gray-100:hover {
    background-color: #121212 !important;
}

#dark-mode .tabs {
    color: #fff !important;
}

#dark-mode .tabs .tabs-head .tabs-link {
    color: #fff !important;
}

#dark-mode .bg-white {
    background-color: #121212 !important;
    color: #fff !important;
}

#dark-mode .mx-4.rounded-xl.bg-gray-100.py-6.px-4 {
    background-color: #121212 !important;
    color: #fff !important;
}

#dark-mode .fw-bold.fs-5.text-gray-800.filter-item--name {
    font-size: 12px !important;
}

#dark-mode .flex-shrink-0.w-6.h-full.text-gray-200 {
    color: #212121 !important;
}

#dark-mode .cursor-pointer.border-b-2.transition.border-indigo-300.hover\:border-indigo-500.fs-6.fw-bolder.py-2.px-4.text-primary {
    color: rgb(var(--default-gray-400));
}

#dark-mode .btn.btn-light.btn-lg.\!flex.gap-3.items-center.justify-center.group span {
    color: rgb(var(--default-gray-400));
}

#dark-mode .btn.btn-light.btn-lg.\!flex.gap-3.items-center.justify-center.group .fas.fa-arrow-right.group-hover\:ml-3.transition-all {
    color: rgb(var(--default-gray-400));
}

#dark-mode .w-fit.text-gray-500.mt-2.bg-gray-100\/75.py-2.px-4.rounded-tl-none.rounded-xl {
    background-color: #212121 !important;
    color: rgb(var(--default-gray-400));
}

#dark-mode .text-xs.uppercase.text-gray-600.bg-gray-100\/75 {
    background-color: #212121 !important;
    color: rgb(var(--default-gray-400));
}

#dark-mode tr.hover\:bg-gray-100\/25:hover {
    background-color: #0f0f0f !important;
    color: rgb(var(--default-gray-400));
}

#dark-mode .grid.grid-cols-3.gap-2.mt-2.pt-2.border-t-2.border-gray-200\/50 {
    border-color: rgb(var(--default-gray-700) / 0.5);
}

#dark-mode .grid.grid-cols-3.gap-2.mt-2.pt-2.border-t.border-gray-100\/50 {
    border-color: rgb(var(--default-gray-700) / 0.5);
}

#dark-mode .card {
    border-color: #212121 !important;
    color: #fff !important;
    background-color: #0f0f0f !important;
}

#dark-mode .relative.border-t-2.border-gray-500.z-10.px-4.py-4.fs-5.text-center.fw-bold.text-white.bg-white {
    border-color: #212121;
}

#dark-mode .h-px.my-5.mx-4.bg-gray-200 {
    background-color: #212121;
}

#dark-mode .flex.items-center.justify-center.w-12.h-12.rounded-xl.bg-red-400\/50 {
    background-color: rgb(248 113 113 / 1);
}

#dark-mode .border-b-2.border-gray-200\/50.py-4.px-6 {
    border-color: #212121;
}

#dark-mode .mt-8.border-t-2.border-gray-200\/50.pt-5.flex.justify-center.items-center {
    border-color: #212121;
}

#dark-mode .mt-4.border-t-2.border-gray-200\/50.pt-4 {
    border-color: #212121;
}

#dark-mode .mt-8.border-t-2.border-gray-200\/50.pt-5.flex.justify-center.items-center {
    border-color: #212121;
}

#dark-mode .text-gray-900.fw-bolder.group-hover\:text-white.transition.mt-4 {
    color: #fff !important;
}

#dark-mode .text-gray-600.fw-bolder.group-hover\:text-white.transition.mt-4 {
    color: #fff !important;
}

#dark-mode ::-webkit-scrollbar-track {
    background-color: #0f0f0f;
}

#dark-mode .container.mx-auto.py-16.grid.lg\:grid-cols-10.gap-6.px-4.md\:px-0 .lg\:col-span-7.flex.flex-col.gap-8 .tabs {
    background-color: #121212 !important;
}

#dark-mode .mt-4.px-6.py-8.border-t-2.border-gray-100 {
    border-color: #212121 !important;
}

#dark-mode .h4.text-gray-900 {
    color: rgb(var(--default-gray-400));
}

#dark-mode .p-4.bg-gray-100\/25.border-t.border-gray-100\/25.space-y-4 {
    background-color: rgb(var(--default-gray-700) / 0.25) !important;
    border-color: #212121 !important;
}

#dark-mode input[type='checkbox'] {
    background-color: rgb(var(--default-gray-700) / 0.25) !important;
}

#dark-mode tr.hover\:bg-gray-100 {
    background-color: #0f0f0f !important;
    color: rgb(var(--default-gray-400)) !important;
}

#dark-mode .block.w-fit.mt-6.rounded-xl.py-3.px-6.text-gray-800.bg-gray-900\/10.text-sm.font-medium {
    background-color: #212121;
}

#dark-mode .nav .nav-menu .nav-item {
    transition-property: none !important;
    transition-timing-function: none !important;
    transition-duration: none !important;
}

#dark-mode .nav .nav-menu .nav-item {
    padding-left: 0.7rem !important;
    padding-right: 0.7rem !important;
}

#dark-mode thead tr.bg-indigo-400\/25 th.\!text-indigo-700 {
    color: rgb(var(--default-indigo-300)) !important;
}

#dark-mode .container.mx-auto.relative.z-10.px-4.md\:px-0 .h1.text-gray-700 {
    color: rgb(var(--default-gray-200)) !important;
}

#dark-mode .container.mx-auto.relative.z-10.px-4.md\:px-0 .h3.text-gray-700 {
    color: rgb(var(--default-gray-200)) !important;
}

#dark-mode .bnb-bg {
    background-color: rgb(12 12 12 / var(--tw-bg-opacity)) !important;
}

#dark-mode .bnb-hover {
    background-color: rgb(12 12 12 / var(--tw-bg-opacity)) !important;
}

#dark-mode .table .table-row {
    background-color: #121212 !important;
}

#dark-mode .table .table-body .table-row:nth-child(2n+2) {
    background-color: #131313 !important;
}

#dark-mode .forum-post {
    background-color: #121212 !important;
}

#dark-mode .forum-post .forum-post-meta {
    background-color: #121212 !important;
}

#dark-mode .fr-wrapper.show-placeholder {
    background-color: #000 !important;
}

#dark-mode .join-now-modal .join-btn {
    background-size: cover !important;
}

#dark-mode .w-full.relative.z-30.fill-gray-100.top-px {
    fill: #121212 !important;
}

#dark-mode .forum-category .forum-category-info .forum-category-title a {
    color: rgb(var(--default-gray-200)) !important;
}

#dark-mode .rounded-2xl.flex.items-center.justify-center.bg-indigo-400\/25.w-14.h-14.absolute.-top-5.-right-5 .\!text-indigo-700 {
    color: rgb(var(--default-indigo-300) / var(--tw-text-opacity)) !important;
}

#dark-mode .btn.btn-light {
    color: rgb(var(--default-indigo-300) / var(--tw-text-opacity)) !important;
}

#dark-mode tr.bg-indigo-400\/25.\!text-indigo-700 {
    color: rgb(var(--default-indigo-300) / var(--tw-text-opacity)) !important;
}

#dark-mode label.text-gray-700 {
    color: rgb(var(--default-gray-500)) !important;
}

#dark-mode .relative.overflow-hidden.bg-gray-50\/75.rounded-xl.flex.gap-3.group {
    background-color: #121212 !important;
}

#dark-mode .relative.overflow-hidden.m-2.flex.items-center.justify-center.rounded-xl.bg-gray-100.w-14.h-14 {
    background-color: rgb(13 13 13 / var(--tw-bg-opacity)) !important;
}

#dark-mode .relative.bg-gray-100.rounded-xl.p-4 {
    background-color: rgb(13 13 13 / var(--tw-bg-opacity)) !important;
}

#dark-mode .h-16.bg-gray-100.rotate-45.transform {
    background-color: rgb(13 13 13 / var(--tw-bg-opacity)) !important;
}

#dark-mode .rounded-2xl.flex.items-center.justify-center.bg-indigo-500\/25.w-14.h-14.absolute.-top-5.-right-5 .text-primary {
    color: rgb(var(--default-indigo-300) / var(--tw-text-opacity)) !important;
}

#dark-mode .rounded-xl.max-w-xs.mx-auto.py-3.px-6.bg-indigo-400\/10.text-primary.gap-3.flex.justify-center.items-center {
    color: rgb(var(--default-indigo-300) / var(--tw-text-opacity)) !important;
}

#dark-mode tr.bg-indigo-400\/25 th.\!text-indigo-700 {
    color: rgb(var(--default-indigo-300) / var(--tw-text-opacity)) !important;
}

#dark-mode .rounded-xl.py-3.px-6.bg-indigo-400\/25.text-indigo-600.flex.flex-col.justify-center.items-center {
    color: rgb(var(--default-indigo-300)) !important;
}
#dark-mode tr.bg-indigo-400\/25.\!text-indigo-700 {
    color: rgb(var(--default-indigo-300)) !important;
}
#dark-mode .inventory .inventory-card {
    background: #1e1f20 !important;
}

#dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #555;
}

#dark-mode .select2-container--default .select2-results__option[aria-disabled=true],
#dark-mode .select2-container--default .select2-results__option[aria-selected=true],
#dark-mode .select2-container--default .select2-results__option[data-selected=true] {
    background-color: #555;
}

#dark-mode .select2-container--default .select2-selection--multiple {
    background-color: #333;
    border: none;
}

#dark-mode .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #555;
}

#dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    border: none;
}

#dark-mode .select2-container .select2-dropdown {
    background-color: #333;
    border: none;
}

#dark-mode .select2-container .select2-results__option {
    padding: 6px;
    user-select: none;
    -webkit-user-select: none;
    background-color: #333;
    color: white;
}

#dark-mode .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-bottom: none;
}
#dark-mode .select2-container--default .select2-selection--single {
    background-color: #333;
    border: none;
    color: #fff;
}

#dark-mode .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #fff;
}

#dark-mode .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #fff transparent transparent transparent;
}

#dark-mode .select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #444;
    color: white;
}

#dark-mode .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #555;
}

#dark-mode .select2-container .select2-dropdown {
    background-color: #333;
    border: none;
}

#dark-mode .select2-container .select2-results__option {
    background-color: #333;
    color: white;
}

#dark-mode .select2-container--open .select2-dropdown--below {
    border-top: none;
    border-bottom: none;
}
#dark-mode .select2-container--default .select2-search--dropdown .select2-search__field {
    background-color: #444;
    color: #fff;
    border: 1px solid #666;
    box-shadow: 0 0 10px 0 rgba(255, 255, 255, 0.1);
}

#dark-mode .custom-select__dropdown {
    background-color: #252525;
    color: #f0f0f0;
    border: 1px solid #444;
}

#dark-mode .custom-select__dropdown .option:hover, 
#dark-mode .custom-select__dropdown .option.selected {
    background-color: #444;
    color: #ffffff;
}

#dark-mode .custom-select__dropdown > button.custom-select__option:hover {
    background-color: #444;
    color: #ffffff;
}

#dark-mode .swal2-popup {
  background-color: #282828 !important;
  border-color: #444 !important;
}

#dark-mode .swal2-title {
  color: #fff !important;
}

#dark-mode .swal2-content {
  color: #ddd !important;
}

#dark-mode .form-input input[type="text"],
#dark-mode .form-input input[type="text"]:focus,
#dark-mode .form-input input[type="text"]:hover,
#dark-mode .form-input input[type="text"]:active {
  border: none;
  background-color: #444;
  color: #fff;
}

#dark-mode .form-input label {
  color: rgba(var(--default-indigo-100));
  opacity: 0.9;
}

#dark-mode .form-input input[type="text"]::-webkit-input-placeholder,
#dark-mode .form-input input[type="text"]::-moz-placeholder,
#dark-mode .form-input input[type="text"]:-ms-input-placeholder,
#dark-mode .form-input input[type="text"]::-ms-input-placeholder,
#dark-mode .form-input input[type="text"]::placeholder {
  color: #8b88ff;
  opacity: 0.6;
}

#dark-mode .form-input.dark input[type="text"],
#dark-mode .form-input.dark textarea {
  border: none;
  background-color: #444;
  color: #fff;
}

#dark-mode .form-input.dark input[type="password"]::-webkit-input-placeholder,
#dark-mode .form-input.dark input[type="text"]::-webkit-input-placeholder,
#dark-mode .form-input.dark textarea::-webkit-input-placeholder {
  color: #8b88ff;
  opacity: 0.6;
}

#dark-mode .form-input.dark input[type="password"]::-moz-placeholder,
#dark-mode .form-input.dark input[type="text"]::-moz-placeholder,
#dark-mode .form-input.dark textarea::-moz-placeholder {
  color: #8b88ff;
  opacity: 0.6;
}

#dark-mode .form-input.dark input[type="password"]:-ms-input-placeholder,
#dark-mode .form-input.dark input[type="text"]:-ms-input-placeholder,
#dark-mode .form-input.dark textarea:-ms-input-placeholder {
  color: #8b88ff;
  opacity: 0.6;
}

#dark-mode .form-input.dark input[type="password"]::-ms-input-placeholder,
#dark-mode .form-input.dark input[type="text"]::-ms-input-placeholder,
#dark-mode .form-input.dark textarea::-ms-input-placeholder {
  color: #8b88ff;
  opacity: 0.6;
}

#dark-mode .form-input.dark input[type="password"]::placeholder,
#dark-mode .form-input.dark input[type="text"]::placeholder,
#dark-mode .form-input.dark textarea::placeholder {
  color: #8b88ff;
  opacity: 0.6;
}

#dark-mode .form-input.active label {
  background-color: rgba(var(--default-indigo-400));
}

#dark-mode .lottery-player-tickets {
    background: #0f0f0f !important;
    border: 2px solid #212121 !important;
}

#dark-mode .contest-sidebar__cart {
    background-color: #0f0f0f !important;
    border: 2px solid #212121 !important;
}

#dark-mode .lottery-counter-title {
    background-color: #0f0f0f !important;
}

#dark-mode .lottery-last-join-item {
    background-color: transparent !important;
}

#dark-mode .quantity-nav [type=text],
#dark-mode .quantity-nav [type=email],
#dark-mode .quantity-nav [type=url],
#dark-mode .quantity-nav [type=password],
#dark-mode .quantity-nav [type=number],
#dark-mode .quantity-nav [type=date],
#dark-mode .quantity-nav [type=datetime-local],
#dark-mode .quantity-nav [type=month],
#dark-mode .quantity-nav [type=search],
#dark-mode .quantity-nav [type=tel],
#dark-mode .quantity-nav [type=time],
#dark-mode .quantity-nav [type=week],
#dark-mode .quantity-nav [multiple],
#dark-mode .quantity-nav textarea,
#dark-mode .quantity-nav select {
    background-color: #0f0f0f !important
}