:root {
    --primaryColor: #0AD9E7;
    --secondaryColor: #494949;
    --thirdColor: #003f5a;
}

.c-sidebar {
    background: #30353e!important;
}

.btn-primary {
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.btn-primary:hover {
    color: #fff;
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
}

.btn-link {
    font-weight: 400;
    color: #0AD9E7;
    text-decoration: none;
}

.btn-info {
    color: #fff;
    background: var(--secondaryColor);
    border-color: var(--secondaryColor);
}

.btn-info:hover {
    color: #fff;
    background-color: var(--primaryColor);
    border-color: var(--primaryColor);
}

.c-sidebar .c-sidebar-nav-dropdown-toggle:hover, .c-sidebar .c-sidebar-nav-link:hover {
    color: #fff;
    background: var(--secondaryColor);
}

.c-sidebar-nav-link.c-active {
    background-color: var(--primaryColor);
}

.c-sidebar .c-active.c-sidebar-nav-dropdown-toggle {
    color: #fff;
    background: var(--primaryColor);
}

.c-sidebar .c-sidebar-nav-link.c-active {
    background-color: var(--primaryColor);
}

.ck-editor__editable,
textarea {
    min-height: 150px;
}

.datatable {
    width: 100% !important;
}

table.dataTable tbody td.select-checkbox::before,
table.dataTable tbody td.select-checkbox::after,
table.dataTable tbody th.select-checkbox::before,
table.dataTable tbody th.select-checkbox::after {
    top: 50%;
}

.dataTables_length,
.dataTables_filter,
.dt-buttons {
    margin-bottom: 0.333em;
    margin-top: .2rem;
}

.dataTables_filter {
    margin-right: .2rem;
}

.dt-buttons .btn {
    margin-left: 0.333em;
    border-radius: 0;
}

.table.datatable {
    box-sizing: border-box;
    border-collapse: collapse;
}

table.dataTable thead th {
    border-bottom: 2px solid #c8ced3;
}

.dataTables_wrapper.no-footer .dataTables_scrollBody {
    border-bottom: 1px solid #c8ced3;
}

.select2 {
    max-width: 100%;
    width: 100% !important;
}

.select2-selection__rendered {
    padding-bottom: 5px !important;
}

.has-error .invalid-feedback {
    display: block !important;
}

.btn-info,
.badge-info {
    color: white;
}

.badge-secondary {
    color: #fff;
    background-color: #0AD9E7;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc {
    background-image: none;
}

.sidebar .nav-item {
    cursor: pointer;
}

.btn-default {
    color: #23282c;
    background-color: #f0f3f5;
    border-color: #f0f3f5;
}

.btn-default.focus,
.btn-default:focus {
    box-shadow: 0 0 0 .2rem rgba(209, 213, 215, .5);
}

.btn-default:hover {
    color: #23282c;
    background-color: #d9e1e6;
    border-color: #d1dbe1;
}

.btn-group-xs > .btn,
.btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

/* .speedUpBtn {
    background: linear-gradient(15.23deg, #ac2cc9 -46.11%, #dd39bf 48.21%, #f25674 142.67%);
} */

.speedUpBtn {
    background: linear-gradient(125deg, #427EFF 0%, #7053FF 40%, #B44CFF 75%, #FF5DA2 100%);
    color: #fff;
    border: none;
    padding: 0.75rem 1.5rem;
    border-radius: 6px;
    font-weight: bold;
    transition: background 0.3s ease;
}

.searchable-title {
    font-weight: bold;
}
.searchable-fields {
    padding-left:5px;
}
.searchable-link {
    padding:0 5px 0 5px;
}
.searchable-link:hover   {
    cursor: pointer;
    background: #eaeaea;
}
.select2-results__option {
    padding-left: 0px;
    padding-right: 0px;
}

.form-group .required::after {
    content: " *";
    color: red;
}

.form-check.is-invalid ~ .invalid-feedback {
    display: block;
}

.c-sidebar-brand .c-sidebar-brand-full:hover {
    color: inherit;
}

.custom-select.form-control-sm {
    padding: 0.25rem 1.5rem;
}

.charCount {
    font-size: 12px;
    color: #555;
    margin-top: 5px;
}

.category-menu {
    width: 300px;
    position: relative; /* Ensure the menu is the reference point for absolute positioning */
}

.categories {
    list-style-type: none;
    padding: 0;
    margin: 0; /* Remove margin */
    border-right: 1px solid var(--color-border); /* Add vertical line */
    border: 1px solid #0ad8e761;
    /* border-right: 0px; */
}

.categories li:hover {
    box-shadow: 0 4px 8px #0ad8e761;
}

.category-item {
    position: relative;
    padding: 10px;
    background: var(--background-color-4);
    color: var(--color-white);
    cursor: pointer;
    margin: 0; /* Remove margin */
    transition: box-shadow 0.3s ease-in-out;
    list-style: none;
}

.category-icon {
    width: 24px;
    height: 24px;
    margin-right: 12px; /* Fixed spacing between icon and text */
    object-fit: contain;
    flex-shrink: 0; /* Prevent icon from shrinking */
}

.subcategories {
    display: none;
    list-style-type: none;
    padding: 0;
    padding-left: 15px;
    margin: 0; /* Remove margin */
    position: absolute;
    top: 0;
    left: 100%; /* Align to the right of the category menu */
    background-color: var(--background-color-4);
    color: var(--color-white);
    width: 350px;
    max-height: 300px; /*Set maximum height */
    overflow-y: auto; /* Enable vertical scrolling*/
    scrollbar-width: thin; /* "auto" or "thin" or none */
    scrollbar-color: #8fc4c8 #212e48;  /*Thumb and track color */
    border: 1px solid #0ad8e761;
    /* border-left: 0px; */
}

.category-item:hover .subcategories {
    display: block;
}

.subcategories li {
    padding: 10px; /* Same padding as .category-item */
    list-style: none;
    cursor: pointer;
    transition: box-shadow 0.3s ease-in-out;
}

.subcategories li:hover {
    box-shadow: 0 4px 8px #0ad8e761;
}

/* Custom Scrollbar Container */
.custom-scroll-container {
  max-height: 1800px;
  overflow-y: auto;
  scrollbar-width: none; /* "auto" or "thin" or none */
  scrollbar-color: #8fc4c8 #212e48; /* Thumb and track color */
}

ul li {
    color: var(--color-white);
    font-size: medium;
    margin: 0; /* Remove margin */
    padding: 0; /* Remove padding */
}

.category-item:hover .subcategories {
    display: block;
}

.dropzone {
    min-height: 150px;
    border: 2px dashed rgba(0,0,0,0.3);
    background: #171524;
    padding: 20px 20px;
    font-size: large;
}

.dropzone.dz-clickable .dz-message, .dropzone.dz-clickable .dz-message * {
    cursor: pointer;
    font-size: inherit;
}

#createListingform fieldset {
    display: none;
}

#createListingform fieldset.is-active {
    display: block;
}


