body.light-mode {
    --mainDark: #fff;
    --secondaryDark: #ffffff;
    --textColor: #000;
    --secondaryTextColor: #262626;
    --paggintaionColor: #1520A1;
    --paginationBg: #1520A1;
    --disabledInput: rgba(38, 38, 38, 0.3);
    --toggleColor: #7617FF;
}

body.dark-mode {
    --mainDark: #0A152D;
    --secondaryDark: #161f40;
    --textColor: #e5e5e5;
    --secondaryTextColor: #D9D3FA;
    --paggintaionColor: #7617FF;
    --paginationBg: linear-gradient(to bottom, white 0%, #dcdcdc 100%);
    --disabledInput: rgba(217, 211, 250, 0.2);
    --toggleColor: #fff;
}

.swal2-popup, .swal2-checkbox {
    background-color: var(--secondaryDark) !important;
    color: var(--textColor) !important;
}

body.dark-mode .navbar .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: rgb(255, 255, 255);
    padding: 1px 8px;
}

body.dark-mode .navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28256, 256, 256%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

body.dark-mode .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

body.dark-mode table.dataTable tr.dtrg-group td{
    background-color: #4445e0;
}

.collections-page .dtr-control .collection-image {
    display: none;
}

.form-check {
    position: relative;
}

header .form-switch input.form-check-input,
header .form-switch input.form-check-input:focus {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28256, 256, 256, 1%29'/%3e%3c/svg%3e");
}

header .form-switch input.form-check-input:checked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%2821, 32, 161, 1%29'/%3e%3c/svg%3e");
}

header .form-switch input.form-check-input {
    background-color: var(--toggleColor);
    margin-top: 0;
    width: 64px;
    height: 30px;
    border: 1px solid var(--textColor);
}

.form-check-input:hover {
    cursor: pointer;
}

body.dark-mode .form-check-input__moon {
    display: none;
}

body.light-mode .form-check-input__sun {
    display: none;
}

.form-check-input__moon {
    pointer-events: none;
    position: absolute;
    right: 9px;
    top: calc(50% - 6px);
}

.form-check-input__sun {
    pointer-events: none;
    position: absolute;
    left: 9px;
    top: calc(50% - 6px);
}

.form-check-input__sun path {
    fill: #000;
}

.form-check-input__moon path {
    fill: #fff;
}


.bidding-page tbody tr td:nth-child(2) .collection-image {
    display: none;
}

.bidding-page tbody tr td:nth-child(3) .collection-image {
    display: block;
    text-align: left;
}

.show-more-actions-t {
    pointer-events: none;
}

.show-more-actions {
    position: relative;
}

.action-buttons-wrap {
    display: none;
}

.show-more-actions.opened .action-buttons-wrap {
    position: absolute;
    left: -148px;
    top: -46px;
    display: flex;
    background-color: var(--paggintaionColor);
    padding: 10px;
    border-radius: 5px;
}

.action-buttons-wrap > .btn:not(:last-child) {
    margin-right: 5px;
}

.buttons-wrap {
    display: flex;
}

.buttons-wrap > *:not(:last-child) {
    margin-right: 5px;
}

.show-more-actions-popover {
    background: var(--paggintaionColor);
}

.show-more-actions-popover .popover-arrow:before {
    border-top-color: var(--paggintaionColor);
}


.form-floating input {
    border: 1px solid #1520A1;
}

.btn_to_top {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background-color: var(--paggintaionColor);
    font-size: 14px;
    color: #fff;
    text-transform: capitalize;
    z-index: 99;
}

.btn_to_top:hover {
    color: #dedede;
}

.noty_body {
    background: var(--paggintaionColor);
    color: #fff;
}

div#tmp-floor_price_list_btn > *,
div#tmp-floor_price_list_btn > .table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--textColor);
}


a {
    word-break: break-word;
}

