body { word-wrap: break-word; }
details { background-color: #345392; color: #fff; -webkit-transition: .3s ease; -moz-transition: .3s ease; -o-transition: .3s ease; transition: .3s ease; margin-bottom:1px!important; }
details:hover { cursor: pointer; }
summary { padding: .2em 1rem; list-style: none; display: flex; justify-content: space-between; transition: height 1s ease; }
summary:after{ content: "\002b"; }
details[open] summary:after{ content: "\00d7"; }
summary::-webkit-details-marker { display: none; }
details[open] summary { border-bottom: 1px solid #ccc; }
details[open] div{ padding: .5em 1em; background-color:#f5f7fe; color:black; }
.tabresponsiv { width: 100%; padding: 0px; margin-bottom: 0px; overflow-y: hidden; border: 1px solid #ddd; border-radius:8px; overflow-x: auto; min-height: 0.01%; margin-bottom:20px; }
.tabresponsiv th { border: 1px solid #ddd; padding: 0.2em !important; }
.tabresponsiv td { border: 1px solid #ddd; padding: 0.2em !important; }
.hbox { border-left: 4px solid #345392; background-color:#f5f7fe; padding:12px; margin-bottom:20px; }