.dropzone .dz-preview.dz-image-preview {
    background: transparent;
}

.dropzone .dz-preview {
width: 180px;
height: 180px;
min-height: 180px;
object-fit: cover;

}

.dz-image {
    width: 100%; /* Adjust to fit container */
    height: auto; /* Maintain original aspect ratio */
    object-fit: contain; /* Prevent cropping */
}

.dropzone .dz-preview .dz-remove {
    font-size: 14px;
    text-align: center;
    display: block;
    cursor: pointer;
    border: none;
    color: red !important;
}

.dropzone .dz-preview .dz-remove:hover {
    text-decoration: underline
}

fieldset {
display: none;
}

fieldset.is-active {
display: block;
}

#createListingform fieldset {
    display: none;
}

#createListingform fieldset.is-active {
    display: block;
}

.input-two-wrapper .profile-edit-select {
    margin-top: 0px!important;
}

.nuron-information input:focus {
  background-color: white; 
  color: #242435; 
  border-color: #80bdff; 
  outline: none; 
  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
}

#uploadPicsTips .modal-dialog {
max-width: 950px;
margin: 1.75rem auto; /* Center the modal */
}

#uploadPicsTips .modal-content {
padding: 30px;
}

.vip-badge {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 8px; /* Adjust as necessary */
    right: 8px; /* Adjust as necessary */
    background-color: #0AD9E7; 
    color: white; 
    padding: 5px 10px;
    border-radius: 3px;
    font-size: 14px; 
    font-weight: bold;
    z-index: 10; 
}


