details { background-color: #457aa1; 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 #fefefe; }
details[open] div{ padding: .5em 1em; background-color:#eee; 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; }
th, td { border: 1px solid #ddd; padding: 0.2em !important; }
.hbox { border-left: 4px solid #457aa1; border-radius:0px; background-color:#f9f9f9; padding:12px; margin-bottom:20px; }
.hbox2 { color:#000; background-color:#f9f9f9; border:1px solid #457aa1; border-radius:10px; padding:12px; padding-top:0px; }
.hbox2 h2 {margin-top:10px; }
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }