.pb0 {
    bottom: -100% !important;
    transition: all .8s ease 0s;
}

.pb0.show {
    bottom: 0px !important;
}

.invoice {
    position: fixed;
    max-width: 394px;
    right: 30px;
    bottom: 0px;
    z-index: 2;
}

.invoice-wrapper {
    box-shadow: 0 -5px 21px 0 rgba(0, 0, 0, 0.25); /*0 7px 21px 0 rgba(0, 0, 0, 0.25);*/
    border-radius: 30px 30px 0 0;
    overflow: hidden;
}

.invoice-wrapper a{ width: 100%;}



.invoice-close {
    position: absolute;
    right: -24px;
    top: -17px;
    opacity: 1 !important;
    z-index: 1;
    transition: all .3s ease 0s;
}

.invoice-close:hover {
    transform: scale(1.4);
}


.invoice-content {
    /* padding-right: 20px;
    padding-top: 22px;
    max-width: 375px; */
}

.invoice-body {
    background-color: white;
    margin-top: -7px;
}

.invoice-img {
    position: relative;
    overflow: hidden;
    /*border-radius: 30px 30px 0 0;*/
}

.invoice-img._v2 {
    height: 115px;
}

.invoice-img-top {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.invoice-img-icon {
    position: absolute;
    top: 0;
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: space-around;
    padding: 0 10px 0 10px;
}


.invoice-img-top{
    transition: all .8s ease 0s;
}
.invoice-img-icon {
    transition: all .5s ease 0s;
}

.invoice-img:hover .invoice-img-icon {
    transform: scale(0.9);
}

.invoice-img:hover .invoice-img-top {
    transform: scale(1.1);
}

.invoice-text-content {
    padding: 20px;
    text-align: center;
    color: black;
    width: 395px;
}


.invoice-title {
    font-size: 24px;
}


.invoice-text-content .btn-primary {
    background-color: white;
    border-color: #8B3488;
    color: #8B3488;
    padding: 10px 15px;
    font-weight: 700;
    font-size: 20px;
}

.invoice-text-content .btn-primary:hover {
    background-color: #8B3488 !important;
    color: white !important;
}


.invoice-img-icon .app_container{ background: none;}
.invoice-img-icon .app_container img{ width: auto; min-height: 85px; }


@media (max-width: 576px) {
    
    /* .invoice{ display: none;} */
    .invoice{ right: 0px; left: 0px; margin: 0 auto;}
    .invoice-close{ right: 5px; top: -15px;}

    .invoice-text-content .btn-primary{ font-size: 16px;}
    .invoice-title{ font-size: 18px;}
    .invoice-img-top{ display: none;}
    .invoice-wrapper{ background: #fff;}

    .invoice-img._v2{ display: none;}

    .invoice-text-content {
        width: 100%;
    }
    
}