.bubble {
    padding: .35em .65em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    background-color: var(--color-primary);
    float: right;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25rem;
}

.listing-container {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.text-content {
    flex: 1;
}

.community-img {
    margin-left: 20px; /* Adjust the margin as needed */
    max-width: 250px; /* Adjust the size as needed */
}

.card-thumbnail {
    width: 300px; /* Set a fixed width /
    height: 200px; / Set a fixed height /
    overflow: hidden; / Hide any overflow /
    display: flex; / Use flexbox to center the image /
    justify-content: center; / Center horizontally /
    align-items: center; / Center vertically */
}

.card-thumbnail img {
    width: 100%; /* Scale image to fit width */
    height: 250px !important; /* Maintain aspect ratio */
    object-fit: cover; /* Cover the container while maintaining aspect ratio */
}

.checkbox-wrapper {
    display: flex;               /* Use Flexbox for layout */
    flex-wrap: wrap;            /* Allow wrapping of items to the next line */
}

.rn-check-box {
    margin-right: 20px;         /* Space between checkboxes */
    margin-bottom: 20px;        /* Space below checkboxes to the next line */
    display: flex;              /* Ensures label and input are aligned /
    align-items: center;        / Aligns checkbox and label vertically /
    position: relative;         / Establish a positioning context */
}

.rn-check-box-input {
    /* Optional: add styling to the checkbox if needed */
    position: relative;         /* Relative positioning */
    z-index: 1;                /* Ensure checkbox is on top */
}

.rn-check-box-label {
    cursor: pointer;            /* Cursor indicates label is clickable */
    z-index: 2;                /* Make sure the label is above other elements */
}

.legend-style {
    font-size: 16px;
    margin-top: 10px;            
    border-top: 1px dashed rgba(0,0,0,0.3);   
    padding-top: 10px;  
}

.input-box {
    margin-top: 20px; /* Space above the input box */
}

.toggle-container {
    display: flex;                /* Use flexbox to layout the radio buttons */
    flex-direction: row;
    flex-wrap: wrap;             /* Allow items to wrap to the next line */
    margin: -5px;                /*Optional: To avoid spacing issues */
    /* min-height: 200px; */
    padding-top: 10px;
    gap: 10px;
}

.toggle-radio {
    display: flex; /* use flex for the label */
    /* display: inline-block;      Display toggle buttons inline */
    cursor: pointer;            /* Change mouse cursor to pointer */
    margin-right: 10px;        /* Space between toggle buttons /
    position: relative;         / To position the custom indicator /
    padding-left: 30px;        / Space for the custom check */
}

.toggle-radio input[type="radio"] {
    display: none; /* Hide the default radio button */
}

.toggle-label {
    padding: 10px;           /* Padding around the label */
    border: 1px solid #0AD9E7;  /* Border for toggles */
    border-radius: 5px;      /* Rounded corners /
    background: #fff;        / Background color */
    transition: background 0.3s, border-color 0.3s; /* Smooth transition */
}

.toggle-radio input[type="radio"]:checked + .toggle-label {
    background: var(--color-primary);     /* Background color when selected /
    border-color: #0056b3;   / Darker border when selected */
    color: white;             /* Text color when selected */
    
}

#imagesGalleryModal .modal-dialog {
max-width: 950px;
margin: 1.75rem auto; /* Center the modal */
}

