:root {
    --primary-color: rgb(52, 222, 99);
    --default-box-shadow: rgba(99, 99, 99, 0.2) 0 2px 8px 0;
}

html,
body {
    height: 100%;
}

body {
    font-family: nb_international_pro, sans-serif;
}


body > div.container.content.disable-scroll {
    overflow: hidden;
}

h1, h2,
.table a, .table a:hover,
.card-body a:not(.btn), .card-body a:not(.btn):hover {
    color: #121212;
}

h1, h2 {
    font-family: reckless, serif;
    font-weight: 400;
}

h1 {
    text-align: center;
}

h2 {
    font-family: reckless, serif;
    letter-spacing: -0.6px;
}

h2 small {
    font-family: nb_international_pro, sans-serif;
    font-size: 50%;
    letter-spacing: normal;
}

code, samp, pre {
    font-family: nb_international_promono, monospace;
    font-size: 87.5%;
    letter-spacing: -0.9px;
}

pre {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
}


.table a, .table a:hover, .table a:focus,
a:not(.btn), a:not(.btn):hover, a:not(.btn):focus,
.btn-link, .btn-link:hover, .btn-link:focus {
    border-bottom: 1px solid #feee6e;
    color: #676767;
    display: inline-block;
    padding: 0;
    text-decoration: none;
    transition: 200ms all;
}

.table a.icon, .table a.icon:hover {
    border: none;
    transition: none
}

.table a.icon i {
    background-color: transparent;
    transition: 500ms all;
}

.table a.icon:hover i {
    background-color: #feee6e;
}

.main-text-regular, .card-body, #searchResults{
    font-family: 'nb_international_pro', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    color: #5D6B7A !important;
}

.table{
    color: #5D6B7A !important;
}

tbody tr, thead tr{
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #EFF1F5;
}

dt{
    font-weight: 400;
}

.small-caps, h2{
    font-family: 'nb_international_pro', sans-serif;
    font-size: 11px;
    font-weight: 700;
    line-height: 12.78px;
    letter-spacing: 0.03em;
    color: #C7CED7;
    text-transform: uppercase;
}
.headline, h1 {
    font-family: reckless, serif;
    font-size: 24px !important;
    font-weight: 400;
    color: #242E3B;
    line-height: 28.8px;
}

.sub-header-small{
    font-family: 'nb_international_pro', sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 12.66px;
    color: #ACB2C0;
}
.header-button-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.table .text-muted, .card-title .text-muted, .card-text .text-muted {
    color: #DAD9D7 !important;
}

.button__small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 28px !important;
    padding: 10px 12px 10px 12px !important;
    gap: 10px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.button__big {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    padding: 10px 15px 10px 15px !important;
    gap: 10px;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}

.button-edit {
    background-color: #E9FBF0 ;
    color: #00D158 !important;
    border: 1px solid #E9FBF0 !important;

}

.button-edit:active {
    background-color: #EFFCF4 !important;
    border-color: #EFFCF4 !important;
    color: #00C954 !important;
    opacity: 0.6;
}

.button-edit:hover {
    background-color: #D7F8E4;
    border-color: #D7F8E4;
    color: #18B744;
}

.button-edit:focus {
    outline:0; !important;
}

.button-cancel {
    background-color: #EFF1F5;
    color: #5D6B7A !important;
    border: 1px solid #EFF1F5 !important;

}

.button-cancel:hover {
    background-color: #E9ECF1;
    color: #5D6B7A !important;
}

.button-cancel:active {
    background-color: #EFF1F580;
    color: #5D6B7A;
    opacity: 0.6;
}

.button-cancel:focus {
    outline:0; !important;
}

.button-reject {
    background-color: #FF484814;
    color: #FF4848; !important;
    border: 1px solid transparent; !important;
}

.button-reject:hover {
    background-color: #FF484824;
    color: #F43737 !important;
}

.button-reject:active {
    background-color: #FF484814;
    color: #F43737;
    opacity: 0.6;
}

.button-reject:focus {
    outline:0; !important;
}

.button-submit {
    background-color: #00D158 !important;
    border: 1px solid #00D158 !important;
    color: #FFFFFF !important;
}

.button-outline {
    border: 1px solid #00D158 !important;
    background-color: #FFFFFF !important;
    color: #00D158 !important;
}

.button-outline:hover {
    border-color: #00D158 !important;
    background-color: #EFFCF4 !important;
    color: #00D158 !important;
}

.button-outline:active {
    border: 1px solid #00D1584D;
    background-color: #FFF;
    opacity: 0.6;
}

.button-outline:focus {
    outline:0; !important;
}

.button-submit:hover {
    background-color: #00C954 !important;
    border-color: #00C954 !important;
}

.button-submit:active {
    background-color: #0ADE63;
    border-color: #0ADE63;
    opacity: 0.6;
}

.button-submit:focus {
    outline:0; !important;
}

.button-white {
    background-color: #ffffff !important;
    border: 1px solid #00D158 !important;
    color: #00D158 !important;
}

.button-white:hover {
    background-color: #EFFCF4 !important;
    border: 1px solid #00D158 !important;
    color: #18B744 !important;
}

