.popup {
    margin-bottom:10px;
    .popup-inner{
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10;
        display: none;
        pointer-events: none;
        user-select: none;
        .popup-container{
            width: 500px;
            min-height: auto;
            background: rgb(222, 223, 225);
            z-index: 99;
            pointer-events: fill;
            @extend %floatToCenter;
            .popup-header {
                @extend %posRelative;
                background: rgb(160, 161, 162);
                padding: 10px;
                h4{
                width: 90%;
                }
                .close-btn{
                    @extend %posAbsolute;
                    top: 10px;
                    right: 5px;
                    font-size: 16px;
                    cursor: pointer;
                }
            }
            .popup-body{
                padding:10px 20px;
                display: inline-flex;
            }
        }
    }
}