.button-checkbox, .button-select .button-select-option, .button-select .button-select-more {
  border: 2px solid #B4B4B4;
  padding: 8px 8px 8px 30px;
  text-align: left;
  cursor: pointer;
  display: inline-block;
  position: relative;
  color: #292F3B;
  background-color: #ffffff;
}
.button-checkbox:hover, .button-select .button-select-option:hover, .button-select .button-select-more:hover {
  color: #292F3B;
  background-color: #e6e6e6;
}
.button-checkbox:after, .button-select .button-select-option:after, .button-select .button-select-more:after {
  display: block;
  position: absolute;
  font-family: "co2", serif;
  left: 0;
  top: 0;
  height: 100%;
  content: "\f10c";
  padding: 8px 0 8px 8px;
}
.selected.button-checkbox, .button-select .selected.button-select-option, .button-select .selected.button-select-more {
  background-color: #65B0C6;
  border-color: #65B0C6;
  color: #ffffff;
}
.selected.button-checkbox:after, .button-select .selected.button-select-option:after, .button-select .selected.button-select-more:after {
  content: "\e82c";
  color: #ffffff;
}
.selected.button-checkbox:hover, .button-select .selected.button-select-option:hover, .button-select .selected.button-select-more:hover {
  background-color: #8ac3d4;
  color: #ffffff;
}
.inverse.button-checkbox, .button-select .inverse.button-select-option, .button-select .inverse.button-select-more {
  border-color: #484D57;
  color: #484D57;
}
.inverse.button-checkbox:hover, .button-select .inverse.button-select-option:hover, .button-select .inverse.button-select-more:hover {
  background-color: rgba(41, 47, 59, 0.2);
}

.button-select .button-select-option, .button-select .button-select-more {
  min-width: 100%;
  max-width: 100%;
  margin-bottom: 30px;
}
.button-select .button-select-option.only-one-line, .button-select .button-select-more.only-one-line {
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .button-select .button-select-option.only-one-line, .button-select .button-select-more.only-one-line {
    margin-bottom: 10px;
  }
}
@media (max-width: 767px) {
  .button-select .button-select-option, .button-select .button-select-more {
    margin-bottom: 10px;
    line-height: 2.24em;
  }
}
.button-select .button-select-more {
  color: #292F3B;
  background-color: #C4C4C4;
}
.button-select .button-select-option .preview-outer {
  display: block;
  width: 100%;
  height: 80px;
  position: relative;
  margin-top: 20px;
}
.button-select .button-select-option .preview-outer .preview-container {
  position: absolute;
  left: 0;
  bottom: 0;
}
.button-select .button-select-option .preview-outer .preview-container .preview-image {
  width: 56px;
  height: 56px;
  display: block;
  border-radius: 28px;
  border: 1px solid #292F3B;
  background-size: cover;
  background-position: center center;
}
.button-select .button-select-option .preview-outer .preview-container:nth-child(3n+1) {
  left: 0px;
}
.button-select .button-select-option .preview-outer .preview-container:nth-child(3n+2) {
  left: 50px;
}
.button-select .button-select-option .preview-outer .preview-container:nth-child(3n+3) {
  left: 100px;
}
.button-select .button-select-option .preview-outer .preview-container:nth-child(3n+4) {
  left: 150px;
}
.button-select .button-select-option .preview-outer .preview-container:nth-child(3n+5) {
  left: 200px;
}
.button-select .button-select-option .description {
  display: block;
  width: 100%;
  line-height: 20px;
  text-align: left;
  font-size: 12px;
}
.button-select .button-select-option .description span + span:before {
  content: ", ";
}
.button-select .button-select-option .description .one-item + .one-item:before {
  content: ", ";
}
.button-select .button-select-option.inverse .preview-outer .preview-container .preview-image {
  border-color: #484D57;
}
.button-select .button-select-option.selected .preview-outer .preview-container .preview-image {
  border-color: #65B0C6;
}
.button-select.flat {
  display: flex;
  max-width: 100%;
  align-content: stretch;
}
.button-select.flat .button-select-option + .button-select-option {
  margin-left: 20px;
}
@media (max-width: 1199px) {
  .button-select.flat {
    flex-direction: column;
  }
  .button-select.flat .button-select-option + .button-select-option {
    margin-left: 0;
  }
}

.flex-row > div > .button-select-option {
  height: 100%;
}

.button-checkbox {
  width: 100%;
}

.modal .button-select {
  display: flex;
  flex-wrap: wrap;
  padding: 20px;
}
.modal .button-select .button-select-option {
  min-width: auto;
  max-width: 100%;
  width: 289px;
  flex-grow: 1;
  margin: 10px;
}

/*# sourceMappingURL=button-select.css.map */