details{
  display:block;
  background: #222222;
  width: 100%;
  border-radius: 5px;
  border-left: 1px solid #b4b4b4 !important;
  border-right: 1px solid #b4b4b4 !important;
  border-top: 1px solid #b4b4b4 !important;  
  border-bottom: 1px solid #b4b4b4 !important;
  overflow: hidden;
  margin-bottom: 1.5rem;
} 
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
   display: block;
   padding: .3em 1em .3em .5em !important;
   font-size:14px !important;
   cursor: pointer;
   position: relative;
   background: #b4b4b4;
   color: #000;
   font-weight: bold !important;
}
summary:before {  
  top: .4em;
  right: .3em;
  color: transparent;
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTYuNTkgOC41OUwxMiAxMy4xNyA3LjQxIDguNTkgNiAxMGw2IDYgNi02eiIvPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
  width: 1em;
  height: 1em;  
  content: "";
  position: absolute;
  transition: transform .5s;
}
details[open] > summary:before {
  transform: scale(1,-1);
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:1;
}
.div_faq {
    padding-left: 1.4em;
    padding-right: 1.4em;
}
.p_faq {
    font-size: 16px !important;
    border-top: 2px solid #222222 !important;
    padding-top: 1em !important;
}
.div_qsearch {
    padding-left: 1px;
    padding-right: 1px;
}
table.qsearch {
    font-size: 12px;
    width: 100%;
    border-collapse: collapse; 
    border: 2px solid #222222;
}
/*
table.qsearch tr {
    height: 40px
}
*/
table.qsearch td {
    padding: 0.5em;
    border-right: 1px solid #444444;
    text-align: left;
    vertical-align: top;
    width: 33%;
}