/* Will be updated */
.filter-dropdown-trigger {
  background-color:#fff;
  border:1px solid #dedede;
  border-radius:0;
  box-shadow:none;
  white-space:nowrap;
  color:#000;
  cursor:pointer;
}

@media screen and (min-width:480px) {
  .filter-dropdown-trigger {
    margin-left:-1px;
  }
}

@media screen and (min-width:640px) {
  .filter-dropdown-trigger {
    padding:5px 9px;
    font-size:12.75px;
    line-height:21.5px;
  }
}

@media screen and (max-width:639px) {
  .filter-dropdown-trigger {
    padding:7px 14px;
    font-size:14.75px;
    line-height:21.5px;
  }
}

.filter-results,.filter-row-label {
  font-size:12.75px;
  line-height:19px;
}

.message + .filter-results {
  display:none;
}

.filter-dropdown-trigger.is-active {
  border-color:#e9e9e9;
  background-color:#e9e9e9;
}

.filter-dropdown-trigger [class*="icon-"] {
  margin-left:10px;
  font-size:13px;
}

@media screen and (max-width:479px) {
  .filter-dropdown-trigger {
    margin-top:-1px;
    position:relative;
  }

  .filter-dropdown-trigger [class*="icon-"] {
    position:absolute;
    width:26px;
    top:12px;
    right:0;
  }
}

.filter-dropdown-wrap {
  position:relative;
  z-index:100;
}

@media screen and (min-width:980px) {
  .filter-dropdown-wrap {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
  }
}

.filter-dropdown-content {
  position:absolute;
  top:100%;
  left:0;
  right:0;
  background-color:#e9e9e9;
  display:none;
}

.filter-dropdown-content.visible {
  display:block;
}

.filter-dropdown-submit {
  padding:10px 20px;
}

.filter-dropdown-submit .btn {
  margin:20px;
  min-width:200px;
}

@media screen and (min-width:480px) {
  .filter-controls {
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-justify-content:flex-end;
    -ms-flex-pack:end;
    justify-content:flex-end;
  }

  .filter-controls .select {
    -webkit-flex:1 1 auto;
    -ms-flex:1 1 auto;
    flex:1 1 auto;
    max-width:150px;
  }
}

.filter-results {
  text-align:right;
  color:#b2b5bb;
  padding-top:10px;
}

.filter-cancel {
  margin-left:10px;
  white-space:nowrap;
  color:#80848e;
  position:relative;
  z-index:2;
}

.filter-cancel [class*="icon-"] {
  margin-left:1px;
  vertical-align:-15%;
  color:#e30613;
  font-size:120%;
}

.filter-cancel:hover {
  color:#e30613;
}

.filter-row {
  display:none;
}

.filter-row.is-active {
  display:block;
}

.filter-row .input {
  color:#4d5462;
}

.filter-row-label {
  padding:10px 20px;
  cursor:pointer;
  color:#000;
}

.filter-row-label [class*="icon-"] {
  margin-left:5px;
  top:-1px;
}

.filter-row-content {
  /*padding:0 20px 10px;*/
  padding:15px 16px;
  /*display:none;*/
}

.filter-row-content .js-slider-init.is-invisible {
  opacity:0;
}

.filter-row-content .columns {
  margin-top:-3px;
  margin-bottom:-3px;
}

.filter-row-content .column {
  margin-top:3px;
  margin-bottom:3px;
}

.filter-footer .filter-results {
  float:right;
}

.filter-flags-row {
  padding:5px 0 0 2px;
  font-size:13.5px;
}

.filter-flags-row .column {
  padding-right:15px;
}

.filter-tabs-container {
  margin-top:30px;
  position:relative;
}

.filter-tabs-wrap {
  overflow:hidden;
  margin-right:82px;
  *zoom:1;

  background:transparent;
}

.filter-tabs-wrap .tabs-controls {
  display:block;
  position:absolute;
  margin:0;
  width:82px;
  height:40px;
  top:-1px;
  right:0;
}

.filter-tabs-wrap .tabs-controls a {
  position:relative;
  color:#262f40;
  background-color:#e9e9e9;
  width:40px;
  height:39px;
  margin:1px 0 0 1px;
  float:left;
  -webkit-transition:background-color 0.3s ease-in-out;
  -moz-transition:background-color 0.3s ease-in-out;
  -o-transition:background-color 0.3s ease-in-out;
  transition:background-color 0.3s ease-in-out;
}

.filter-tabs-wrap .tabs-controls .icon-chevron-left:before,.filter-tabs-wrap .tabs-controls .icon-chevron-right:before {
  font-family:icons;
  line-height:41px;
  position:absolute;
  left:0;
  top:0;
  width:40px;
  height:39px;
  text-align:center;
}

.filter-tabs-wrap .tabs-controls span {
  position:absolute;
  left:-9999px;
}

.filter-tabs-wrap .tabs-controls a:hover {
  background-color:#004473;
  color:#ffffff;
}

.filter-tabs {
  height:40px;
  margin:0;
  padding:0;
  list-style:none;
  margin-left:-1px;
  left:0;
  position:relative;
  overflow:hidden;
  *zoom:1;
}

.filter-tabs li {
  float:left;
  margin-left:1px;
  margin-bottom:1px;
}

.filter-tabs li a {
  font-size:13.5px;
  font-weight:700;
  padding:5px 0 5px 20px;
  text-decoration:none;
  background:#e9e9e9;
  color:#000a1e;
  display:block;
  line-height:34px;
  padding:0 15px;
  position:relative;
  top:5px;
  opacity:0.6;
  -webkit-transition:all 0.2s ease-in-out;
  -moz-transition:all 0.2s ease-in-out;
  -o-transition:all 0.2s ease-in-out;
  transition:all 0.2s ease-in-out;
}

.filter-tabs li a:hover,
.filter-tabs li a.is-active {
  opacity:1;
  top:0;
  line-height:40px;
}

.filter-tabs li a > span.icon-filter {
  color:#00adba;
  margin-right:3px;
  vertical-align:20%;
  font-size:14px;
  display:none;
}

.filter-tabs li a.is-current > span.icon-filter {
  display:initial;
}

#filter-param-search .filter-tabs-content {
  background:#e9e9e9;
}
