.tabresponsiv {width:100%; overflow-y: hidden; border: 1px solid #ddd; overflow-x: auto; min-height: 0.01%; margin-bottom:18px;}
.tabresponsiv th, .tabresponsiv td {border: 1px solid #ddd; padding: 0.3em;}
details {background-color:#2a3238;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:'\25B6';color:#ffffff;transition:transform 0.3s ease;}
details[open] summary:after {transform:rotate(90deg);}
summary::-webkit-details-marker {display:none;}
details[open] summary {border-bottom:1px solid #ccc;}
details[open] div{padding:.5em 1em;background-color:#f9f9f9;color:black;}
.hbox {color:#000; border-left: 4px solid #000; background-color:#eee; padding:12px; margin-bottom:20px;}