.search-filter {

}

.dropdown-box {
   margin-bottom: 2em;
   position: relative;
   width: 340px;
}

.dropdown-box input {
   /*border-radius: 5px;*/
   border: 1px solid rgb(129, 129, 129);
   color: rgb(120, 120, 120);
   outline: none;
   padding: 3px 5px;
   width: 100%;
}

.dropdown-box .selected-item {
   position: relative;
}

.dropdown-box .selected-item::after {
   content: "";
   height: 3px;
   width: 3px;
   border: 2px solid;
   border-color: transparent rgb(129, 129, 129) rgb(129, 129, 129) transparent;
   position: absolute;
   top: 50%;
   right: 10px;
   transform: translateY(-70%) rotate(45deg);
}

.dropdown-box .selected-item,
.dropdown-box .selected-item input {
   cursor: pointer;
}

.dropdown-box .dropdown-content {
   box-shadow: 0 5px 15px rgb(0 0 0 / 15%);
   /*border-radius: 5px;*/
   max-height: 240px;
   overflow: auto;
   display: none;
   position: absolute;
   z-index: 99;
   background-color: #fff;
   width: fit-content;
}

.dropdown-box.active .dropdown-content {
   display: block;
}

.dropdown-box .dropdown-content .search-input {
   padding: 5px;
}

.dropdown-box .dropdown-content ul {
   list-style: none;
   padding-left: 1em;
}

.dropdown-box .dropdown-content ul li {
   cursor: pointer;
   font-size: 0.8rem;
   padding: 2px 5px;
}

.dropdown-box .dropdown-content ul li.hide {
   display: none;
}

.dropdown-box .dropdown-content ul li:hover {
   background-color: rgb(245 245 245);
}

.dropdown-box .dropdown-content ul li.active {
   background: rgb(213, 242, 246);
   color: rgb(34, 34, 218);
}


.accordion-button:not(.collapsed) {
   background-color:#dfdfdf;
}

.accordion-button:focus {
   border-color:rgba(0, 0, 0, 0.125);
   box-shadow: none;
   /*box-shadow: 0 0 0 0.25rem rgba(0, 0, 0, 0.125);*/
}

.accordion-button.collapsed:hover {
    background-color: #f2f2f2;
}


.accordion-button {
   border: 1px solid #dfdfdf;
}


.accordion-button .product-name {
   width: 60%;
}

.accordion-button .category-name {
   font-size: 0.8em;
}

.accordion-body .accordion-body {
   padding-top: 0;
}

/* test width smaller line-height of product-accordion*/
#sub-accordion .accordion-item .accordion-button {
    padding: 0.6em 1em;
}


.list-group-item {
   margin-top: -2px;
}

.accordion-item {
   border: var(--bs-accordion-border-width) solid #000;
}

.accordion-button:not(.collapsed) {
   box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 #000;
   z-index: 1;
}



.documentation_download_block {
   display:flex;
}

.download_links, .documentation_links {
   width: 50%;
}

.download_links {
   /*background-color: lightgreen;*/

   align-items: center;
   display: flex;

   padding: 1.5em 0;
}

.documentation_links {
   /*background-color: lightcoral;*/

   display: flex;
   flex-direction: column;
   justify-content: space-evenly;

   border-left: 1px solid #dfdfdf;
   padding-left: 1em;
}

.documentation_links a.link-download {
   width: fit-content;
}

.description_html {
   display:flex;
}

.description_html_icon {
   align-items: center;
   display: flex;
   padding-right: 2em;
}

.description_html_icon i {
   font-size: 2em;
}

.description_html_content {

}