h1, h2, h3, h4, label, span, div {
    color: var(--textColor);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    border: 1px solid #1520a1;
    -webkit-text-fill-color: var(--secondaryTextColor);
    -webkit-box-shadow: 0 0 0px 1000px var(--mainDark) inset;
    transition: background-color 5000s ease-in-out 0s;
}


.logo {
    max-width: 238px;
    width: 55vw;
    height: auto;
}

.logo-wrap a {
    position: relative;
}

.logo-wrap a .is-beta-badge {
    right: -30px;
    top: -16px;
}

.btn-close {
    color: #fff;
}

.container .container-fluid {
    padding: 0;
}

table.dataTable thead tr th, table.dataTable thead tr td {
    padding: 10px 18px 10px 10px;
}

form[action="/user/profile"] .form-label {
    margin-top: 15px;
}

.form-control, .form-control[readonly],
.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    background-color: var(--mainDark);
    color: var(--secondaryTextColor);
    border-radius: 5px;
    border: 2px solid var(--secondaryTextColor);
    min-height: 32px;
    padding: 0.375rem 0.75rem;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--secondaryTextColor);
    padding: initial;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: var(--secondaryTextColor) transparent transparent transparent;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    top: 6px;
    right: 8px;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color: transparent transparent var(--secondaryTextColor) transparent;
}

.select2-container--default .select2-selection--multiple,
.select2-container--default .select2-selection--single {
    min-height: 40px;
}

.form-control:focus {
    color: var(--secondaryTextColor);
    background-color: var(--secondaryDark);
    outline: 0;
    box-shadow: none;
}

div.dataTables_wrapper div.dataTables_processing {
    display: inline-block;
    left: calc(50% - 40px) !important;
    width: 80px;
    height: 80px;
    color: transparent !important;
    background: transparent !important;
    margin: auto !important;
}

div.dataTables_wrapper div.dataTables_processing:after {
    content: " ";
    display: block;
    width: 64px;
    height: 64px;
    margin: 8px;
    border-radius: 50%;
    border: 6px solid #4445E0;
    border-color: #4445E0 transparent #7617FF transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.modal-body, .modal-footer, .modal-body, .modal-content {
    background-color: var(--mainDark);
}

.modal-content {
    border-radius: 8px;
}

.modal-footer {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.bg-dark-blue {
    background-color: var(--mainDark);
}

.dataTable > thead > tr {
    background-color: var(--mainDark);
    color: var(--secondaryTextColor);
    border-radius: 5px;
}

table.dataTable.no-footer {
    border-bottom: 1px solid var(--secondaryTextColor) !important;
}

.dataTables_wrapper .dataTables_length select {
    color: var(--mainDark);
    background-color: var(--secondaryTextColor) !important;
    padding: 4px 10px;
    margin: 0 5px;
}

.dataTables_filter input {
    outline: none;
    border: 1px solid var(--secondaryTextColor);
    color: var(--secondaryTextColor);
}

.dataTables_length {
    margin: 0 0 20px;
}

table.dataTable {
    border-radius: 8px;
    border: 1px solid var(--secondaryTextColor);
    overflow: hidden;
}

table.dataTable tbody th, table.dataTable tbody td {
    background-color: var(--secondaryDark);
    color: var(--secondaryTextColor);
    border-bottom: var(--mainDark);
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    color: var(--secondaryTextColor);
}

.table-striped > tbody > tr > td > div {
    color: var(--secondaryTextColor);
}

.table {
    color: var(--textColor);
}

.form-control:disabled {
    background: var(--disabledInput);
}

.accordion-button.collapsed {
    background: #D9D3FA;
}

.accordion-button {
    background: #1520a1;
}

/*pagination*/

div.dataTables_wrapper.no-footer > div.dataTables_paginate,
div.dataTables_wrapper.no-footer > div.dataTables_info {
    margin: 10px 0 20px;
}

div.dataTables_wrapper > div.dataTables_info {
    color: var(--textColor);
}

div.dataTables_wrapper > div.dataTables_paginate > span {
    padding: 9px 0 10px;
    border-radius: 4px;
    border: 1px solid var(--secondaryTextColor);
}

div.dataTables_wrapper > div.dataTables_paginate .paginate_button.current,
div.dataTables_wrapper > div.dataTables_paginate .paginate_button.current:hover {
    background: var(--paginationBg) !important;
    border: 1px solid transparent;
    color: #fff !important;
}

body.dark-mode div.dataTables_wrapper > div.dataTables_paginate .paginate_button.current,
body.dark-mode div.dataTables_wrapper > div.dataTables_paginate .paginate_button.current:hover {
    background: var(--paginationBg) !important;
    border: 1px solid transparent;
    color: #000 !important;
}

body.light-mode span#select2-rarity_service-container {
    color: #000;
}

