/* GENERAL STYLES
-------------------------------*/


button {
    padding: 7px 10px;
    margin-right: 5px;
}


/* MODAL STYLES
-------------------------------*/
.kt-modal {
    /* modals are hidden by default */
    display: none;

    /* modal container fixed across whole screen */
    position: fixed;
    inset: 0;

    /* z-index must be higher than everything else on the page */
    z-index: 10000;
    
    /* semi-transparent black background exposed by padding */
    background-color: rgba(0, 0, 0, .75);
    padding: 40px;

    /* enables scrolling for tall modals */
    overflow: auto;
}

.kt-modal.open {
    display: block;
}

.kt-modal-body {
    padding: 20px;
    background: #fff;
}

body.kt-modal-open {
    /* body overflow is hidden to hide main scrollbar when modal window is open */
    overflow: hidden;
}