.zm-modal {
    position: absolute;
    z-index: 10001;
    width: 100%;
    left: 0;
    top: 0;

    -webkit-tap-highlight-color: rgba(0,0,0,0) !important;
    -webkit-touch-callout: none !important;
    -webkit-user-select: none !important;
    -khtml-user-select: none !important;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    user-select: none !important;
}
.zm-modal > .zm-modal-inner {
    float: left;
    margin: 0 auto;
    position: absolute;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.25);
    z-index: 1;
}
.zm-modal.zm-modal-hidden {
    pointer-events: none;
    z-index: -1;

}
.zm-modal > .zm-modal-inner > .zm-modal-header > .zm-modal-header-inner {
    float: left;
}
.zm-modal > .zm-modal-inner > .zm-modal-header,
.zm-modal > .zm-modal-inner > .zm-modal-body,
.zm-modal > .zm-modal-inner > .zm-modal-footer {
    padding: 0.75rem 1rem;
}
.zm-modal > .zm-modal-inner > .zm-modal-header {
    background-color: #eee;
    border-radius: 3px 3px 0 0;
    border: #ccc solid 1px;
}
.zm-modal > .zm-modal-inner > .zm-modal-header > .zm-modal-close-btn {
    float: right;
    margin-left: 1rem;
}
.zm-modal > .zm-modal-inner > .zm-modal-body {
    background-color: white;
    border: #ccc solid 1px;
    border-top: 0;
    border-bottom: 0;
}
.zm-modal-body-inner {
    height: 100%;
    position: relative;
}
.zm-modal-body-inner,
.zm-modal-body-inner input,
.zm-modal-body-inner textarea,
.zm-modal-body-inner [contenteditable] {
    -webkit-user-select: text !important;
    -khtml-user-select: text !important;
    -moz-user-select: text !important;
    -ms-user-select: text !important;
    user-select: text !important;
}
.zm-modal > .zm-modal-inner > .zm-modal-footer {
    background-color: #eee;
    border-radius: 0 0 3px 3px;
    border: #ccc solid 1px;
    text-align: right;
}
.zm-modal > .zm-modal-inner > .zm-modal-footer .zm-btn .fa {
    margin-right: 0.5rem;
}
.zm-modal > .zm-modal-inner > .zm-modal-footer .zm-btn + .zm-btn {
    margin-left: 0.5rem;
}
.zm-modal.zm-fullscreen {
    width: 100%;
    height: 100%;
}
.zm-modal.zm-fullscreen .zm-modal-inner {
    top: 0 !important;
    left: 0 !important;
    width: 100%;
    height: 100%;
}
.zm-modal.zm-fullscreen .zm-modal-inner .zm-modal-body,
.zm-modal.zm-fullscreen .zm-modal-inner .zm-modal-footer,
.zm-modal.zm-fullscreen .zm-modal-inner .zm-modal-header {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
}
.zm-modal.zm-fullscreen .zm-modal-inner .zm-modal-header {
    border-top: 0;
}
.zm-modal.zm-fullscreen .zm-modal-inner .zm-modal-footer {
    border-bottom: 0;
}


/**
 * Default modals
 */
#zm_modal_warning .zm-modal-inner,
#zm_modal_errpr .zm-modal-inner,
#zm_modal_success .zm-modal-inner {
    max-width: 50vw;
}