span.select2-container .select2-selection--single[aria-labelledby="select2-rarity_service-container"] {
    padding: 0.375rem 2.15rem 0.375rem 0.45rem;
}

div.dataTables_wrapper > div.dataTables_paginate .paginate_button {
    border-radius: 0;
    padding: 8px 15px;
    margin-left: -1px;
    color: var(--textColor) !important;
}

div.dataTables_wrapper > div.dataTables_paginate .paginate_button:hover {
    color: var(--mainDark) !important;
    background: var(--paginationBg) !important;
    border: 1px solid var(--secondaryTextColor);
}

.dataTables_wrapper .dataTables_paginate span .paginate_button[data-dt-idx='1'] {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    margin-left: -1px;
}

.dataTables_wrapper .dataTables_paginate span .paginate_button:last-child {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-right: -1px;
}

#data-tables_paginate > .paginate_button:before {
    position: relative;
    display: inline-block;
    content: "";
    border-right: 3px solid var(--paggintaionColor);
    border-bottom: 3px solid var(--paggintaionColor);
    width: 10px;
    height: 10px;
    transform: rotate(-45deg);
}

#data-tables_paginate > .paginate_button.disabled:hover {
    cursor: not-allowed;
    border-color: var(--paggintaionColor);
}

#data-tables_paginate > .paginate_button.previous:before {
    transform: rotate(135deg);
}

#data-tables_next,
#data-tables_previous {
    width: 40px;
    color: transparent !important;
    background: none;
    border: none;
    box-shadow: none;
}

#data-tables_next:hover,
#data-tables_previous:hover {
    background: none !important;
    border: none !important;
}

#data-tables_next:hover:before,
#data-tables_previous:hover:before {
    border-color: var(--textColor);
}

#data-tables_next.disabled:hover:before,
#data-tables_previous.disabled:hover:before {
    border-color: var(--paggintaionColor);
}

input#toggle-btn
div.dataTables_wrapper > div.dataTables_paginate .paginate_button:only-child {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}


/*pagination*/

.btn-blue, .btn-primary {
    background-color: #1520A1;
    color: #fff;
    border-radius: 0.25rem;
    font-weight: 700;
    border: 1px solid #1520A1;
    text-align: center;
}

.accordion-button:not(.collapsed) {
    background-color: #1520A1;
    color: #fff;
}

.accordion-body {
    background-color: var(--mainDark);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}

.navbar .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: #1520A1;
    padding: 1px 8px;
}

.navbar .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2821, 32, 161%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: 2px solid var(--secondaryTextColor);
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 2px solid var(--secondaryTextColor);
    outline: 0;
    color: var(--secondaryTextColor);
    background: var(--mainDark);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff;
    margin-right: 5px;
    left: -4px;
    top: -1px;
    position: relative;
}

.select2-search--dropdown {
    background: var(--mainDark);
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background: var(--secondaryTextColor);
    color: var(--mainDark);
    font-size: 1rem;
    padding: 2px 10px;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #7617ff;
}

.select2-container--default .select2-results__option[aria-selected=true] span {
    color: #fff;
}

.select2-results__option[aria-selected] {
    cursor: pointer;
    background: var(--mainDark);
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #1520a1;
}


