.jd-premium-popup {
    z-index: 1550 !important;
    background-color: rgba(51,51,51,.2);
    font-family: Gilroy
}

.jd-cms .jd-premium-popup {
    z-index: 10000 !important
}

.jd-premium-popup .modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(51,51,51,.5)
}

.jd-premium-popup .modal-content {
    border-radius: 10px;
    border: 0
}

    .jd-premium-popup .modal-content .header {
        float: none
    }

.jd-premium-popup .premium-img {
    max-width: 91px;
    max-height: 110px
}

.jd-premium-popup .ecommerce-img {
    max-width: 90px;
    max-height: 90px
}

.jd-premium-popup .payment-sucess-img {
    max-width: 141px;
    max-height: 140px
}

.jd-premium-popup .upgrade-img {
    max-width: 70px;
    max-height: 70px
}

.jd-premium-popup .modal-header {
    border-bottom: none
}

.jd-premium-popup .modal-footer {
    border-top: none;
    padding-bottom: 10px;
    text-align: center
}

.jd-premium-popup .upgrade-btn, .jd-premium-popup .yes-btn {
    background: #0086ff !important;
    border-color: #0086ff !important;
    color: #fff;
    border-radius: 100px;
    outline: none;
    border: 1px solid #0086ff;
    padding: 5px 20px;
    font-size: 16px;
    transform: translateZ(0)
}

