.hdmpopupbox {display:none;}
.HdmPopupon {box-sizing:border-box; display:block; position:fixed; z-index:1001; width:450px; height:200px; min-width:250px; min-height:150px; max-width:100%; min-width:250px; max-height:100%; left:calc(50% - 225px); top:calc(50% - 100px);}
.HdmPopupon.ui-draggable-dragging {opacity:0.7;}
.HdmPopupon.ontop {z-index:1002;}
.HdmPopupon * {box-sizing:border-box;}
.HdmPopupon:after {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.5); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px);}
.HdmPopupon > .Container {display:flex; flex-direction:column; justify-content:safe center; align-items:safe center; width:100%; height:100%; overflow:auto; position:relative; z-index:2; background-color:rgba(132,164,147,0.5); box-shadow:0 0 20px rgba(0,0,0,0.2); border:2px solid rgba(132,164,147,0.6); border-radius:8px; opacity:1; transition:opacity .5s ease-in-out; animation:hdmpopupup .6s ease-in-out;}
.HdmPopupon.is-info .Container {border-color:#25fe82; text-align:center;}
.HdmPopupon.is-alert .Container {border-color:#e3201c; text-align:center;}
.HdmPopupon.is-alert .hdmtitle {color:#e3201c}
.HdmPopupon.hdmclosest > .Container {animation:hdmpopupdown .6s ease-in-out;}
.HdmPopupon > .hdmtitle {height:2rem; position:relative; z-index:1; cursor:default;}
.HdmPopupon > .hdmtitle > .hdmclose {display:block; position:absolute; top:0; right:-45px; font-size:30px; width:36px; text-align:center; line-height:30px; cursor:pointer; transition:color .3s ease-in-out,font-size .4s ease-in-out,transform .2s ease-in-out; animation:hdmpopupcloses 1s ease-in-out;}
.HdmPopupon > .hdmtitle > .hdmclose:after {content:""; display:block; position:fixed; top:0; left:0; width:100%; height:100%;}
.HdmPopupon > .hdmtitle > .hdmclose:hover {color:var(--highlight);}
.HdmPopupon > .hdmtitle > .hdmclose > .icon-close {position:relative; z-index:3;}
.HdmPopupon .Btn--save {border-radius:5px; background-color:#e9b117; color:white; border-width:0;}

.HdmPopupon.EditText {z-index:999999; width:680px; height:380px; max-width:95%; max-height:95vh; left:calc(50% - 340px); top:calc(50% - 190px);}
.HdmPopupon.EditText:after {display:none;}
.HdmPopupon.EditText.hdmclosest {opacity:0.0 !important; animation:hdmpopupdown .5s ease-in-out;}
.HdmPopupon.EditText > .Container {height:calc(100% - 40px); overflow:visible; background-color:white; border-radius:0; padding:.4rem; border-color:#e9b117;}
.HdmPopupon.EditText.is-editing.is-init > .Container {justify-content:flex-start; align-items:flex-start;}
.HdmPopupon.EditText > .hdmtitle {line-height:35px; height:40px; overflow:hidden; padding:0 50px 0 15px; font-size:130%; background-color:#e9b117; color:white; border-radius:8px 8px 0 0; cursor:default;}
.HdmPopupon.EditText > .hdmtitle:before {padding-right:0.5em; opacity:0.6; font-size:120%; position:relative; top:0.1em;}
.HdmPopupon.EditText > .hdmtitle > .hdmclose {display:block; float:right; font-size:26px; width:30px; text-align:center; line-height:40px; position:relative; left:40px; cursor:pointer; transform:rotate(0deg); transition:color .3s ease-in-out,font-size .4s ease-in-out,transform .2s ease-in-out; animation:hdmpopupcloses 1s ease-in-out;}
.HdmPopupon.EditText > .hdmtitle > .hdmclose:hover {transform:rotate(90deg);}
.HdmPopupon.EditText .ui-widget-overlay {position: fixed; top: 0; left: 0; width: 100%; height: 100%;}
.HdmPopupon.EditText .ui-resizable {position: relative;}
.HdmPopupon.EditText .ui-resizable-handle {position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action:none;}
.HdmPopupon.EditText .ui-resizable-handle.ui-resizable-se:before,
.HdmPopupon.EditText .ui-resizable-handle.ui-resizable-se:after {content:""; display:block; width:100%; height:1px; background-color:gray; position:absolute; top:5px; left:0; transform:rotate(315deg);}
.HdmPopupon.EditText .ui-resizable-handle.ui-resizable-se:after {width:50%; top:8px; left:6px;}
.HdmPopupon.EditText .ui-resizable-disabled .ui-resizable-handle,
.HdmPopupon.EditText .ui-resizable-autohide .ui-resizable-handle {display: none;}
.HdmPopupon.EditText .ui-resizable-n {cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0;}
.HdmPopupon.EditText .ui-resizable-s {cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0;}
.HdmPopupon.EditText .ui-resizable-e {cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%;}
.HdmPopupon.EditText .ui-resizable-w {cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%;}
.HdmPopupon.EditText .ui-resizable-se {cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px;}
.HdmPopupon.EditText .ui-resizable-sw {cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px;}
.HdmPopupon.EditText .ui-resizable-nw {cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px;}
.HdmPopupon.EditText .ui-resizable-ne {cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.HdmPopupon.EditText .Tabs {width:100%; display:flex; flex-direction:row; justify-content:flex-start; align-items:center; padding:0 0 0 1em; margin:0; list-style:none; border-bottom:1px solid #e9b117;}
.HdmPopupon.EditText .Tab {display:flex; flex-direction:row; justify-content:center; align-items:center; padding:.3em 1em; margin:0 5px 0 0; cursor:pointer; font-size:100%; background-color:#faf4e5; border:1px solid #e9b117; color:black; border-bottom:none;}
.HdmPopupon.EditText .Tab.is-active {background-color:#e9b117; color:white;}
.HdmPopupon.EditText .Area {width:100%; height:calc(100% - 2rem); box-sizing:border-box;}
.HdmPopupon.EditText .TextArea {height:100%; display:flex; flex-direction:column; justify-content:stretch; align-items:stretch; position:relative;}
.HdmPopupon.EditText.is-init .TextArea {display:none;}
.HdmPopupon.EditText .TextArea.is-active {display:flex;}
.HdmPopupon.EditText .TextArea.is-waiting:before {content:""; display:block; position:absolute; z-index:3; top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.7);}
.HdmPopupon.EditText .TextArea.is-waiting:after {z-index:4;}
.HdmPopupon.EditText .CodeMirror {flex:2;}
.HdmPopupon.EditText button.Btn {margin:5px auto 0 auto; font-size:1rem;}

.HdmPopupon.EditText--blog {width:90%; height:90%; left:5%; top:5%;}
.HdmPopupon.EditText--blog .tox-tinymce {height:inherit !important;}
.HdmPopupon.EditText--blog > .hdmtitle {background-color:#eee; color:black;}
.HdmPopupon.EditText--blog .Area {background-color:white;}
.HdmPopupon.EditText--blog .Tab {background-color:#eee; color:black; border-color:#eee;}
.HdmPopupon.EditText--blog .Tab.is-active {background-color:white; color:black; position:relative; z-index:1; top:1px;}
.HdmPopupon.EditText--blog .TextArea,
.HdmPopupon.EditText--blog > .Container {border:1px solid #eee;}
.HdmPopupon.EditText--blog .Tabs {border-bottom-width:0;}
.HdmPopupon.EditText--blog .tox-tinymce {border-width:0; border-radius:0;}
.HdmPopupon.EditText--blog .ArtName {padding:.5rem; margin:.5rem; border:1px solid #eee;}

.HdmPopupon.ActivitiesWindow {z-index:1003; max-width:100%; width:100%; max-height:100%; height:100%; left:0; top:0;}
.HdmPopupon.ActivitiesWindow > .hdmtitle {position:relative; z-index:3;}
.HdmPopupon.ActivitiesWindow > .hdmtitle > .hdmclose {display:flex; justify-content:center; align-items:center; top:1rem; right:2rem; font-size:200%; width:1.5em; height:1.5em; border:2px solid rgba(22,163,74,0.5); color:#16a34a; border-radius:50%; background-color: rgba(255,255,255,0.5); backdrop-filter: blur(8px); box-shadow: 0 0 12px rgba(0,0,0,0.3);}
.HdmPopupon.ActivitiesWindow > .hdmtitle > .hdmclose:hover {color:#f26127; border-color:#f26127; background-color:rgba(255,255,255,0.8); transition:color .3s linear, border-color .3s linear;}
.HdmPopupon.ActivitiesWindow > .hdmtitle > .hdmclose > .fa {display:block; text-align:center; position:relative; top:-.02em;}
.HdmPopupon.ActivitiesWindow > .Container {width:90%; max-width:1500px; height:fit-content; max-height:90%; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border:10px solid #f8f8f8; background-color:white;}

.QuestionForm {width:100%; min-height:100%; display:flex; flex-direction:column; justify-content:flex-start; align-items:stretch; gap:0; font-size:1rem;}
.QuestionForm-content {display:block; width:100%; flex:10; display:flex; flex-direction:column; justify-content:center; align-items:center;}
.QuestionForm-text {width:100%; text-align:center; font-size:1.1rem;}
.QuestionForm-btns {display:flex; flex:1; flex-direction:row; justify-content:center; align-items:center; gap:1rem; padding:.5rem 0;}
.QuestionForm-btns .Btn {display:flex; flex-direction:row; justify-content:center; align-items:center; margin:0 1rem; padding-left:1em; padding-right:1em; font-size:1rem; border-color:rgba(132,164,147,0.6); color:#638573; border-radius:8px;}
.QuestionForm-btns .Btn--primary {background-color:rgba(132,164,147,0.6); color:white;}

@keyframes hdmpopupup {
  0% {opacity:0}
  100% {opacity:1;}
}

@keyframes hdmpopupdown {
  0% {opacity:1}
  100% {opacity:0;}
}

@keyframes hdmpopupcloses {
  0% {font-size:0;}
  60% {font-size:0;}
  100% {font-size:26px;}
}