.select2-container--default .select2-results__option--highlighted[aria-selected] span {
    color: #fff;
}

.login-form .form-floating {
    margin-top: 20px;
}


.btn-blue:hover, .btn-primary:hover {
    background-color: #7617ff;
    border: 1px solid #7617ff;
}

.btn-white {
    background-color: #ffffff;
    color: #7617ff;
    border-radius: 0.25rem;
    font-weight: 700;
    padding: 0.5rem 1rem;
    text-align: center;
    border: 1px solid #7617ff;
}

.btn-white:hover {
    color: #1520A1;
    border: 1px solid #1520A1;
}

.collection-image {
    text-align: center;
}

.collection-image img {
    width: 30px;
}

.collection-name {

}

.collection-info {

}

.collection-name small {
    display: block;
    font-size: 12px;
}

.collection-status,
.bidding-status {
    text-transform: capitalize;
    font-weight: bold;
}

.collection-time-left {
    display: block;
    font-size: 0.7rem;
}

.toast-container.position-absolute {
    z-index: 1;
}

.nft-logo {
    position: relative;
}

.is-test-badge, .is-beta-badge {
    display: inline-block;
    background: rgb(242, 153, 74);
    border-radius: 3px;
    color: rgb(4, 17, 29);
    font-size: 10px;
    padding: 2px 4px 0;
}

.is-beta-badge {
    position: absolute;
    right: -20px;
    top: -12px;
    background: #dc3545;
}

ul.errors {
    margin: 5px 0 0 5px;
    padding: 0;
    list-style: none;
}

ul.errors li {
    color: red;
    font-size: 12px;
}

.login-form {
    width: 100%;
    max-width: 330px;
    padding: 15px;
    margin: auto;
}

.login-form .form-floating:focus-within {
    z-index: 2;
}

.buttons-wrap {
    white-space: nowrap;
}

#current_rarity_range_floor_price {
    font-size: 0.9rem;
}

.popover.floor_price_list_popover {
    max-width: 500px;
}

.popover.floor_price_list_popover > .popover-arrow::after {
    border-top-color: #212529;
}

.popover.floor_price_list_popover .popover-body {
    overflow: auto;
    max-height: 500px;
    background-color: #212529;
}

body.light-mode .popover.floor_price_list_popover > .popover-arrow::after {
    border-top-color: #D9D3FA;
}

body.light-mode .popover.floor_price_list_popover .popover-body {
    overflow: auto;
    max-height: 500px;
    background-color: #D9D3FA;
}

.popover.floor_price_list_popover .popover-body ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.tooltip-inner {
    max-width: 300px;
}

#bidding-profit {
    font-weight: bold;
    font-size: 1.25em;
}

.collection-floor-wrap {
    font-size: 1.1em;
}

.collection-floor-wrap #update_collection_floor {
    display: none;
    font-size: 1.2em;
    padding: 0px;
}

.collection-floor-wrap #update_collection_floor:before {
    content: '\f117';
}

.collection-floor-wrap #update_collection_floor.loading:before {
    content: '\F5D4';
}

.collection-select-option {

}

.collection-select-option img {
    max-height: 25px;
    width: auto;
}

.select2-selection .collection-select-option img {
    max-height: 20px;
}

.show-hide-password-wrap {
    position: relative;
    padding-right: 30px;
}

.show-hide-password-wrap .show-hide-password {
    position: absolute;
    display: block;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4em;
}

.show-hide-password-wrap .show-hide-password:before {
    content: "\f341";
}

.show-hide-password-wrap .show-hide-password.show:before {
    content: '\F33E';
}

.dtr-details {
    padding-left: 1rem;
}

.action-buttons-wrap {
    /*position: relative;*/
}

.action-buttons-wrap:after {
    position: absolute;
    display: block;
    content: "";
    border-color: transparent;
    border-style: solid;
    bottom: -7px;
    left: 154px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: var(--paggintaionColor);
}