#imagesGalleryModal .modal-content {
padding: 30px;
}

.listing-attributes tr {
border: none;
}
.listing-attributes tr th, .listing-attributes tr td {
white-space: nowrap;
border: none;
padding: 10px; /* Adjust padding as needed */
}
.listing-attributes tr th span {
color: var(--color-heading);
font-size: 20px;
text-transform: none;
}
@media only screen and (max-width: 575px) {
.listing-attributes tr th span {
font-size: 16px !important;
}
}
.listing-attributes tr td span {
color: var(--color-body);
}

thead {
  border: none;
}
thead tr th {
  border: none;
}

.table-bordered, .table-bordered td, .table-bordered th {
    border: 1px solid;
    border-color: #d8dbe0;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    color: #4f5d73;
}
.table {
    width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}

#dialogbox {
    position: fixed; /* Change position to fixed */
    align-content: center;
    transform: translateX(-50%); /* Center horizontally */
    z-index: 9999; /* Ensure it's on top */
    display: none; /* Hide by default */
}

[dir="rtl"] {
    text-align: right;
    direction: rtl;
}


/* Listing Details Images *
    /* Sliders */
.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

/* .MultiCarousel .MultiCarousel-inner .item {
    float: left;
    padding: 5px;
} */

.MultiCarousel .MultiCarousel-inner .item {
    width: 120px;
    height: 120px;
    overflow: hidden;
    flex-shrink: 0;
    padding: 5px;
}

/* On screens 576px and below, increase item height */
@media (max-width: 576px) {
    .MultiCarousel .MultiCarousel-inner .item {
        height: 150px;
    }
}


/* .MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    background: var(--primaryColor);
    color: var(--textColorOnPrimary, #fff);
    width: 40px !important;
    height: 40px;
    font-size: 1.25rem;
    border: none;
    cursor: pointer;
    transition: background 0.3s ease;
} */

[data-bs-theme="dark"] .MultiCarousel .leftLst,
[data-bs-theme="dark"] .MultiCarousel .rightLst {
    background: var(--primaryColor);
    color: var(--color-primary-alta);
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    width: 40px !important;
    height: 40px;
    background: var(--primaryColor);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}


@media (max-width: 576px) {
    #MultiCarousel .leftLst,
    #MultiCarousel .rightLst {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}

@media (max-width: 479px) {
    #MultiCarousel .leftLst,
    #MultiCarousel .rightLst {
        width: 32px;
        height: 32px;
        font-size: 1rem;
    }
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: var(--primaryColor);
}
/* Product Images */

figure.product-img img{
    cursor: pointer;
}

#imgbox {
    width: 100%;
    max-height: 450px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.product-img {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.5rem;
    background-color: var(--bs-body-bg);
}

.product-img img,
.product-img video {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    border-radius: inherit;
}

/*# Modified CSS for mobile responsiveness of new UI elements */
.table-responsive-sm {
  -webkit-overflow-scrolling: touch;
  overflow-x: auto;
}

@media (max-width: 576px) {
  .responsive-row {
    display: block;
  }

  .responsive-row th,
  .responsive-row td {
    display: block;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    border-left: 0;
    border-right: 0;
  }
}

@media (max-width: 576px) {
  .rbt-site-header .connectbtn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 0;
    border-radius: 50%;
    background-color: var(--primaryColor); /* optional for visual consistency */
    color: #fff; /* adjust based on your theme */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
    transition: background 0.3s ease;
  }

  .rbt-site-header .connectbtn:hover {
    background-color: var(--primaryColorDark); /* optional hover effect */
  }

  .rbt-site-header .connectbtn .btn-label {
    display: none;
  }

  .rbt-site-header .connectbtn i {
    font-size: 1.2rem;
    margin: 0;
  }

  .rbt-site-header .icon-box {
    display: flex;
    gap: 8px;
    flex-wrap: nowrap;
    align-items: center;
  }
}

