header {
  display: flex;
}

div.database_filter_header a {
  color: #337ab7;
  cursor: pointer;
}

div#list_loading_ferratas {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 64px 0;
}
div#list_loading_ferratas .spinner {
  width: 40px;
  height: 40px;
  position: relative;
}
div#list_loading_ferratas .double-bounce1, div#list_loading_ferratas .double-bounce2 {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #333;
  opacity: 0.6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}
div#list_loading_ferratas .double-bounce2 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
@-webkit-keyframes sk-bounce {
  0%, 100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}
@keyframes sk-bounce {
  0%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

div.database_filters_container {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
div.database_filters_container div {
  width: calc(50% - 24px);
  margin-bottom: 12px;
}
div.database_filters_container div:nth-child(odd) {
  margin-right: 12px;
}
div.database_filters_container div:nth-child(even) {
  margin-left: 12px;
}

@media (max-device-width: 800px) {
  div.database_filters_container div {
    width: calc(100% - 24px);
  }
  div.database_filters_container div:nth-child(odd) {
    margin-left: 12px;
    margin-right: 0;
  }
}
div.list_name_search {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
  width: calc(100% - 2px);
  border: 1px solid gainsboro;
  border-radius: 4px;
}
div.list_name_search input[type=text] {
  flex-grow: 1;
  height: 100%;
  padding: 12px 0 12px 12px;
  border: none;
  background: transparent;
}
div.list_name_search ion-icon {
  margin: 0 12px;
  cursor: pointer;
}

button.filter_item {
  text-transform: uppercase;
}

div.database_country_filter_container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  width: 100%;
}
div.database_country_filter_container div.img_checkbox_wrapper {
  display: flex;
  align-items: center;
  border: 1px solid gainsboro;
  border-radius: 6px;
  width: auto;
  margin-right: 12px;
  margin-bottom: 12px;
  flex-grow: 0;
  cursor: pointer;
  flex-direction: row-reverse;
}
div.database_country_filter_container div.img_checkbox_wrapper input {
  z-index: 2;
  margin-right: 6px;
  width: 24px;
  height: 24px;
}
div.database_country_filter_container div.img_checkbox_wrapper input:checked ~ .img_checkbox {
  background-color: #f4f4f4;
}
div.database_country_filter_container div.img_checkbox_wrapper div.img_checkbox {
  width: 100%;
  height: 100%;
  margin-right: -22px;
  padding: 6px 24px 6px 6px;
  border-radius: 6px;
  display: flex;
  align-items: center;
}
div.database_country_filter_container div.img_checkbox_wrapper div.img_checkbox img {
  height: 24px;
}

div.database_filter_buttons_container {
  display: flex;
  align-items: center;
  margin-top: 12px;
}
div.database_filter_buttons_container button {
  margin-right: 12px;
}

div.list_add_new_ferrata {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 24px;
}
div.list_add_new_ferrata ion-icon {
  margin-right: 12px;
  font-size: 36px;
}

div.database_filter_header {
  display: flex;
  align-items: center;
}
div.database_filter_header h2 {
  flex-grow: 1;
}

div.list_ferratas_header {
  display: flex;
  align-items: center;
  margin-top: 48px;
}
div.list_ferratas_header h2 {
  flex-grow: 1;
}
div.list_ferratas_header a {
  margin: 0 6px;
}
div.list_ferratas_header a:last-of-type {
  margin-right: 0;
}

@media (max-device-width: 800px) {
  div.list_ferratas_header h2 {
    white-space: nowrap;
    margin-right: 12px;
  }
  div.list_ferratas_header div#list_ferrata_subsections {
    display: flex;
    flex-wrap: wrap;
  }
}
div#list_ferratas_container {
  padding-top: 24px;
}
div#list_ferratas_container div.list_filter_ferrata {
  width: 100%;
  display: flex;
  align-items: center;
  padding: 4px 0;
  font-weight: lighter;
}
div#list_ferratas_container div.list_filter_ferrata div.ferrata_name {
  flex-grow: 1;
  font-weight: normal;
}
div#list_ferratas_container div.list_filter_ferrata span {
  font-size: 14px;
  margin-left: 6px;
}
div#list_ferratas_container div.list_filter_ferrata span ion-icon {
  margin-right: 6px;
  font-size: 12px;
  color: #ed5565;
}
div#list_ferratas_container div.list_filter_ferrata span ion-icon[name=star] {
  color: gold;
}
div#list_ferratas_container div.list_filter_ferrata span ion-icon[name=bag-outline] {
  color: black;
  font-size: 16px;
}
div#list_ferratas_container div.list_filter_ferrata span ion-icon[name=checkmark-outline] {
  color: limegreen;
  font-size: 16px;
}
div#list_ferratas_container div.list_filter_ferrata span.before_separator {
  width: 40px;
  display: flex;
  align-items: center;
}
div#list_ferratas_container div.list_filter_ferrata span.after_separator {
  width: 100px;
  display: flex;
  align-items: center;
}
div#list_ferratas_container div.list_filter_ferrata span.after_separator:first-of-type {
  margin-left: 0;
}
div#list_ferratas_container div.list_filter_ferrata div.list_separator {
  width: 1px;
  height: 14px;
  margin: 0 12px;
  background-color: gainsboro;
}

@media (max-device-width: 1000px) {
  div.list_filter_ferrata {
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 6px;
  }
  div.list_filter_ferrata div.ferrata_name {
    width: 100%;
    margin-bottom: 4px;
  }
}

/*# sourceMappingURL=style.css.map */