.login-slider .slick-slide:not(.slick-active) {
    visibility: hidden;
}

.calculator {
    max-width: 400px;
    border: 1px solid #ced9e6;
    padding: 1rem;
    border-radius: 0.3rem;
    background-color: #fff;
}

.display {
    border: none;
    outline: 0;
    background-color: transparent;
    padding: 8px 15px;
    border-radius: .2rem;
    overflow: auto;
    text-align: right;
    height: auto;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    letter-spacing: 2px;
}

.nav-pills .nav-link {
    background-color: #f5f5f5;
    color: #343434;
}

.nav-pills .nav-link.active {
    background-color: var(--primary)
}

.operators {
    display: grid;
    gap: 0.5rem;
    grid-template-columns: repeat(4, 1fr);
}

.operators .btn {
    outline: 0;
    border: 0;
    /* background-color: #727581; */
    background-color: #fff;
    color: #343434;
    font-weight: bold;
    cursor: pointer;
    padding: 1.75rem 0.3rem;
    font-size: 25px;
    /* border: 1px solid rgb(137, 132, 132, 0.4); */
    border-radius: 0.25rem;
    text-align: center;
    display: flex;
    align-items: baseline;
    justify-content: center;
    box-shadow: 0 0 1.2rem 0.2rem rgba(0, 0, 0, 0.05)
}

.operators .btn:hover {
    /* background-color: #6a6e7c; */
    background-color: var(--lighter);
}

/* .operators .btn.equal {
    background-color: #1a1c24;
}

.operators .btn.equal:hover {
    background-color: #13151b;
} */

/*
.operators .btn.operator,
.operators .btn.backspace {
    background-color: #dfe4f2;
}
.operators .btn.operator:hover,
.operators .btn.backspace:hover,
.operators .btn.clear:hover {
    background-color: #43495b;
} */

/* .operators .btn.equal {
    grid-column: 3/5;
} */
.operators .btn.backspace {
    color: rgb(195, 37, 37);
}

.operators .btn.clear {
    grid-column: 1/3;
}

.operators .btn.equal {
    grid-column: 3/5;
    color: rgb(25, 157, 104)
}

.view-wave-number.show .wave-number-tooltip,
.view-wave-number:focus .wave-number-tooltip {
    visibility: visible;
    opacity: 1;
    top: calc(100% + 15px);
    transition: .3s ease;
}

.wave-number-tooltip {
    position: absolute;
    top: 100%;
    left: 50%;
    translate: -50% 0;
    max-width: 300px;
    background-color: #fff;
    border-radius: 0.24rem;
    z-index: 1;
    /* box-shadow: 0 3px 12px 1px rgba(43, 55, 72, .15) !important; */
    filter: drop-shadow(0px 0px 4px rgba(43, 55, 72, .15));
    visibility: hidden;
    opacity: 0;

}

.wave-number-tooltip::before {
    content: " ";
    position: absolute;
    bottom: 100%;
    left: 50%;
    margin-left: -10px;
    border-width: 10px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;
}

#account-wallets .link-list-opt li.active>a:after {
    top: 20%;
    right: 0.3rem;
}

.invoice-creation-modal {
    background-color: #ffffff99;
    backdrop-filter: blur(5px);
}

.invoice-creation-modal .swal2-html-container {
    transition: .3s ease;
    min-height: 200px;
}

.invoice-creation-modal .swal2-html-container {
    /* position: relative; */
}

.invoice-creation-modal.completed .swal2-html-container {
    min-height: 380px;
}

.invoice-creation-modal .inv-code {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(15px) scale(0.9);
    visibility: hidden;
    opacity: 0;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding:1.5rem;
}

.invoice-creation-modal.completed .inv-code {
    visibility: visible;
    transform: translateY(0) scale(1);
    opacity: 1;
}