.battery-filter-form { margin: 0 0 20px;display: flex; flex-direction: row; flex-wrap: nowrap; align-content: center; width: 100%; }
.battery-filter-form .battery-filter-fields { padding: 0 10px; display: flex;width: 80%; flex-direction: row; flex-wrap: nowrap; align-items: center; border: 1px solid #369; border-right: 0; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.battery-filter-form .battery-filter-fields div { padding: 5px; width: 25%;  }
.battery-filter-form .battery-filter-fields div label { display: none; width: 100%; }
.battery-filter-form .battery-filter-fields div select,
.battery-filter-form .battery-filter-fields div input { margin: 0 !important; width: 100%; }
.battery-filter-form .battery-filter-fields div select { border-radius: 8px; }
.battery-filter-form .battery-filter-search-button { width: 20%; }
.battery-filter-form .battery-filter-search-button { width: 20%; border-radius: 0 8px 8px 0; overflow: hidden; }
.battery-filter-form .battery-filter-search-button button { width: 100%; line-height: 60px; border-radius: 0 8px 8px 0; background: rgb(36,62,113); background: linear-gradient(0deg, rgba(36,62,113,1) 0%, rgba(8,139,217,1) 100%); }

@media (max-width: 767px) {
    .battery-filter-form { flex-wrap: wrap; border: 1px solid var(--e-global-color-el_color_1); border-radius: 8px; }
    .battery-filter-form .battery-filter-fields { padding: 10px 8px; flex-wrap: wrap; width: 100%; border: 0; }
    .battery-filter-form .battery-filter-fields div { width: 100%; }
    .battery-filter-form .battery-filter-search-button { width: 100%; border: 0; }
    .battery-filter-form .battery-filter-search-button button { line-height: 30px; border-radius: 0 0 8px 8px; }
}

.tbl-data th { padding: 5px 0; font-size: 80%; line-height: 1.4; }
.tbl-data td { padding: 1px 0; font-size: 80%; line-height: 1.4; }
.tbl-data tr:nth-child(odd) td { background-color: #f7f7f7; }

.batter-card { margin: 0 0 30px; display: flex; background-color: #f7f7f7; flex-wrap: wrap; align-items: center; border-radius: 15px; }
.batter-card-img { padding: 20px; width: 30%; }
.batter-card-text { padding: 20px; width: 70%; }
.batter-card-text ul {display: flex; flex-wrap: wrap; justify-content: space-between; }
.batter-card-text ul li { width: 50%; }
.batter-card-text ul li span { color: #222; }
@media (max-width: 767px) {
    .batter-card-img { width: 100%; }
    .batter-card-text { width: 100%; }
    .batter-card-text ul li { width: 100%; }
}

div{}

/* Debug */
.tbl-battery-debug > p b { color: var(--e-global-color-el_color_1); }