.button-white:active {
    background-color: #ffffff !important;
    border: 1px solid #00D158 !important;
    color: #00D158 !important;
    opacity: 0.3 !important;
}

.button-white:focus {
    outline:0; !important;
}

.button-delete {
    background-color: #FF4848 !important;
    border: 1px solid #FF4848 !important;
    color: #FFFFFF !important;
}

.button-delete:hover {
    background-color: #F43737 !important;
    border: 1px solid #F43737 !important;
    color: #FFFFFF !important;
}

.button-delete:active {
    background-color: #F4373799; !important;
    color: #FFFFFF !important;
    opacity: 0.6;
}

.button-delete:focus {
    outline:0; !important;
}

.btn-success {
    background-color: #0ade63;
    border-color: #0ade63;
    font-size: 1rem;
}

.btn-success:hover {
    background-color: #000000;
    border-color: #000000;
}

.card-footer small {
    opacity: 0.5;
}

.navbar a, .navbar a:hover, .navbar a:focus {
    border: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #838E9B;
    font-size: 13px;
    font-weight: 400;
    font-family: nb_international_pro, sans-serif;
}

.navbar-light .navbar-nav .active > .nav-link {
    opacity: 0.5;
}

.navbar-light .navbar-nav.secondary .nav-link {
    color: #838E9B;
}

.navbar-sub .navbar-nav .nav-link {
    color: #121212;
    font-size: 87.5%;
    opacity: 0.48;
}

.navbar-sub .navbar-nav .nav-link:hover {
    color: #121212;
    opacity: 0.48;
}

.navbar-sub .navbar-nav .active > .nav-link {
    color: #000000;
    opacity: 1;
}

.navbar-sub .navbar-nav .nav-link {
    border-bottom: 2px solid transparent;
}

.navbar-sub .navbar-nav .active > .nav-link {
    border-bottom-color: #0ade63;
}

.navbar .dropdown-menu {
    border: 0;
    border-radius: 0;
    box-shadow: 3px 9px 22px -13px rgb(0 0 0 / 75%);
    padding: 30px;
}

.navbar a.dropdown-item {
    background-color: transparent;
    border-bottom: 2px solid transparent;
    color: #838E9B;
    font-size: 13px;
    font-weight: 400;
    font-family: nb_international_pro, sans-serif;
    margin: 0.25rem 0;
}

.navbar a.dropdown-item:hover {
    border-bottom-color: #0ade63;
}

.navbar a.dropdown-item.active {
    opacity: 0.5;
}

.footer {
    background-color: #000000;
}

.footer .nav-item a {
    opacity: 0.4;
    transition: 250ms;
}

.footer .nav-item a:hover {
    opacity: 1;
}

.badge-secondary {
    background-color: #DAD9D7;
}

.badge-success {
    background-color: #0ADE63;
}

.badge-light {
    background-color: #F5F4F2;
    color: #121212;
}

.per-day-chart {
    position: relative;
    overflow: hidden;
}

.per-day-chart .u-series {
    font-family: nb_international_pro, sans-serif;
    font-size: 0.9rem;
    text-align: left;
}

.per-day-chart .u-series .u-value {
    font-size: 0.8rem;
}

.per-day-chart .u-inline {
    width: 100%;
}

.per-day-chart .u-inline tr {
    margin: 0;
    width: 33%;
}

#searchForm label {
    font-size: .75rem;
    margin-bottom: 0;
}

#searchForm .form-group {
    margin-bottom: 0;
}

#searchForm ::placeholder, #editForm ::placeholder {
    color: #DAD9D7;
}

.custom-control-input:focus ~ .custom-control-label::before {
    border-color: #0ade63 !important;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25) !important;
}

.custom-control-input:checked ~ .custom-control-label::before {
    border-color: #0ade63 !important;
    background-color: #0ade63 !important;
}

.custom-control-input:disabled ~ .custom-control-label::before {
    border-color: #DAD9D7 !important;
    background-color: #DAD9D7 !important;
}

.invalid-feedback.fade-out,
.alert.fade-out {
    display: block;
    animation: signup-response 0.5s 1;
    -webkit-animation: signup-response 0.5s 1;
    animation-fill-mode: forwards;

    animation-delay: 3s;
    -webkit-animation-delay: 3s; /* Safari and Chrome */
    -webkit-animation-fill-mode: forwards;
}

@keyframes signup-response {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.btn-hover-grey:hover {
    background-color: #ececec;
}

@-webkit-keyframes signup-response {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;
    }
}

.navbar-collapse > .navbar-nav {
    color: #000;
    font-family: "nb_international_pro", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
}

@keyframes delay {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

#ginger-search-icon-container > #ginger-search-icon-hint-container {
    width: 200px;
    height: 68px;
    position: absolute;
    top: 50px;
    right: -5px;
    background: #FFF;
    box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.05);
    display: none;
    justify-content: center;
    align-items: center;
}

#ginger-search-icon-container > #ginger-search-icon-hint-container.open {
    animation: delay 0.5s forwards;
    display: flex;
}