#biddingSummaryText {
    font-size: 16px;
}

#biddingSummaryText .summary-item {
    font-weight: bold;
}

#biddingSummaryText img {
	max-width: 25px;
	max-height: 25px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: #eee;
    cursor: default;
}

.dataTables_wrapper img.payment_token_img {
    max-height: 20px;
    width: auto;
}

@media (min-width: 1200px) {
    .collections-page .dtr-control .collection-image {
        display: block !important;
    }

    .collections-page table td > .collection-image {
        display: none;
    }

    .bidding-page tbody tr td:nth-child(1) .collection-image {
        display: block !important;
    }

    .bidding-page tbody tr td:nth-child(2) .collection-image {
        display: none !important;
    }

}

@media (max-width: 1024px) {
    .collections-page .dtr-control {
        position: relative;
    }

    body.dark-mode .collections-page .dtr-control:before {
        width: 1.25rem;
        height: 1.25rem;
        top: calc(50% - 0.725rem);
        left: calc(50% - 0.325rem);
        content: "";
        margin-right: 13px;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.3s ease-in-out;
    }

    .collections-page .dtr-control:before {
        width: 1.25rem;
        height: 1.25rem;
        top: calc(50% - 0.725rem);
        left: calc(50% - 0.325rem);
        content: "";
        margin-right: 13px;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231520A1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.3s ease-in-out;
    }

    .collections-page table.dataTable tbody tr.dt-hasChild.parent .dtr-control:before {
        transform: rotateX(180deg);
    }
}

