.top-filter-wrapper {
   position: relative;
}

.top-filter-body {
   display: flex;
   background-color: #000;
   flex-wrap: wrap;
   box-shadow: 0 0 10px #333;
   gap: 0 0.8em;
}

.top-filter-short .top-filter-dropdown-container {
   max-width: 24%;
   position: relative;
}

.top-filter-dropdown-container {
   max-width: 23.5%;
   width: 100%;
}

.top-filter-dropdown-container .td-button, .top-filter-dropdown-container select {
   width: 100%;
   cursor: pointer;
}

.top-filter-short .top-filter-dropdown-container.error {
   box-shadow: 0 0 0 1px red;
}

.top-filter-short .top-filter-dropdown-container.error::before {
   content: 'This field is required.';
   position: absolute;
   background: red;
   bottom: 100%;
   left: 0;
   box-sizing: border-box;
   padding: 1px 10px 3px 10px;
   color: #fff;
   z-index: 999;
   width: calc(100% + 2px);
   line-height: normal;
   text-transform: uppercase;
   font-size: 13px;
   margin-left: -1px;
}

.side-filter-body .top-filter-dropdown-container {
   max-width: 100%;
}