#ginger-search-icon-container > #ginger-search-icon-hint-container > #ginger-search-icon-hint {
    color: #000;
    font-family: 'nb_international_promono', sans-serif;
    font-size: 10px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.6;
    width: 170px;
    height: 42px;
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
}

#ginger-search-icon-container > #ginger-search-icon-hint-container > #ginger-search-icon-hint > #ginger-search-icon-hint-bot {
    color: #000;
    font-family: 'nb_international_promono', sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    display: flex;
    align-items: center;
    gap: 5px;
}

#ginger-search-icon-container > #ginger-search-icon-hint-container > #ginger-search-icon-hint > #ginger-search-icon-hint-bot > div {
    display: flex;
    padding: 3px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 3px;
    border: 1px solid #ECECEC;
    background: #F5F4F2;
}

#ginger-search-icon:hover {
    cursor: pointer;
}

#admin_users_list > tr {
    border-bottom: 1px dashed grey;
}

.pending_gif {
    filter: invert(89%) sepia(54%) saturate(4477%) hue-rotate(60deg) brightness(93%) contrast(85%);
}

#users-search-results > .pending-gif,
#payment-links-search-results > .pending-gif,
#payout-search-results > .pending-gif,
#invoice-search-results > .pending-gif,
#order-search-results > .pending-gif {
    display: none;
    flex-direction: row;
    justify-content: center;

}

.pending-spinner{
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.btn-delete-project:hover {
    cursor: pointer;
}

.btn-delete-user:hover {
    cursor: pointer;
}

.priceplan-wizard-container > span {
    font-size: 10px
}

.priceplan-wizard-container {
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.priceplan-wizard-container > .button-container > form > button {
    outline: 0;
    border: 1px solid lightgrey;
    background-color: rgb(52, 222, 99);
    color: whitesmoke;
    border-radius: 8px
}

.priceplan-wizard-container > .button-container > span {
    color: green;
    border: 1px solid green;
    padding: 2px;
    border-radius: 8px;
    font-size: 11px;
}

.priceplan-wizard-container > .button-container {
    display: flex;
    gap: 5px;
    align-items: center
}

#merchant-edit > form > .card {
    margin: 10px;
}

#merchant-edit > form > .card > .card-body .address-container {
    border: 1px solid lightgrey;
    padding: 10px;
    display: flex;
    flex-direction: column;
    box-shadow: var(--default-box-shadow);
    border-radius: 8px;
    margin: 5px;
}

#merchant-edit > form > .card > .card-body .address-container .form-row {
    display: flex;
    margin-bottom: 20px;
    margin-left: 0;
    margin-right: 0;
    flex-direction: column;
    align-items: start;
}

#merchant-edit > form > .card > .card-body .address-container .form-row.checkbox-line {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#merchant-edit > form > .card > .card-body .address-container .form-row label {
    margin-right: 20px;
    margin-bottom: 0;
    font-weight: bold;
    width: 100%;
    font-size: 13px;
}

#merchant-edit > form > .card > .card-body .address-container .form-row textarea {
    max-height: 65px;
    min-height: 65px;
}

#merchant-edit > form > .card > .card-body .address-container .form-row select,
#merchant-edit > form > .card > .card-body .address-container .form-row textarea {
    padding: 10px;
    border-radius: 8px;
    border-color: lightgrey;
    border-width: 1px;
    width: 100%;
}

#merchant-edit > form > .card > .card-body .address-container .form-row.checkbox-line label {
    width: 160px;
    margin-right: 5px;
}

#merchant-edit > form > .card > .card-body .address-container .form-row select:focus,
#merchant-edit > form > .card > .card-body .address-container .form-row textarea:focus {
    outline-color: var(--primary-color);
}

#merchant-edit > form > .card > .card-body .address-container .double-column-row > .form-row {
    flex: 1;
    width: 100%;
}

#merchant-edit > form > .card > .card-body .add-new-address-container > .tabs {
    display: flex;
    gap: 2px;
    padding-left: 10px;
}

#merchant-edit > form > .card > .card-body .add-new-address-container > small {
    padding-left: 10px;
}

#merchant-edit > form > .card > .card-body .add-new-address-container > .add-new-address-label {
    text-align: center;
    padding-left: 10px;
    font-size: 19px;
}

#merchant-edit > form > .card > .card-body .add-new-address-container {
    border: 1px solid lightgrey;
    border-radius: 8px;
}

#merchant-edit > form > .card > .card-body .address-container .double-column-row {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

#merchant-edit > form > .card > .card-body .address-container .double-column-row > .form-row select,
#merchant-edit > form > .card > .card-body .address-container .double-column-row > .form-row textarea {
    height: 45px;
}

#merchant-edit > form > .card > .card-body .extended-address-add-form {
    display: none;
}

#merchant-edit > form > .card > .card-body .add-new-address-container {
    margin: 5px;
}

#reset-filters {
    display: none;
}

.switch-container {
    display: flex;
    flex-direction: column;
    padding: 5px;
}

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 30px;
}

.switch input[type="checkbox"] {
    display: none;
}

