/*your custom css goes here*/
.rounded {
    border-radius: 8px!important;
}

/* TikTok Theme Styles */
body {
    background-color: #000000 !important;
    color: #ffffff !important;
}

/* Seller sidebar */
.aiz-sidebar {
    background-color: #161823 !important;
}

.aiz-side-nav-logo-wrap {
    background-color: #161823 !important;
}

.aiz-sidebar-wrap {
    background-color: #161823 !important;
}

.aiz-side-nav-link {
    color: #cccccc !important;
}

.aiz-side-nav-link:hover,
.aiz-side-nav-link.active {
    color: #fe2c55 !important;
    background-color: #252836 !important;
}

.aiz-side-nav-icon {
    color: #25f4ee !important;
}

.aiz-side-nav-link.active .aiz-side-nav-icon,
.aiz-side-nav-link:hover .aiz-side-nav-icon {
    color: #fe2c55 !important;
}

/* Seller top nav */
.aiz-topbar {
    background-color: #0d0d0d !important;
    border-color: #333333 !important;
    border-bottom: 1px solid #333333 !important;
}

.aiz-topbar .btn-light {
    background-color: #252836 !important;
    border-color: #444 !important;
    color: #ffffff !important;
}

/* Mobile toggler button - white lines */
.aiz-mobile-toggler {
    background-color: transparent !important;
    border: none !important;
}

.aiz-mobile-toggler span,
.aiz-mobile-toggler span::before,
.aiz-mobile-toggler span::after {
    background-color: #ffffff !important;
    height: 3px !important;
}

.aiz-topbar .text-dark {
    color: #ffffff !important;
}

.aiz-topbar .bg-light {
    background-color: #252836 !important;
}

/* Content wrapper */
.aiz-content-wrapper {
    background-color: #000000 !important;
}

.aiz-main-content {
    background-color: #000000 !important;
}

/* Sidebar nav list */
.aiz-side-nav-list .aiz-side-nav-item {
    border-color: #333333 !important;
}

.level-2 {
    background-color: #0d0d0d !important;
}

/* Search in menu */
.aiz-sidebar .form-control {
    background-color: #252836 !important;
    color: #ffffff !important;
    border-color: #444 !important;
}

/* Footer in seller panel */
.aiz-content-wrapper .bg-white {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #999 !important;
}

.tiktok-bg {
    background-color: #000000 !important;
}

.tiktok-text {
    color: #ffffff !important;
}

.tiktok-primary {
    color: #fe2c55 !important;
}

.tiktok-secondary {
    color: #25f4ee !important;
}

/* Override Bootstrap colors for TikTok theme */
.bg-white {
    background-color: #000000 !important;
}

.text-dark,
.text-reset {
    color: #ffffff !important;
}

.border-bottom,
.border-soft-secondary {
    border-color: #333333 !important;
}

