/* custom popup style */
    .mb-ajaxsuite-popup-wrapper{
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
        background: rgba(0, 0, 0, .5);
        bottom: 0;
        display: none;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        left: 0;
        opacity: 0;
        position: fixed;
        right: 0;
        top: 0;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition: opacity 150ms ease-out;
        transition: opacity 150ms ease-out;
        z-index: 999;
    }
    .mb-ajaxsuite-popup-wrapper.active{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
    .mb-ajaxsuite-popup-wrapper.visible{
        opacity: 1;
    }
    .popup-container{
        background: #fff;
        border-radius: 0;
        max-height: 90vh;
        max-width: 90%;
        overflow: auto;
        padding: 30px;
        position: relative;
    }
    @media screen and (min-width: 769px){
        .popup-container::-webkit-scrollbar{
            background: #f4f4f4;
            border-radius: 0 3px 3px 0;
            width: 10px;
        }
        .popup-container::-webkit-scrollbar-thumb{
            background: #e4e4e4;
            border-radius: 3px;
        }
    }
    .mb-ajaxsuite-close{
        background: none;
        border: none;
        border-radius: 0;
        -webkit-box-shadow: none;
                box-shadow: none;
        color: #c6c6c6;
        cursor: pointer;
        font-size: 18px;
        padding: 0;
        position: absolute;
        right: 10px;
        top: 7px;
    }
    .popup-bottom-buttons{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        margin: 0 -10px;
    }
    .popup-bottom-buttons-item{
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
        max-width: 50%;
        padding: 0 10px;
    }
    .popup-bottom-buttons-item .action.primary{
        width: 100%;
    }

    @media screen and (max-width: 768px){
        .popup-container{
            max-width: 380px;
            width: 90%;
        }
    }