.switch-toggle {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 30px;
    background-color: #ccc;
    border-radius: 30px;
    transition: all 0.3s ease;
    cursor: pointer;
}

.switch-toggle:before {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 26px;
    height: 26px;
    background-color: #fff;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.switch input[type="checkbox"]:checked + .switch-toggle {
    background-color: #5cb85c; /* Change to your desired color for the "on" state */
}

.switch input[type="checkbox"]:checked + .switch-toggle:before {
    transform: translateX(30px);
}

@keyframes fadeIn {
    0% {
        backdrop-filter: blur(0) brightness(100%);
    }
    /*33% {*/
    /*    backdrop-filter: blur(5px) brightness(93%);*/
    /*}*/
    /*66% {*/
    /*    backdrop-filter: blur(10px) brightness(86%);*/
    /*}*/
    100% {
        backdrop-filter: blur(15px) brightness(79%); /* Adjust blur intensity as needed */
    }
}


#ginger-spotlight-wrapper {
    display: none;
    align-items: flex-start;
    padding-top: 100px;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    backdrop-filter: blur(15px) brightness(79%);
    overflow-y: auto;
    animation: fadeIn 0.25s ease-in-out;
}

#ginger-spotlight-wrapper > #ginger-spotlight-container {
    /*height: 70px;*/
    width: 1000px;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(8px);
    display: flex;
    align-items: stretch;
    align-content: center;
    flex-direction: column;
    justify-content: flex-start;
    border-radius: 15px;
}

#ginger-spotlight-wrapper > #ginger-spotlight-container > form {
    display: flex;
    align-items: center;
    flex-direction: row;
}

.ginger-spotlight-button-confirm-container,
.ginger-spotlight-search-line-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

#ginger-spotlight-type-select-container {
    width: 5%;
}

.ginger-spotlight-search-line-container {
    width: 100%;
}

.ginger-spotlight-search-line-container > input {
    width: 100%;
    height: 50px;
    outline: none;
    border-radius: 0 10px 10px 0;
    border: 4px solid white;
    padding: 10px;
    caret-color: rgb(52, 222, 99);
    color: black;
}

.ginger-spotlight-search-line-container > input::placeholder {
    color: #DAD9D7;
}

#ginger-spotlight-search-line-container > input:focus {
    cursor: text
}

#ginger-spotlight-search-line-container > input::selection {
    /*caret-color: */
    background-color: rgb(52, 222, 99);;
    color: black;
    width: 2px;
}

#ginger-spotlight-search-line-container > #ginger-spotlight-search-autocomplete-container {
    position: absolute;
    top: 55px;
    border-radius: 10px;
    display: none;
    box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15);
    width: 100%;
    left: 1px;
    background: rgba(255, 255, 255, 0.98);
    color: #000;
    font-family: 'nb_international_pro', sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 38px; /* 271.429% */
    z-index: 2;
}

use {
    fill: none;
}

#ginger-spotlight-search-line-container > #ginger-spotlight-search-autocomplete-container > .ginger-spotlight-search-autocomplete-item {
    padding: 5px 20px;
}

#ginger-spotlight-search-line-container > #ginger-spotlight-search-autocomplete-container > .ginger-spotlight-search-autocomplete-item:first-child {
    border-radius: 10px 10px 0 0;
}

#ginger-spotlight-search-line-container > #ginger-spotlight-search-autocomplete-container > .ginger-spotlight-search-autocomplete-item:last-child {
    border-radius: 0 0 10px 10px;
}

#ginger-spotlight-search-line-container > #ginger-spotlight-search-autocomplete-container > .ginger-spotlight-search-autocomplete-item:only-child {
    border-radius: 10px;
}

#ginger-spotlight-search-line-container > #ginger-spotlight-search-autocomplete-container > .ginger-spotlight-search-autocomplete-item:hover {
    background: rgba(10, 222, 99, 0.2);
    background-blend-mode: multiply;
    color: black;
    cursor: pointer;
}

#ginger-spotlight-button-confirm-container {
    /*width: 15%;*/
}

#ginger-spotlight-button-confirm-container > button {
    outline: none;
    width: 50px;
    height: 50px;
    border-radius: 10px 0 0 10px;
    font-weight: lighter;
    border: none;
    background-color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ginger-spotlight-button-confirm-container > button > img,
#ginger-spotlight-button-confirm-container > button > svg {
    display: none;
}

#ginger-spotlight-button-confirm-container > button > img.active,
#ginger-spotlight-button-confirm-container > button > svg.active {
    display: block;
}

#ginger-spotlight-results-container {
    height: 100%;
    color: white;
    margin-left: 10px;
    margin-right: 10px;
    display: none;
    overflow: auto;
    overflow-x: hidden;
    font-family: 'nb_international_proregular', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    letter-spacing: 0;
}

#ginger-spotlight-results-container > .warning-message,
#ginger-spotlight-results-container > .pending-gif {
    width: 100%;
    height: 500px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ginger-spotlight-results-container > .warning-message {
    color: #000;
    text-align: center;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.2;
}