/* Desktop hover layout */
@media (min-width: 577px) {
  .category-item .subcategories {
    position: absolute;
    left: 100%;
    top: 0;
    width: 350px;
    display: none;
    padding-left: 15px;
    background-color: var(--background-color-4);
    border-radius: 6px;
    z-index: 10;
  }

  .category-item .subcategories.open {
    display: block;
  }
}

@media (max-width: 576px) {
    .categories {
        border: unset;
    }
}

/* Mobile accordion layout */
@media (max-width: 576px) {
  .accordion-body .subcategories {
    position: static !important;
    width: 100%;
    display: block !important;
    padding-left: 0;
    margin: 0;
    list-style: none;
    background-color: transparent;
  }

  .accordion-body .subcategories li {
    padding: 10px 12px;
    background-color: var(--background-color-4);
    border-radius: 6px;
    margin-bottom: 6px;
    color: var(--color-white);
    cursor: pointer;
  }

  .accordion-body {
    overflow: visible !important;
  }
}

/*# Modified CSS to support RTL */

[dir="rtl"] .mainmenu-nav .mainmenu li.with-megamenu .rn-megamenu {
    right: 50% !important;
    transform: translateX(50%) !important;
}

[dir="rtl"] .rn-icon-list.user-account .rn-dropdown {
    left: 50%;
    right: auto;
    transform: translateX(-50%) !important;
    text-align: right;
}

[dir="rtl"] .top-seller-content a h6 {
    padding-left: 0;
    padding-right: 40px;
}

[dir="rtl"] .live-bidding-title {
    margin-left: 0;
    margin-right: 19px;
    padding-left: 0;
    padding-right: 15px;
}

[dir="rtl"] .live-bidding-title::before,
[dir="rtl"] .live-bidding-title::after {
    left: auto;
    right: -20px;
}

@keyframes customOneRTL {
    0% {
        -webkit-transform: translateY(-50%) scale(0);
        transform: translateY(-50%) scale(0);
        opacity: 1;
    }
    100% {
        -webkit-transform: translateY(-50%) scale(1.3) translateX(-5px);
        transform: translateY(-50%) scale(1.3) translateX(-5px);
        opacity: 0;
    }
}

[dir="rtl"] .live-bidding-title::after {
    animation: customOneRTL 1.2s infinite;
}

[dir="rtl"] button.slide-arrow.next-arrow {
    top: -60px !important;
    right: auto !important;
    left: 16px !important;
    transform: rotate(180deg) !important;

}

[dir="rtl"] button.slide-arrow.prev-arrow {
    top: -60px !important;
    right: auto !important;
    left: 86px !important;
    transform: rotate(180deg) !important;

}

/* Swap classes to fix functionality */
[dir="rtl"] .next-arrow-fix {
    transform: rotate(180deg);
}

[dir="rtl"] .prev-arrow-fix {
    transform: rotate(180deg);
}


[dir="rtl"] .col-lg-6.col-md-6.col-sm-6.col-12.mt_mobile--15 {
    padding-right: 480px !important;
}

.localized-icon {
    color: var(--color-primary)!important; /* Default for both modes */
}

/* Add margin for RTL mode */
[dir="rtl"] .localized-icon {
    margin-left: 5px!important;
}

/* RTL-specific margin adjustment */
[dir="rtl"] .localized-text {
    margin-right: 5px!important;
}

[dir="rtl"] .left-nav .nav.nav-tabs button {
    text-align: justify!important;
    
}

[dir="rtl"] .subcategories  {
    right: 100%; 
}

[dir="rtl"] .category-icon {
    margin-left: 12px;
}

/* .tab-content>.active {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
} */