/* Action Form */
/*
.dynio { cursor:pointer; }
.dynio > input, .dynio > select, .dynio > textarea { border:1px solid var(--border-color); border-radius:5px; cursor:pointer; display:block; line-height:40px; height:40px; margin:0; padding:0 5px; width:100%; }
.dynio > textarea { height:auto; }
*/
.dynio { cursor:pointer; }
.dynio > input, .dynio > select, .dynio > textarea { border:none; border-bottom:1px solid var(--color); cursor:pointer; display:block; line-height:30px; height:30px; margin:0; padding:0 5px; width:100%; }
.dynio > textarea { height:auto; }

/* heavening CSS */
/* hcss - select box */
.hvselBox { display:inline-block; overflow-y:hidden; }
.hvselBox > .hvselValue { background:#FFF url('/img/icon/down_arrow_g.png') calc(100% - 10px) center no-repeat; background-size:10px 10px; border:1px solid #CBCBCB; border-radius:8px; cursor:pointer; position:sticky; z-index:1; }
.hvselBox > .hvselOptionBox { background:#FFF; border-radius:8px; box-shadow:rgba(0, 0, 0, 0.03) 0px 7.5px 35px 0px, rgba(0, 0, 0, 0.03) 0px 15px 22.5px 0px, rgba(0, 0, 0, 0.05) 0px 4px 8.5px 0px, rgba(0, 0, 0, 0.03) 0px 2px 3px 0px; display:none; padding:5px 0; position:absolute; }
.hvselBox > .hvselOptionBox > li { cursor:pointer; }
.hvselBox > .hvselOptionBox > li:hover { background:rgba(247, 140, 160, 0.2); }
.hvselBox > .hvselOptionBox > li.active { background:rgba(247, 140, 160, 0.3); }
/* hcss - tab */
.hvTabGroup {  }
.hvTabGroup > .hvTGHeader  { border-bottom:1px solid #DDE1E5; padding:0 20px; }
.hvTabGroup > .hvTGHeader > ul { display:flex; line-height:60px; }
.hvTabGroup > .hvTGHeader > ul > li { color:#495057; cursor:pointer; padding:0 15px; }
.hvTabGroup > .hvTGHeader > ul > li:hover,
.hvTabGroup > .hvTGHeader > ul > li.activeTab { color:#033C73; }
.hvTabGroup > .hvTGActiveBorder { background:#033C73; height:4px; overflow:hidden; position:absolute; width:0; }
.hvTabGroup > .hvTGBody > ul {  }
.hvTabGroup > .hvTGBody > ul > li { display:none; }
/* hcss - checkbox */
.hvchk { display:inline-block; }

/* heavening instant message */
.hvmsgLine { display:flex; flex-direction:column; justify-content:center; left:10px; opacity:0; position:fixed; transition:0.3s ease-in-out; z-index:200; }
.hvmsg { background:#FFFFFF; border:none; border-radius:10px; color:#000000; display:inline-block; line-height:40px; padding:0 10px; }