#ginger-spotlight-results-informative-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.ginger-spotlight-results-line-container {
    display: flex;
    flex-direction: column;
    margin: 20px 20px 5px;
}

.ginger-spotlight-results-line-container:last-child {
    margin-bottom: 30px;
}

.ginger-spotlight-results-line-title {
    color: rgba(0, 0, 0, 0.3);
    display: flex;
    padding-bottom: 10px;
    justify-content: space-between;
    font-family: 'nb_international_promedium', sans-serif;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0;
    text-align: left;

}

.ginger-spotlight-results-line-title > a {
    font-size: 12px;
    padding: 0 10px;
    color: var(--primary-color);
    border-bottom: none;
    width: 150px;
    text-align: center;
}

.ginger-spotlight-results-line-title > a:hover {
    background: var(--primary-color);
    color: white;
    border-radius: 25px;
}

.ginger-spotlight-results-line {
    border-bottom: 1px solid white;
    display: flex;
    flex-direction: row;
    gap: 10px;
    align-items: center;
    width: 100%;
    flex-wrap: nowrap;
    padding: 13px;
    color: black;
    background-color: white;
    border-radius: 15px;
    height: 39px;
}

.ginger-spotlight-results-line > div {
    flex-grow: 1;
    overflow: hidden;
    max-height: 39px;
}

.ginger-spotlight-results-line:first-child {
    border-radius: 10px 10px 0 0;
}

.ginger-spotlight-results-line.custom-second-line-style {
    border-radius: 0;
    border-top: 1px solid rgb(247, 247, 247);
    border-bottom: 1px solid rgb(247, 247, 247);
}

.ginger-spotlight-results-line.custom-second-line-style-limited {
    border-top: 1px solid rgb(247, 247, 247);
}

.ginger-spotlight-results-line:last-child {
    border-radius: 0 0 10px 10px;
}

.ginger-spotlight-results-line:only-child {
    border-radius: 10px 10px 10px 10px;
}

.ginger-spotlight-results-line .grey-undefined {
    color: #000;
    font-family: nb_international_pro, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    opacity: 0.2;
    background-color: transparent;
}

.ginger-spotlight-results-line:hover,
.ginger-spotlight-results-line.keyboard-hover {
    cursor: pointer !important;
    background-color: var(--primary-color) !important;
    color: white !important;
}

.ginger-spotlight-results-line.keyboard-hover:focus-visible {
    outline: 0;
}

.ginger-spotlight-results-line:hover svg > ellipse,
.ginger-spotlight-results-line:hover svg > line,
.ginger-spotlight-results-line:hover svg > circle,
.ginger-spotlight-results-line:hover svg > path,
.ginger-spotlight-results-line.keyboard-hover svg > ellipse,
.ginger-spotlight-results-line.keyboard-hover svg > line,
.ginger-spotlight-results-line.keyboard-hover svg > circle,
.ginger-spotlight-results-line.keyboard-hover svg > path {
    stroke: white;
}

.ginger-spotlight-results-line {
    display: grid;
    grid-template-columns: repeat(27, 1fr);
}

