.modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,0.54);



    .modal-content {
        display: block;
        width: 80%;
        max-width: 1000px;
        max-height: 80%;
        overflow-y: auto;

        margin: 8% auto;

        &.card {
            .head {
                padding: 24px 24px 20px;
            }

            .content {
                padding: 0 24px 24px;
            }

            .action-bar {
                padding: 0;
                text-align: right;

                .btn {
                    margin: 8px;
                }
            }
        }
    }


}