.sidebar-filter {
  display: flex;
  flex-direction: column;
}

.sidebar-filter.search > form[name="car-search"] > div {
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0,0,0,.5);
  background-color: white;
  margin-bottom: 1.25rem;
  padding: 0.625rem 0.625rem 0.725rem 0.625rem;
}

.sidebar-filter label {
  display: flex;
  padding: 10px 0 0 0;
  margin: 5px 0;
  font-size: 0.875rem;
  line-height: 1.4;
  position: relative;
}

.sidebar-filter label:hover, .sidebar-filter input:hover, .sidebar-filter .select:hover {
  cursor: pointer;
}

.sidebar-filter.search label > input {
  margin-right: 7px;
}

.sidebar-filter.search > form > div > div {
  margin: 0.625rem 0;
}

.sidebar-filter.search > form > div > div:first-of-type {
  margin-top: 1.25rem;
}

.model-data > div {
  display: flex;
}

.sidebar-filter .car {
  margin-top: 1.15rem;
}

.sidebar-filter .car > div {
  display: flex;
  flex-direction: column;
  margin-right: 2%;
  width: 29%;
  max-width: 10.5rem;
}

.sidebar-filter .car label {
  padding: 0;
  min-width: 180px;
  margin-bottom: 5px;
}

.sidebar-filter .car > .delete {
  display: none;
  width: auto;
  position: relative;
  margin-right: 0;
}

.delete > .material-icons {
  position: absolute;
  bottom: 0.5rem;
  left: 0;
  cursor: pointer;
}

.container-add-car {
  margin-top: 10px;
  display: flex;
}

.add-car {
  cursor: pointer;
}

.cpd-3c {
  display: flex;
  flex-direction: column;
}

.cpd-3c > div {
  margin-bottom: 0.8rem;
}

.sidebar-filter.search .select-container > div {
  display: flex;
  padding-top: 8px;
}

.select-wrapper.min.max:first-child > select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.select-wrapper.min.max:nth-child(2) > select {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.slider-filter {
  margin: 0 5px 5px 0;
}

.slider-filter > .slider-value {
  width: 100%;
  text-align: left;
  font-size: 0.875rem;
}

.slider-filter.disabled > .slider-value {
  color: gray;
}

.slider-range {
  margin: 10px 20px 0 10px;
}

.sidebar-filter.search .checkbox-container > div {
  display: flex;
  flex-wrap: wrap;
}

.sidebar-filter.search .car-body.checkbox-container > div > div {
  margin-bottom: 20px;
}

.sidebar-filter.search .checkbox-container > div > div {
  width: 50%;
}

.sidebar-filter.search .drive.checkbox-container > div > div {
  width: 33%;
}

.sidebar-filter.search .car-body label {
  padding: 0;
}

.sidebar-filter.search .car-body input {
  position: absolute;
  top: 10px;
}

.sidebar-filter.search .car-body.checkbox-container figure {
  padding-bottom: 3px;
  margin-left: 30px;
}

.car-body.checkbox-container img {
  height: 30px;
  filter: invert(44%) sepia(17%) saturate(1882%) hue-rotate(179deg) brightness(90%) contrast(86%);
}

.sidebar-filter.search .car-body.checkbox-container p {
  margin-left: 30px;
  font-size: 0.875rem;
}

.sidebar-filter.search .car-class.checkbox-container > div {
  margin-bottom: 15px;
}

.sidebar-filter.search .car-class.checkbox-container > div > div:last-of-type {
  margin-right: 25%;
}

.sidebar-filter.search .gear.checkbox-container > div, .sidebar-filter.search .drive.checkbox-container > div {
  display: flex;
}

.checkbox-container > div > label > p {
  margin: 0;
  flex: 1;
}

.sidebar-filter.search .power.slider-container {
  width: 100%;
  margin-bottom: 40px;
}

.sidebar-filter.search .acceleration.slider-container {
  width: 100%;
  margin-bottom: 30px;
}

.slider-filter.consumption, .slider-filter.econsumption {
  display: flex;
}

.slider-filter.consumption > p, .slider-filter.econsumption > p {
  display: flex;
  width: 100%;
}

.search-results {
  height: 92px;
  display: flex;
  flex-direction: column;
  margin: 0
}

.search-results > .title {
  background-color: #3f7ab4;
  padding: 5px 20px;
}

.search-results > .title > h5 {
  color: white;
}

.search-results > .cars-count {
  padding: 23px 5px;
  display: flex;
}

.motor-count {
  margin: 0 30px 30px 30px;
}

.btn.model-data-submit {
  width: 18%;
  min-width: 96px;
  height: 30px;
  padding: 6px;
  margin-top: auto;
  margin-bottom: auto;
}

.btn.model-data-submit.disabled {
  cursor: default;
  opacity: 0.5;
}

.model-count-container {
  display: flex;
  margin-left: auto;
  flex-direction: column;
}

.model-count, .extra-text {
  font-size: 0.875rem;
  margin-right: 5px;
}

.model-count {
  margin-top: auto;
  margin-bottom: auto;
}

.model-count.highlight, .extra-text.highlight {
  font-weight: 700;
  text-decoration: underline;
}

.extra-text.hide {
  display: none;
}

@media screen and (min-width: 30.0625em) {
  .sidebar-filter.search > form[name="car-search"] > div {
    padding: 1.25rem 1.875rem 2.1875rem 1.875rem;
  }

  .sidebar-filter.search label > input {
    margin-right: 10px;
  }

  .sidebar-filter.search > form > div > div.model-data-list {
    margin: 1.25rem 1.875rem 0 1.875rem;
  }

  .delete > .material-icons {
    left: 0.625rem;
  }

  .cpd-3c {
    flex-direction: row;
  }
  
  .cpd-3c > div {
    margin-right: 50px;
    margin-bottom: 0;
  }

  .cpd-3c > div:first-of-type {
    margin-left: 30px;
  }
    
  .cpd-3c > div:last-of-type {
    margin-right: 30px;
  }

  .sidebar-filter.search .select-container, .sidebar-filter.search .slider-container {
    width: calc(28% - 15px);
  }

  .sidebar-filter.search .checkbox-container > div > div {
    width: 25%;
  }

  .sidebar-filter.search .fuel.checkbox-container > div > div {
    width: 25%;
  }

  .sidebar-filter.search .drive.checkbox-container > div > div {
    width: 100%;
  }

  .sidebar-filter.search .car-body.checkbox-container {
    margin: 20px 30px 10px 30px;
  }

  .sidebar-filter.search .car-body input {
    top: 15px;
  }

  .car-body.checkbox-container img {
    height: 35px;
  }

  .sidebar-filter.search .car-class.checkbox-container {
    margin: 10px 30px 10px 30px;
  }

  .sidebar-filter.search .fuel.checkbox-container {
    margin: 20px 30px 0 30px;
  }

  .sidebar-filter.search .gear.checkbox-container {
    width: calc(28% - 15px);
  }

  .sidebar-filter.search .gear.checkbox-container > div, .sidebar-filter.search .drive.checkbox-container > div {
    flex-direction: column;
  }

  .sidebar-filter.search.sticky {
    margin-bottom: 92px;
  }

  .search-results.sticky {
    width: 55%;
    position: fixed;
    bottom: 0;
    z-index: 2;
  }

  .search-results > .cars-count {
    padding: 23px 15px 23px 0;
  }

  .model-count, .extra-text {
    text-align: right;
    margin-right: 30px;
  }

  .btn.model-data-submit {
    padding: 8px;
  }
}