.jdgh-modal-dialog,
.jdgh-modal-header-close,
.jdgh-modal-footer>*
{align-items: center;}

.jdgh-modal-header-close
{border-radius: 50%;}

.jdgh-modal-footer>*
{border-radius: 3px;}

.jdgh-modal-content
{border-radius: 5px;}

.jdgh-modal-zone,
.jdgh-modal-zone::before,
.jdgh-modal-item[data-open="true"],
.jdgh-modal-header-close:hover::before,
.jdgh-modal-footer>*:hover::before
{bottom: 0;}

.jdgh-modal-item[data-open="false"],
.jdgh-modal-header-close::before
{bottom: 50%;}

.jdgh-modal-zone::before,
.jdgh-modal-header-close::before,
.jdgh-modal-footer>*::before
{content: '';}

.jdgh-modal-header-close,
.jdgh-modal-footer>*
{cursor: pointer;}

.jdgh-modal-dialog,
.jdgh-modal-header,
.jdgh-modal-footer,
.jdgh-modal-header-close,
.jdgh-modal-footer>*
{display: flex;}

.jdgh-modal-zone[data-status="close"]
{display: none;}

.jdgh-modal-dialog
{height: 100%;}

.jdgh-modal-dialog,
.jdgh-modal-header-close
{justify-content: center;}

.jdgh-modal-footer
{justify-content: space-between;}

.jdgh-modal-zone,
.jdgh-modal-zone::before,
.jdgh-modal-item[data-open="true"],
.jdgh-modal-header-close:hover::before,
.jdgh-modal-footer>*:hover::before
{left: 0;}

.jdgh-modal-item[data-open="false"],
.jdgh-modal-header-close::before
{left: 50%;}

.jdgh-modal-header-close
{margin-left: auto;}

.jdgh-modal-header-icon
{margin-right: auto;}

.jdgh-modal-content
{max-height: 90%;}

.jdgh-modal-footer>*
{max-width: 45%;}

.jdgh-modal-content,
.jdgh-modal-header-close,
.jdgh-modal-footer>*
{overflow: hidden;}

.jdgh-modal-item,
.jdgh-modal-zone::before,
.jdgh-modal-header-close,
.jdgh-modal-header-close::before,
.jdgh-modal-footer>*::before
{position: absolute}

.jdgh-modal-zone
{position: fixed;}

.jdgh-modal-dialog,
.jdgh-modal-header-close,
.jdgh-modal-footer>*
{position: relative;}

.jdgh-modal-zone,
.jdgh-modal-zone::before,
.jdgh-modal-item[data-open="true"],
.jdgh-modal-header-close:hover::before,
.jdgh-modal-footer>*:hover::before
{right: 0;}

.jdgh-modal-item[data-open="false"],
.jdgh-modal-header-close::before
{right: 50%;}

.jdgh-modal-zone,
.jdgh-modal-zone::before,
.jdgh-modal-item[data-open="true"],
.jdgh-modal-header-close:hover::before
{top: 0;}

.jdgh-modal-item[data-open="false"],
.jdgh-modal-header-close::before
{top: 50%;}

.jdgh-modal-footer>*::before
{top: 100%;}

.jdgh-modal-footer>*:hover::before
{top: calc(100% - 100%);}

.jdgh-modal-footer>*
{white-space: pre-wrap;}

.jdgh-modal-dialog
{width: 100%;}

.jdgh-modal-zone[data-status="close"]
{z-index: -9999999;}

.jdgh-modal-zone[data-status="open"]
{z-index: 9999999;}


/* THEME */
.jdgh-modal-zone[data-status="open"]
{background: rgba(255,255,255,.5);}

.jdgh-modal-content
{background: rgba(56, 56, 56,.9);}

.jdgh-modal-header-close::before,
.jdgh-modal-footer>*::before
{background:rgba(200,200,200,.1);}

.jdgh-modal-footer>*
{background: #09618E; color: white;}

.jdgh-modal-footer>*::before
{background: rgba(56,56,56,.5);}

.jdgh-modal-content
{box-shadow: 1px 0px 0px rgba(0,0,0,.9),
             0px 1px 0px rgba(0,0,0,.9),
             -1px 0px 0px rgba(0,0,0,.9),
             0px -1px 0px rgba(0,0,0,.9);}

.jdgh-modal-zone::before
{box-shadow: inset 0 0 0 50vh rgba(90,90,90,.3);}

.jdgh-modal-header-title
{color: #C22F30;}

.jdgh-modal-content
{color: white;}

.jdgh-modal-zone::before
{filter: blur(25vh);}

.jdgh-modal-footer>*>.btn-icon
{font-size: 14pt;}

.jdgh-modal-header-icon
{font-size: 14pt;}

.jdgh-modal-header-title
{font-size: 16pt;}

.jdgh-modal-header-title
{font-weight: bold;}

.jdgh-modal-header
{padding: 5px 10px 5px 10px;}

.jdgh-modal-header>*
{padding: 10px;}

.jdgh-modal-body
{padding: 0 20px;}

.jdgh-modal-footer
{padding: 20px 20px 15px 20px;}

.jdgh-modal-header-title
{padding-left: 0;}

.jdgh-modal-footer>*
{padding: 5px;}

.jdgh-modal-footer>*>.btn-icon
{padding-right: 5px;}

.jdgh-modal-footer>*>.btn-text
{padding-left: 2px;}

.jdgh-modal-body
{text-align: justify;}

.jdgh-modal-item,
.jdgh-modal-header-close::before,
.jdgh-modal-footer>*:hover::before,
.jdgh-modal-footer>*::before
{transition: all .5s ease;}


/*
.jdgh-modal-footer>*>*
.jdgh-modal-footer>*>.btn-icon
.jdgh-modal-footer>*>.btn-text
https://codepen.io/GreggOD/pen/xLbboZ
https://medium.com/@AmJustSam/how-to-do-css-only-frosted-glass-effect-e2666bafab91
*/