.ginger-spotlight-results-line div {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.grid-item-span-1 {
    grid-column: span 1;
}

.grid-item-span-2 {
    grid-column: span 2;
}

.grid-item-span-3 {
    grid-column: span 3;
}

.grid-item-span-4 {
    grid-column: span 4;
}

.grid-item-span-5 {
    grid-column: span 5;
}

.grid-item-span-6 {
    grid-column: span 6;
}

.grid-item-span-9 {
    grid-column: span 9;
}

.grid-item-span-10 {
    grid-column: span 10;
}
.grid-item-span-11 {
    grid-column: span 11;
}

.ginger-spotlight-results-line:hover svg > path.payout,
.ginger-spotlight-results-line.keyboard-hover svg > path.payout {
    stroke: none;
    fill: white;
}


.ginger-spotlight-results-line:hover svg > circle.payout,
.ginger-spotlight-results-line.keyboard-hover svg > circle.payout {
    fill: none;
}

.ginger-spotlight-results-line span.long-grey-dash {
    color: rgba(0, 0, 0, 0.3);
}

.ginger-spotlight-results-line:hover span,
.ginger-spotlight-results-line.keyboard-hover span {
    background: white;
    color: var(--primary-color)
}

.ginger-spotlight-results-line:hover span.grey-undefined,
.ginger-spotlight-results-line.keyboard-hover span.grey-undefined {
    color: whitesmoke;
    background: var(--primary-color);
    opacity: 1;
}

.ginger-spotlight-results-line:hover span.long-grey-dash,
.ginger-spotlight-results-line.keyboard-hover span.long-grey-dash {
    background: transparent;
    color: white;
}

.ginger-spotlight-results-header-line {
    color: var(--primary-color);
}

.ginger-spotlight-results-line > .icon {
    flex-grow: 0;
    min-width: 24px;
    max-width: 24px;
}

.ginger-spotlight-results-line > .currency {
    max-width: 2.2em;
    min-width: 2.2em;
}

.ginger-spotlight-results-line > .amount {
    max-width: 70px;
    min-width: 70px;
}

.ginger-spotlight-results-line > .status-badge-mini {
    max-width: 64px;
    min-width: 64px;
}

.ginger-spotlight-results-line > .payment-method {
    max-width: 70px;
    min-width: 70px;
}

.ginger-spotlight-results-line > .status-badge,
.ginger-spotlight-results-line > .status-badge-mini {
    display: flex;
    justify-content: center;
}

.ginger-spotlight-results-line > .status-badge,
.ginger-spotlight-results-line > .external-merchant-id {
    max-width: 100px;
    min-width: 100px;
}

.ginger-spotlight-results-line > .date {
    max-width: 130px;
    min-width: 130px;
    text-align: center;
}

.ginger-spotlight-results-line > .description {
    max-width: 250px;
    min-width: 250px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.ginger-spotlight-results-line > .website-url {
    max-width: 300px;
    min-width: 300px;
}

.ginger-spotlight-results-line-content.bubbles {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: 10px;
}

.ginger-spotlight-results-line-content.bubbles > .ginger-spotlight-results-line {
    background-color: white;
    color: black;
    border-radius: 10px;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
}

.ginger-spotlight-results-line-content.bubbles > .ginger-spotlight-results-line > div {
    flex-grow: 0;
}

.ginger-spotlight-results-line.users .email {
    min-width: 650px;
    max-width: 650px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.loading-spinner {
    animation: spin 2s linear infinite;
}

.basic-input-field{
    font-size: 13px;
    font-weight: 400;
    line-height: 14.96px;
    text-align: left;
    background: rgba(249, 250, 252, 1);
    border: 1px solid rgba(233, 236, 241, 1);
    padding: 10px;
    border-radius: 5px;
    height: 34px;
    max-width: 535px;
}

.basic-input-field:focus {
    background: rgba(249, 250, 252, 1); !important;
    border: 1px solid rgba(10, 222, 99, 1) !important;
    box-shadow: 0 0 0 2px rgba(10, 222, 99, 0.2); !important;
}

.basic-table tbody tr:hover td{
    background: #EFF1F580;
    border-radius: 7px !important;
    color: #5D6B7A;
    cursor: pointer !important;
}

.basic-table th, .entity-table th, .edit-table th, .text-grey{
    font-size: 11px;
    color: #C7CED7;
    font-weight: 400;
    text-align: left;
    height: 23px;
    vertical-align: top !important;
    line-height: normal !important;
}

.edit-table tbody tr, .edit-table thead tr{
    border-width: 0;
}

.edit-table{
    border-collapse: separate;
    border-spacing: 0 10px;
}

.basic-table td, .entity-table td, .edit-table td{
    font-size: 13px;
    color: #5D6B7A;
    line-height: 22px;
    font-weight: 400;
    text-align: left;
    height: 34px;
    vertical-align: middle !important;
}

.basic-table a, .entity-table a{
    color: #5D6B7A !important;
    font-family: "nb_international_pro", sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    text-align: left;
    border-bottom: 1px solid #5D6B7A;
}

.basic-table a:hover, .entity-table a:hover{
    border-bottom: 1px solid #5D6B7A;
}

.entity-table .email{
    color:#00D158;
}

.basic-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 22px;
    padding: 2px 8px;
    border-radius: 5px;
    border: 1px solid;
    font-size: 12px;
    font-family: nb_international_pro, sans-serif;
    line-height: 13.81px;
}

.green-badge {
    color: #00C954;
    border: 1px solid #D7F8E4;
    background-color: #EFFCF4;
}

.badge-yellow {
    color: #FB8800;
    border: 1px solid #F7C34433;
    background-color: #F7C3441A;
}

.badge-grey {
    color: #838E9B;
    border: 1px solid #EFF1F5;
    background-color: #F6F8FA;
}

.badge-blue {
    color: #3F8CFF;
    border: 1px solid #3F8CFF1A;
    background-color: #3F8CFF12;
}

.badge-red {
    color: #FF4848;
    border: 1px solid #FE6E6E1A;
    background-color: #FE6E6E14;
}

.badge-white {
    color: #838E9B;
    border: 1px solid #EFF1F5;
    background-color: #fff;
}

.card-basic-header{
    height: 49.5px;
    margin-bottom: 30px;
}

.card-tabs {
    height: 28px;
    margin-bottom: 30px;
    display: flex; /* Added to display tabs in a row */
    justify-content: space-between;
}

.tabs-container{
    display: flex;
}
.card-tabs .tab{
    height: 28px;
    padding: 10px 10px 10px 12px;
    gap: 10px;
    border-radius: 5px;
    font-family: nb_international_pro, sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 14.96px;
    color: #5D6B7A;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px; /* Add margin between tabs */
}

.card-tabs .button__small{
    align-self: flex-end;
}

.card-tabs .tab p {
    margin: 0; /* Added to remove default margin from <p> */
}

.card-tabs .tab:hover {
    background-color: #F6F8FA;
}

.tab-activated{
    background-color: #EFF1F5;
}

.entity-table th, .entity-table td{
    padding: 0;
}



.selected-option {
    height: 34px;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border-radius: 5px;
    background-color: #F9FAFC;
    border: 1px solid #E9ECF1;
    cursor: pointer;
    font-size: 13px;
    font-weight: 400;
}
.custom-select-container {
    position: relative;
    width: 100%; /* Ensure the container takes full width */
}
.options-container {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 4;
    display: none;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #E9ECF1;
    margin-top: 10px;
    box-sizing: border-box;
    max-height: 240px;
    overflow-y: auto;
}

.custom-option {
    display: flex;
    align-items: center;
    padding-left: 10px;
    height: 28px;
    border-radius: 5px;
    color: #5D6B7A;
    cursor: pointer;
    background: #ffffff;
    margin: 10px 10px;
    font-size: 13px;
    font-weight: 400;

}

.custom-option:hover {
    color: #FFFFFF;
    background: #0ADE63;

}

.select-arrow {
    margin-left: auto;
    align-self: center;
    margin-right: 10px ;
}
.arrow-up {
    display: none;
}

.dates-timezone{
    color: #C7CED7 !important;
    margin-left: 5px;
}
.permission-circle{
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #0ADE63;
}

.empty{
    color: #C7CED7;
}
.icon-link .icon-copy .icon-open_tab .icon-show .icon-hide{
    vertical-align: baseline;
    transition: all 0.3s ease;
}

.icon-copy {
    content: url('../../img/v2/icons/copy.svg') !important;
}
.icon-x-mark {
    content: url('../../img/v2/icons/x-mark.svg') !important;
}
.icon-x-mark-tag {
    content: url('../../img/v2/icons/tag_xmark.svg') !important;
}

.icon-arrow-filter-dropdown {
    content: url('../../img/v2/icons/filter_dropdown_arrow_down.svg') !important;
}

.icon-arrow-up-filter-dropdown {
    content: url('../../img/v2/icons/filter_dropdown_arrow_up.svg') !important;
}

.icon-arrow-left {
    content: url('../../img/v2/icons/arrow_left.svg') !important;
}
.icon-arrow-back {
    content: url('../../img/v2/icons/arrow_back.svg') !important;
}

.icon-arrow-right {
    content: url('../../img/v2/icons/arrow_right.svg') !important;
}


.icon-x-mark:hover {
    cursor: pointer;
}

.icon-copy:hover {
    content: url('../../img/v2/icons/copy_hover.svg') !important;
}

.icon-copy:active {
    content: url('../../img/v2/icons/copy_pressed.svg') !important;
}

.icon-open_tab {
    content: url('../../img/v2/icons/open-tab.svg') !important;
}

.icon-open_tab:hover {
    content: url('../../img/v2/icons/open-tab_hover.svg') !important;
}

.icon-open_tab:active {
    content: url('../../img/v2/icons/open-tab_pressed.svg') !important;
}

.icon-show {
    content: url('../../img/v2/icons/show.svg') !important;
}

.icon-show:hover {
    content: url('../../img/v2/icons/show_hover.svg') !important;
}

.icon-show:active {
    content: url('../../img/v2/icons/show_pressed.svg') !important;
}
.icon-hide {
    content: url('../../img/v2/icons/hide.svg') !important;
}

.icon-hide:hover {
    content: url('../../img/v2/icons/hide_hover.svg') !important;
}

.icon-hide:active {
    content: url('../../img/v2/icons/hide_pressed.svg') !important;
}
.icon-remove {
    content: url('../../img/v2/icons/remove.svg') !important;
}
.notification{
    font-family: nb_international_pro, sans-serif;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    border-radius: 5px;
    padding: 15px;
    gap:10px;
    display: flex;
}

.notification-info{
    background-color: #3F8CFF0D;
    color: #3F8CFF;
    border: 1px solid #3F8CFF1A;
}

.notification-error{
    background-color: #FF48480D;
    color: #FF4848;
    border: 1px solid #FF48481A;
}
.notification-success{
    background-color: #0ADE630D;
    color: #00D158;
    border: 1px solid #0ADE631A;
}

.notification-container{
    width: 100%;
    display: flex;
    justify-content: center;
    border: 0;
}

.notification-container .notification {
    width: 100%;
}

.icon-empty {
    content: url('../../img/v2/icons/empty.svg') !important;
}

.basic-switch {
    position: relative;
    display: inline-block;
    width: 26px;
    height: 16px;
    margin-bottom: 0;
}

.basic-switch input {
    display: none;
}

.basic-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 5px;
    background-color: #C7CED7;
    transition: .3ms;
}

.basic-slider:before {
    position: absolute;
    content: "";
    height: 12px;
    width: 12px;
    left: 2px;
    bottom: 2px;
    border-radius: 3px;
    background-color: #ffffff;
    transition: .3ms;
}

input:checked + .basic-slider {
    background-color: #0ADE63;
}

input:checked + .basic-slider:before {
    transform: translateX(10px);
}
.basic-slider:hover {
    background-color: #ACB2C0;
}
input:checked + .basic-slider:hover {
    background-color: #00C954;
}

.border-green{
    border-bottom: none;
    color: #00D158 !important;
}
.border-green:hover{
    border-bottom: none;
    color: #00D158 !important;
}

.card-control-panel{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.row-muted{
    cursor: auto !important;
}

.custom-control-panel{
    padding-right: 10px;
}
/* Modal overlay */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 10;
}

/* Modal window */
.custom-modal {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    border-radius: 10px;
    z-index: 20;
    width: 700px;
    max-width: 80%;
    padding: 10px 10px 10px 30px;
}

.header-top{
    height: 13px;
    margin-bottom: 40px;
}

.header-bottom{
    height: 52px;
    margin-bottom: 20px;
}

.icon-dashboard {
    content: url('../../img/v2/icons/navigation/dashboard.svg') !important;
}

.icon-merchants {
    content: url('../../img/v2/icons/navigation/merchants.svg') !important;
}

.icon-projects {
    content: url('../../img/v2/icons/navigation/projects.svg') !important;
}

.icon-users {
    content: url('../../img/v2/icons/navigation/users.svg') !important;
}

.icon-invoices {
    content: url('../../img/v2/icons/navigation/invoices.svg') !important;
}

.icon-payouts {
    content: url('../../img/v2/icons/navigation/payouts.svg') !important;
}

.icon-change_requests {
    content: url('../../img/v2/icons/navigation/change_requests.svg') !important;
}

.icon-priceplans {
    content: url('../../img/v2/icons/navigation/priceplans.svg') !important;
}

.icon-mutations {
    content: url('../../img/v2/icons/navigation/mutations.svg') !important;
}

.icon-unprocesssed_fa {
    content: url('../../img/v2/icons/navigation/omniFA.svg') !important;
}

.icon-unprocesssed_tr {
    content: url('../../img/v2/icons/navigation/omniTR.svg') !important;
}

.icon-transactions_wo_fees {
    content: url('../../img/v2/icons/navigation/transactions_wo_fees.svg') !important;
}
.icon-orders {
    content: url('../../img/v2/icons/navigation/orders.svg') !important;
}

.icon-transactions {
    content: url('../../img/v2/icons/navigation/transactions.svg') !important;
}

.icon-paymentlinks {
    content: url('../../img/v2/icons/navigation/payment_links.svg') !important;
}
.icon-apicalls {
    content: url('../../img/v2/icons/navigation/API_calls.svg') !important;
}

.icon-webhooks {
    content: url('../../img/v2/icons/navigation/webhhoks_calls.svg') !important;
}

.icon-systemusers {
    content: url('../../img/v2/icons/navigation/system_users.svg') !important;
}

.icon-profile {
    content: url('../../img/v2/icons/navigation/profile.svg') !important;
}

.icon-search {
    content: url('../../img/v2/icons/search_icon.svg') !important;
}

.icon-spotlight-baidge {
    content: url('../../img/v2/icons/spotlight_baidge.svg') !important;
}

.icon-risk-and-fraud {
    content: url('../../img/v2/icons/risk_and_fraud.svg') !important;
}

.icon-plugins {
    content: url('../../img/v2/icons/navigation/plugins.svg') !important;
}

.page-container{
    padding: 20px 40px 40px 40px;
}

.custom-breadcrumb-item + .custom-breadcrumb-item::before {
    content: url('../../img/v2/icons/breadcrumbs_arrow.svg') !important;
}

.tab-bar{
    display: flex;
    height: 29px;
    margin-bottom: 30px;
    align-items: center;
}

.closed-search{
    background-color: #FFFFFF;
    width: 250px;
    height: 34px;
    padding: 10px 6px 10px 12px;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid #E9ECF1;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.search-block{
    width: 360px;
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 5;
}
.opened-search{
    background-color: #FFFFFF;
    height: 34px;
    padding: 10px 12px 10px 12px;
    gap: 10px;
    border-radius: 5px;
    border: 1px solid #0ADE63;
    box-shadow: 0px 0px 0px 2px #0ADE6333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #242E3B !important;
}

.opened-search input{
    font-size: 13px;
    font-weight: 400;
    line-height: 14.96px;
    text-align: left;
    caret-color: #0ADE63;
}

.search-filters{
    padding: 20px 20px 20px 20px;
    border-radius: 5px;
    border: 1px solid #4B5E7526;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px #00000026;
    margin-top: 5px;
    display: flex;
    flex-direction: column;
}
.closed-search:hover{
    cursor: pointer;
}
.search-text{
    font-family: 'nb_international_pro', sans-serif;
    font-size: 13px;
    font-weight: 400;
    line-height: 15px;
    width: 175px;
    color: #C7CED7 !important;
}

.search-filters-header{
    font-size: 11px;
    color: #C7CED7;
    font-weight: 700;
    font-size: 11px;
    line-height: 12.78px;
    font-family: 'nb_international_pro', sans-serif;
}
.filters-body{
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.filter-dates{
    display: flex;
    gap: 5px;
    align-items: center;
}

.filter-amount {
    display: flex;
    gap: 5px;
    height: 24px
}
.button-group {
    margin-left: auto;
    display: flex;
    gap: 10px;
}

.filter-amount .input-body input{
    width: 55px !important;
}