.gu-mirror{position:fixed!important;margin:0!important;z-index:9999!important;opacity:.8}.gu-hide{display:none!important}.gu-unselectable{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.gu-transit{opacity:.2}
.inner-box, .gu-transit{min-width: 100px;}
.drag-area-from{ background-color: #f5f5f5; border: 1px #ccc solid; -ms-display:flex; display:flex; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 1rem; margin-bottom: 1rem}
.drag-area-from>div{-ms-flex: 0 0 auto; flex: 0 0 auto; border: 1px #ccc solid; padding: 0.5em 1em; margin-right: 1rem; background-color: #fcf8e3; cursor:move;}
.drag-area-to{background-color: #f5f5f5; -ms-display:flex; display:flex; flex-wrap: wrap; -ms-flex-align: center; align-items: center; min-height: 60px;}
.drag-area-to>.inner-box{-ms-flex: 0 0 auto;flex: 0 0 auto; border: 1px #ddd dashed; background-color: #fff; padding: 5px; min-height: 60px; position: relative; cursor:move;}
.drag-area-to>.gu-transit{opacity: 1; background-color: #fcf8e3; position: relative; cursor:move;}
.drag-area-to .icon-mark{position: absolute; top:0; left:0; background-color: #ccc; color:#FFF; font-size: 10px; padding: 2px 1em; z-index: 0;}
.hdr_edit{padding: 0; position: absolute; top:0; right:0; background-color: #FFF; color: #2196f3; cursor: pointer; font-size: 22px; line-height: 0; }
.hdr_edit>i{pointer-events: none;}
.html-element{ display:none;}
.drag-area-from .display-element{ display:none;}
.drag-area-to .display-element{ pointer-events: none;}


.form-all{padding: 1rem; background-color: #ffc107;}
.form-all::after{ content: ""; display:block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 0 10px; border-color: #ffc107 transparent transparent transparent; position: absolute; right:0; bottom:-10px; left:0; margin: auto; }
.form-all .form-group{ margin-bottom: 5px;}

.drag-area-to .navbar-nav{float: none; display:-ms-flexbox; display:flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-direction: row;flex-direction: row; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-align: stretch; align-items: stretch;}
.drag-area-to .navbar-nav>li{ -ms-flex: 0 0 auto;  flex: 0 0 auto; float: none !important; max-width: 14em; display:-ms-flexbox; display:flex; -ms-flex-align: stretch; align-items: stretch;}
.drag-area-to .navbar-nav>li.mob-only{ display:none !important}
.drag-area-to .navbar-nav>li>a { padding: 0.7em 0.5em; text-decoration: none; }