@media (max-width: 992px) {

    .btns-block {
        flex-direction: column;
    }

    .nav {
        flex-direction: column;
        width: 100%;
    }

    .nav-link {
        width: 100%;
        max-width: 100%;
    }

    .text-end {
        width: 100%;
    }

    header .form-switch {
        display: flex;
        align-items: center;
        margin-top: 15px;
    }

    .btns-block {
        padding: 35px 0;
        justify-content: center;
    }

    .dropdown-menu[data-bs-popper] {
        width: 100%;
    }

    .collections-page .buttons-wrap {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
        gap: 15px;
        margin-left: -1rem;
    }

    .bidding-page .buttons-wrap {
        display: flex;
        gap: 15px;
        margin-left: -1rem;
    }

    .buttons-wrap > .btn-logs:after {
        content: 'View logs';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
    }

    .buttons-wrap > .btn-stop:after {
        content: 'Stop';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
    }

    .buttons-wrap > .btn-rebidding:after {
        content: 'Launch again';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
    }

    .buttons-wrap > .btn-assets:after {
        content: 'Assets List';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
    }

    .buttons-wrap > .btn-rarity-floor:after {
        content: 'Rarity FloorPrice List';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
    }

    .buttons-wrap > .show-more-actions > .show-more-actions-btn:after {
        content: 'More Actions';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
        color: #fff;
    }

    .buttons-wrap > .btn-delete:after {
        content: 'Delete';
        position: relative;
        font-weight: 400;
        padding-left: 10px;
    }

    .buttons-wrap .btn {
        width: 100%;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    /*.buttons-wrap .btn:not(:last-child) {*/
    /*    margin-right: 0;*/
    /*}*/

    .show-more-actions.opened .action-buttons-wrap {
        position: relative;
        flex-direction: column;
        gap: 10px;
        left: 0;
        top: 0;
        margin-top: 15px;
    }

    .action-buttons-wrap .btn-update-assets-list {
        color: rgba(0, 0, 0, 0);
    }

    .action-buttons-wrap .btn-rt-update-assets-rarity {
        color: rgba(0, 0, 0, 0);
    }

    .action-buttons-wrap .btn-rs-update-assets-rarity {
        color: rgba(0, 0, 0, 0);
    }

    .action-buttons-wrap .btn-rt-update-floor-price {
        color: rgba(0, 0, 0, 0);
    }

    .action-buttons-wrap .btn-rs-update-floor-price {
        color: rgba(0, 0, 0, 0);
    }

    .action-buttons-wrap .btn-update:after {
        content: 'Update All';
        color: #000;
        padding-left: 5px;
    }

    .action-buttons-wrap .btn-update-assets-list:after {
        content: 'Update assets list';
        color: #000;
        margin-left: -1rem;
    }

    .action-buttons-wrap .btn-rt-update-assets-rarity:after {
        content: 'RarityTools: Update Assets Rarity';
        color: #000;
        margin-left: -1rem;
    }

    .action-buttons-wrap .btn-rs-update-assets-rarity:after {
        content: 'RaritySniper: Update Assets Rarity';
        color: #000;
        margin-left: -1rem;
    }

    .action-buttons-wrap .btn-rt-update-floor-price:after {
        content: 'RarityTools: Update FloorPrice by Rarity Range';
        color: #000;
        margin-left: -1rem;
    }

    .action-buttons-wrap .btn-rs-update-floor-price:after {
        content: 'RaritySniper: Update FloorPrice by Rarity Range';
        color: #000;
        margin-left: -1rem;
    }

    .action-buttons-wrap:after {
        top: -7px;
        left: calc(50% - 0.25rem);
        border-width: 0.5rem 0.5rem 0;
        transform: rotate(180deg);
        border-top-color: var(--paggintaionColor);
        bottom: inherit;
    }

    .bidding-page .dtr-control {
        position: relative;
    }

    .collections-page .dtr-control:before {
        width: 1.25rem;
        height: 1.25rem;
        top: 13px;
        left: 15px;
        content: "";
        margin-right: 13px;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231520A1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.3s ease-in-out;
    }

    .collections-page table.dataTable tbody tr.dt-hasChild.parent .dtr-control:before {
        transform: rotateX(180deg);
    }
}

@media (max-width: 768px) {
    .bulk-actions-block,
    .bulk-actions-block.text-end {
        text-align: center !important;
        margin: 0px 0 40px;
    }

    .collections-page .dtr-control,
    .bidding-page .dtr-control {
        position: relative;
    }

    .collections-page .collection-image {
        text-align: left;
    }

    .bidding-page .dt-checkboxes {
        margin-top: 8px;
    }

    .dt-checkboxes-cell {
        display: none;
    }

    .bulk-actions-block > a:first-child {
        display: none;
    }

    .bidding-page .buttons-wrap {
        flex-wrap: wrap;
        flex-direction: column;
    }

    .bidding-page .dtr-control:before {
        width: 1.25rem;
        height: 1.25rem;
        top: 13px;
        content: "";
        margin-right: 13px;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231520A1'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.3s ease-in-out;
    }

    body.dark-mode .bidding-page .dtr-control:before {
        width: 1.25rem;
        height: 1.25rem;
        top: 13px;
        content: "";
        margin-right: 13px;
        display: block;
        position: absolute;
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFFFFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: 1.25rem;
        transition: transform 0.3s ease-in-out;
    }

    .bidding-page table.dataTable tbody tr.dt-hasChild.parent .dtr-control:before {
        transform: rotateX(180deg);
    }

    .bidding-page .collection-image {
        margin-bottom: 7px;
    }

    .bidding-page tbody tr td:nth-child(1) .collection-image {
        display: none;
    }
    .bidding-page tbody tr td:nth-child(2) .collection-image {
        display: block;
        text-align: left;
    }
}

@media (max-width: 380px) {
    div.dataTables_wrapper > div.dataTables_paginate .paginate_button {
        display: none;
    }

    div.dataTables_wrapper > div.dataTables_paginate .paginate_button.current {
        display: inline-block;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        margin-left: 0;
    }

    .dataTables_wrapper .dataTables_paginate .ellipsis {
        display: none;
    }

    #data-tables_paginate > .paginate_button:before {
        right: 5px;
    }

    #data-tables_next, #data-tables_previous {
        padding: 8px 40px;
        display: inline-block;
    }
}