body {
    background-color: #e5e5e5;
    font-family: neue-haas-unica, sans-serif;
    min-height: 100vh;
}

li {
    list-style-type: none;
}

a {
    text-decoration: none;
}




.backbutton {
    font-size: 19px;
    font-weight: 700;
    margin: 1rem 0;
    display: block;
}

.backbutton::before {
    display: inline-block;
    content: ' ';
    background-image: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.375 8.25L11.625 15L18.375 21.75' stroke='%23111111' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3C/path%3E%3C/svg%3E");
    height: 28px;
    width: 28px;
    background-position: 0px 5px;
}


ul {
    padding-left: 0;
}

.mainContent {
    padding-bottom: 100px;
}

.shad {
    box-shadow: 0 5px 15px 0 rgb(0 0 0 / 5%);
}

.inbox .previewimage {
    width: 54px;
    height: 54px;
    background-size: cover;
    border-radius: 50%;
    background-position: center;
}

.inbox .btn-switchconversation{
    font-size: 1rem;
    font-weight: 700;
    display: block;
    text-align: center;
    width: 100%;
}

.inboxlist .last-message-preview {
    font-size: 0.83rem;
    max-height: 45px;
    overflow: hidden;
    color: #444;
    ;
}

.inboxlist .last-message-date {
    position: absolute;
    top: 5px;
    right: 0;
    color: #000;
    line-height: 0.5rem;
    font-size: 0.5rem;
}

.inboxlist .btn-chatwithus {
    border: 1px solid black;
    color: #000;
}

.inboxlist .btn-chatwitcustomer {
    border: 0;
    background-color: #000 !important;
    color: #fff !important;
}

.btn-xs {
    --bs-btn-padding-y: 0.15rem;
    --bs-btn-padding-x: 0.3rem;
    --bs-btn-font-size: 0.69rem;
    --bs-btn-border-radius: 0.15rem;

}

.item-image {
    width: 80px;
    border-radius: 3px;

    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}


.button {
    padding: 18px 20px;
    border-radius: 5px;
    background-color: #111;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: max-content;
    border: none;
}

.button:hover {
    color: #fff;
}

.button.button-secondary {
    background-color: #fff;
    color: #111;
}

.button.button-secondary:hover {
    color: #111;
}

.top-menu {
    font-size: 14px;
    line-height: 21px;
    text-align: right;
    letter-spacing: .1em;
    text-transform: uppercase;
}

[desabled] {
    pointer-events: none;
    opacity: .5;
}

a:not(.button):not(.btn), a:not(.button):not(.btn):visited, a:not(.button):not(.btn):hover {
    color: black;
    text-decoration: none;
}

.footer-menu-item {
    text-align: center;
    font-size: 10px;
}

.footer-menu-item a {
    color: #25282b;
}

/* login */
.login .main-image {
    width: 440px;
    height: 600px;
    border-radius: 220px;
    object-fit: cover;
    display: inline-block;
}

.login .button {
    min-width: 200px;
}

@media screen and (max-width: 768px) {
    body.login {
        background-image: url(../img/brown-leather-shoes.jpg);
        background-position: 0px 0px;
        background-size: cover;
        background-repeat: no-repeat;
    }

    .login-buttons {
        position: absolute;
        color: #fff;
        bottom: 60px;
        left: 50%;
        transform: translateX(-50%);
    }
}

/* dashboard */
.highcharts-figure, .highcharts-data-table table {
    min-width: 310px;
    margin: 1em auto;
}

#chart-container {
    height: 400px;
}

.activities .activity {
    box-shadow: 0 -5px 15px 0 rgb(0 0 0 / 5%);
    width: 140px;
}

.activities .activity .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.payout-status-badge {
    background-color: #dfe3e6 !important;
    color: #111 !important;
}

@media (max-width: 768px) {
    .activities .risk {
        border-bottom: 1px solid #b99c67;
    }

    .activities .activity .card-body svg {
        width: 20px !important;
        height: 20px !important;
    }
}

.bg-black {
    background-color: #111;
    color: #fff;
}

.left-arrow {
    transform: rotateY(180deg);
}

.filter-radio [type="radio"] {
    width: 0px;
    height: 0px;
}

.filter-radio label {
    padding: 9px 10px;
    border-radius: 8px;
    background-color: #f6f6f6;
    cursor: pointer;
    color: #222222;
}

.filter-radio [type="radio"]:checked+label {
    background-color: #111;
    color: #fff;
}

.payme-amounts {
    flex-wrap: wrap;
    row-gap: 10px;
}

.payme-amounts label {
    cursor: pointer;
}

.payme-method input,
.payme-amounts input {
    width: 0;
}

.payme-method label {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.payme-method input:checked+label,
.payme-amounts input:checked+label {
    border: 1px solid #111;
}

.payme-method label>* {
    display: block;
    text-align: center;
}