@keyframes premiumPop {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

.jd-premium-popup .loader {
    background: #0086ff !important;
    border-color: #0086ff !important;
    color: #fff;
    border-radius: 100px;
    outline: none;
    border: 1px solid #0086ff;
    padding: 7px 20px;
    font-size: 16px;
    transform: translateZ(0);
    width: 200px;
    height: 40px;
    margin: 0 auto
}

    .jd-premium-popup .loader .circle {
        border: 2px solid #f3f3f3;
        border-top-color: #3498db;
        border-radius: 50%;
        width: 20px;
        height: 20px;
        animation: spin 2s linear infinite;
        margin: 3px auto auto
    }

.jd-premium-popup .no-btn, .jd-premium-popup .yes-btn {
    width: 184px;
    height: 42px;
    transform: translateZ(0)
}

.jd-premium-popup .yes-btn {
    margin-top: 30px
}

.jd-premium-popup .upgrade-btn-div {
    padding-bottom: 25px
}

.jd-premium-popup .payment-sucess-img-div {
    padding-top: 28px
}

.jd-premium-popup .upgrade-btn {
    width: 200px;
    height: 40px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0
}

    .jd-premium-popup .modal-footer .cancel-btn:hover, .jd-premium-popup .modal-footer .continue-btn:hover, .jd-premium-popup .upgrade-btn:hover {
        transition: .5s
    }

    .jd-premium-popup .upgrade-btn:hover {
        background: #0174dc !important;
        border: 1px solid #0174dc
    }

.jd-premium-popup .no-btn {
    background: #fff;
    color: #0086ff;
    border-radius: 100px;
    outline: none;
    border: 1px solid #0086ff;
    padding: 5px 20px;
    font-size: 16px;
    margin-top: 20px;
    margin-bottom: 40px;
    transform: translateZ(0)
}

.jd-premium-popup .headerTitle {
    color: #414e59;
    font-size: 16px;
    line-height: 19px;
    font-weight: 500;
    margin-top: 20px
}

.jd-premium-popup .subTitle {
    color: #414e59;
    font-size: 14px;
    line-height: 18px;
    margin: 15px 0 0
}

.jd-premium-popup .noteText {
    background: #ececf2;
    border-radius: 10px;
    padding: 12px 16px;
    margin-top: 15px;
    font-size: 14px;
    color: #414e59;
    margin-bottom: 25px
}

.jd-premium-popup .modal-body {
    overflow-y: unset;
    margin: 0 25px;
    padding: 0
}

.jd-premium-popup .modal-footer {
    padding: 0;
    margin-top: 20px
}

    .jd-premium-popup .modal-footer.no-padding-LR {
        padding: 15px 0 0
    }

    .jd-premium-popup .modal-footer .col-xs-12.cancel-continue-btn {
        padding-right: 0;
        padding-left: 0
    }

    .jd-premium-popup .modal-footer .cancel-btn {
        background-color: #ededed;
        border-radius: 0;
        border-bottom-left-radius: 10px;
        color: #333;
        outline: none;
        border: 1px solid #ededed;
        margin-top: 15px;
        height: 56px;
        font-size: 18px;
        font-weight: 300
    }

        .jd-premium-popup .modal-footer .cancel-btn:hover {
            background: #dcdcdc;
            border: 1px solid #dcdcdc
        }

    .jd-premium-popup .modal-footer .continue-btn {
        background: #3590d3;
        border-radius: 0;
        border-bottom-right-radius: 10px;
        color: #fff;
        outline: none;
        border: 1px solid #3590d3;
        margin-top: 15px;
        height: 56px;
        font-size: 18px;
        font-weight: 300
    }

        .jd-premium-popup .modal-footer .continue-btn:hover {
            background: #2c79b3;
            border: 1px solid #2c79b3
        }

    .jd-premium-popup .modal-footer .payment-sucess-close-btn {
        margin-top: 25px;
        margin-bottom: 30px
    }

.jd-premium-popup .header {
    padding: 0 15px;
    background: #fff
}

.jd-premium-popup .modal-header .close {
    position: absolute;
    padding: 6px;
    top: 4px;
    right: 9.5px;
    border-radius: 50%;
    z-index: 1
}

.jd-premium-popup .modal-dialog {
    width: 400px
}

.jd-premium-popup .yes-no-btn {
    margin-bottom: 30px
}

.jd-premium-popup .headerTitle.payment-sucess-text {
    color: #69be7b;
    margin: 20px 15px 0;
    line-height: 20px;
    font-size: 22px;
    font-weight: 500
}

.marginT20 {
    margin-top: 20px
}

.jd-premium-popup .modal-header .close:focus, .jd-premium-popup .modal-header .close:hover {
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: 1
}

@media(max-width:767px) {
    .jd-premium-popup .modal-dialog {
        width: calc(100vw - 30px)
    }

    .jd-premium-popup .modal-body {
        overflow-y: unset;
        margin: 0 15px;
        padding: 0
    }

    .jd-premium-popup .upgrade-btn {
        width: 200px;
        height: 40px;
        font-weight: 400
    }

    .jd-premium-popup .subTitle {
        line-height: 19px;
        margin-top: 15px
    }

    .jd-premium-popup .loader {
        height: 40px;
        padding: 5px 20px;
        width: 200px
    }

    .jd-premium-popup .premium-img {
        max-width: 91px;
        max-height: 91px
    }

    .jd-premium-popup .ecommerce-img {
        max-width: 90px;
        max-height: 90px
    }

    .jd-premium-popup .ecommerce-img-div {
        padding-bottom: 15px
    }

    .jd-premium-popup .payment-sucess-img {
        max-width: 122px;
        max-height: 122px
    }

    .jd-premium-popup .payment-sucess-img-div {
        padding-bottom: 10px
    }

    .jd-premium-popup .modal-footer {
        border-top: none;
        padding-bottom: 0
    }

    .vendor-app-product .jd-premium-popup .modal-dialog {
        position: static;
        display: table-cell;
        vertical-align: middle
    }

    .vendor-app-product .jd-premium-popup {
        background-color: rgba(51,51,51,.5)
    }

    .jd-premium-popup .headerTitle.payment-sucess-text {
        font-size: 20px
    }

    .jd-premium-popup .yes-btn {
        margin-top: 25px
    }

    .jd-premium-popup .no-btn {
        margin-top: 14px
    }

    .jd-premium-popup .modal-header .close {
        margin-top: 2px;
        top: 6px;
        right: 6px
    }

    .jd-premium-popup .modal-header.align-close-btn {
        padding: 15px;
        position: relative;
        top: -4px;
        right: 0
    }
}

@media(max-width:320px) {
    .jd-premium-popup .modal-dialog {
        width: calc(100vw - 30px)
    }
}