/* Place all the styles related to the MailingLists controller here. */
/* They will automatically be included in application.css. */
/* You can use Sass (SCSS) here: https://sass-lang.com/ */

.field .radio_btn + label {
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  font-weight: normal;
  color: #888;
  border: solid 1px rgb(33, 31, 187);
  border-radius: 5px;
  margin-top: 10px;
  padding: 3px 10px;
  background-color: #fff;
  cursor: pointer;
}

/* チェックが入ったとき */
.field .radio_btn:checked + label {
  color: #fff;
  background-color: rgb(92, 95, 226);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
}

.flex-fill {
  flex-basis: 50%;
}

.check_list {
  margin-bottom: 0.1rem;
}

input[type=checkbox] {
  display: none;
}

.checkbox_label {
  padding: 1%;
}

input[type=checkbox]:checked + .checkbox_label {
  background-color: #89c0c0;
}

.results {
  overflow: scroll;
  height: 100px;
  background-color: #FFF;
  border: 1px solid #aaa;
  -ms-overflow-style: none;    /* IE, Edge 対応 */
  scrollbar-width: none;       /* Firefox 対応 */
}

.results::-webkit-scrollbar {  /* Chrome, Safari 対応 */
  display: none;
}