/* Logo styling */
.tiktok-logo {
    font-family: 'Arial Black', sans-serif;
    font-weight: 900;
    font-size: 28px;
    background: linear-gradient(90deg, #25f4ee 0%, #fe2c55 50%, #25f4ee 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    letter-spacing: -1px;
}

/* Button styles */
.btn-primary {
    background-color: #000000 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.btn-primary:hover {
    background-color: #252836 !important;
    border-color: #fe2c55 !important;
    color: #fe2c55 !important;
}

/* Card styles */
.card {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Form controls */
.form-control {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.form-control:focus {
    background-color: #1f2235 !important;
    border-color: #fe2c55 !important;
    color: #ffffff !important;
}

/* Select dropdown options */
.form-control option {
    background-color: #161823 !important;
    color: #ffffff !important;
}

/* Bootstrap select dropdown */
.bootstrap-select .dropdown-toggle {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.bootstrap-select .dropdown-menu {
    background-color: #161823 !important;
}

.bootstrap-select .dropdown-item {
    color: #ffffff !important;
}

.bootstrap-select .filter-option {
    color: #ffffff !important;
}

/* Dropdown button with border - Bulk Action */
.btn.border.dropdown-toggle {
    color: #ffffff !important;
    border-color: #555555 !important;
}

/* Date picker styles */
.daterangepicker {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.daterangepicker .calendar-table {
    background-color: #161823 !important;
    border-color: #333333 !important;
}

.daterangepicker td.available {
    color: #ffffff !important;
}

.daterangepicker td.off {
    color: #666666 !important;
}

.daterangepicker th.month,
.daterangepicker th.prev,
.daterangepicker th.next {
    color: #ffffff !important;
}

.daterangepicker .drp-buttons {
    border-top-color: #333333 !important;
}

.daterangepicker .drp-selected {
    color: #ffffff !important;
}

/* Date picker time inputs and buttons */
.daterangepicker .calendar-time select {
    background-color: #252836 !important;
    color: #ffffff !important;
    border-color: #444444 !important;
}

.daterangepicker .drp-buttons .btn {
    color: #ffffff !important;
}

.daterangepicker .drp-buttons .btn-primary {
    background-color: #fe2c55 !important;
    border-color: #fe2c55 !important;
}

.daterangepicker .drp-buttons .btn-default {
    background-color: transparent !important;
    border-color: #555555 !important;
    color: #ffffff !important;
}

/* Links */
a {
    color: #ffffff !important;
}

a:hover {
    color: #fe2c55 !important;
}

/* Dropdown menus */
.dropdown-menu {
    background-color: #161823 !important;
    border-color: #333333 !important;
}

.dropdown-item {
    color: #ffffff !important;
}

.dropdown-item:hover {
    background-color: #252836 !important;
    color: #fe2c55 !important;
}

/* Navigation */
.top-navbar {
    background-color: #000000 !important;
    border-color: #333333 !important;
}

header.bg-white {
    background-color: #000000 !important;
}

/* Footer */
footer {
    background-color: #161823 !important;
    color: #ffffff !important;
}

/* List group */
.list-group-item {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Tables */
.table {
    color: #ffffff !important;
}

.table thead th {
    border-color: #333333 !important;
}

.table td,
.table th {
    border-color: #333333 !important;
}

/* Pagination */
.page-link {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

.page-link:hover {
    background-color: #252836 !important;
    color: #fe2c55 !important;
}

.page-item.active .page-link {
    background-color: #fe2c55 !important;
    border-color: #fe2c55 !important;
}

/* Modals */
.modal-content {
    background-color: #161823 !important;
    color: #ffffff !important;
}

.modal-header,
.modal-footer {
    border-color: #333333 !important;
}

/* Alerts */
.alert {
    background-color: #161823 !important;
    border-color: #333333 !important;
    color: #ffffff !important;
}

/* Badges */
.badge-success {
    background-color: #25f4ee !important;
    color: #000000 !important;
}

.badge-danger {
    background-color: #fe2c55 !important;
}

/* Search input */
.front-header-search .form-control {
    background-color: #161823 !important;
    border-color: #333333 !important;
}

/* Category menu */
.category-menu-icon-box .bg-light {
    background-color: #161823 !important;
    border-color: #333333 !important;
}

.navbar-toggler-icon {
    background-color: #ffffff !important;
}

/* Product cards */
.aiz-card-box {
    background-color: #161823 !important;
}

/* Hover effects */
.hover-shadow-md:hover {
    box-shadow: 0 4px 20px rgba(254, 44, 85, 0.2) !important;
}

/* Scrollbar */
::-webkit-scrollbar {
    width: 8px;
}

::-webkit-scrollbar-track {
    background: #000000;
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #fe2c55;
}
._15__V{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 32px;
    font-size: 24px;
    color: #222;
    line-height: 32px;
}
._15__V ._192Xe{
    height: 1px;
    width: 123px;
    border-top: 1px solid hsla(0,0%,59.2%,.3);
}
.img-fit2{
    max-height: 100%;

    object-fit: cover;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}
@media (max-width: 767px){
    ._15__V ._192Xe{
        height: 1px;
        width: 3.25rem;
        border-top: 1px solid hsla(0,0%,59.2%,.3);
    }
    .sticky-top{
        top:-1px;
    }
}

/* User side nav TikTok theme */
.aiz-user-sidenav-wrap {
    background-color: #161823 !important;
}

.aiz-user-sidenav {
    background-color: #161823 !important;
}

.aiz-user-sidenav .bg-primary {
    background: linear-gradient(135deg, #161823 0%, #25f4ee22 50%, #fe2c5533 100%) !important;
    border-bottom: 1px solid #333333 !important;
}

.aiz-user-sidenav .h5,
.aiz-user-sidenav h4 {
    color: #ffffff !important;
}

.aiz-user-sidenav .opacity-60 {
    color: #aaaaaa !important;
}

.aiz-user-sidenav .aiz-side-nav-link {
    color: #cccccc !important;
}

.aiz-user-sidenav .aiz-side-nav-link:hover {
    color: #fe2c55 !important;
    background-color: #252836 !important;
}

.aiz-user-sidenav .aiz-side-nav-icon {
    color: #25f4ee !important;
}

.aiz-user-sidenav .aiz-side-nav-link:hover .aiz-side-nav-icon {
    color: #fe2c55 !important;
}

.aiz-user-sidenav .border-bottom {
    border-color: #333333 !important;
}

/* Mobile bottom bar of user sidenav */
.aiz-mobile-side-nav .fixed-bottom {
    background-color: #161823 !important;
    border-color: #333333 !important;
}

.aiz-mobile-side-nav .fixed-bottom .btn {
    color: #cccccc !important;
}

/* Collapse sidebar bg */
.collapse-sidebar {
    background-color: #161823 !important;
}

/* Page content area */
.gry-bg {
    background-color: #0d0d0d !important;
}

.aiz-titlebar {
    background-color: #161823 !important;
    border-radius: 8px;
    padding: 12px 16px;
}

.aiz-titlebar h1,
.aiz-titlebar .h3 {
    color: #ffffff !important;
}

section.gry-bg {
    background-color: #0d0d0d !important;
}

.bg-soft-secondary {
    background-color: #1a1a2a !important;
}

/* User panel layout background */
.aiz-main-content,
.aiz-content-wrapper,
.aiz-main-wrapper,
.px-15px,
.px-lg-25px,
.profile {
    background-color: #000000 !important;
}

/* User panel page wrapper */
.aiz-user-panel {
    background-color: #000000 !important;
}

.row {
    background-color: transparent !important;
}

/* Remove white gap between sections */
.py-4, .py-5, .pt-3, .pb-3, .mt-4, .mb-4 {
    background-color: transparent !important;
}

/* File upload button */
.aiz-uploader {
    background-color: #000000 !important;
    border: 2px dashed #fe2c55 !important;
    color: #ffffff !important;
}

.aiz-uploader .text-muted,
.aiz-uploader span,
.aiz-uploader i {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.aiz-uploader:hover {
    border-color: #25f4ee !important;
}

/* aizuploader plugin */
[data-toggle="aizuploader"] {
    background-color: #000000 !important;
    border: 2px dashed #fe2c55 !important;
    color: #ffffff !important;
}

[data-toggle="aizuploader"] .text-muted,
[data-toggle="aizuploader"] span,
[data-toggle="aizuploader"] i,
[data-toggle="aizuploader"] label {
    color: #ffffff !important;
    opacity: 1 !important;
    font-weight: 600 !important;
}

.aiz-file-box {
    background-color: #161823 !important;
    border-color: #333333 !important;
}