#mpm_fpe_combinations_tab .mpm-fpe-cancel_2{
  cursor: pointer;
}

#mpm_fpe_combinations_edit_form {
  border: 1px solid #34495e;
  border-radius: 3px;
}

#mpm_fpe_combinations_tab_content {
  display: grid;
  grid-row-gap: 10px;
}

#mpm_fpe_combinations_edit_head {
  display: flex;
  justify-content: space-between;
  background-color: #34495e;
  height: 35px;
  border-radius: 3px 3px 0 0;
  text-align: center;
  padding: 7px;
}

#mpm_fpe_combinations_edit_content {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-gap: 10px;
  padding: 15px;
}

#mpm_fpe_combinations_bulk_actions_form .mpm-expandable-content-wrapper,
#mpm_fpe_combinations_generator_form .mpm-expandable-content-wrapper {
  display: none;
}

#mpm_fpe_delete_combination_form {
  display: none;
}

#mpm_fpe_update_combination_btn {
  grid-column: 1/4;
  height: auto;
  min-height: 40px;
  width: 220px;
  justify-self: center;
}

#mpm_fpe_combination_default,
#combination_images {
 grid-column: 1/4;
}

#combination_images {
  display: grid;
  grid-template-columns: repeat(6, auto);
  margin-top: 10px;
}

.combination-image label {
  cursor: pointer;
}

.combination-image label:hover {
  opacity: 0.7;
}

.combination-image input {
  display: none;
}

.combination-image img {
  border-radius: 3px;
}

.combination-image input:checked + label{
  opacity: 0.7;
  border: 3px solid #2ecc71;
  border-radius: 6px;
}

#mpm_fpe_combinations_bulk_actions_form_content {
  display: grid;
  grid-template-columns: repeat(5, auto);
  grid-gap: 10px;
  align-items: end;
}

#bulk_actions_buttons_block {
  grid-column: 1/6;
  justify-self: end;
}

#mpm_fpe_delete_combinations_bulk_btn,
#mpm_fpe_update_combinations_bulk_btn {
  height: auto;
  min-height: 40px;
}

#mpm_fpe_combinations_generator_form_content {
  display: grid;
  grid-template-columns: repeat(2, auto);
  grid-gap: 10px;
}

.combination-generator-attribute-group {
  border: 1px dashed #465b74;
  border-radius: 3px;
  padding: 10px;
}

.combination-generator-attribute-group-name {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
}

.combination-generator-attributes {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(70px, 1fr));
  grid-gap: 5px;
  word-break: break-word;
}

#mpm_fpe_generate_combination_btn {
  grid-column: 1/3;
  height: auto;
  min-height: 40px;
}

#mpm_fpe_combinations_open_generator_btn,
#mpm_fpe_combinations_bulk_actions_form_open_btn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px 0 10px;
  height: 40px;
  background-color: #34495e;
  border-radius: 3px;
  cursor: pointer;
}

#mpm_fpe_combinations_open_generator_btn span,
#mpm_fpe_combinations_bulk_actions_form_open_btn span {
  font-size: 14px;
}

#mpm_fpe_combinations_open_generator_btn i,
#mpm_fpe_combinations_bulk_actions_form_open_btn i {
  font-size: 11px;
}

#mpm_fpe_combinations_open_generator_btn:hover,
#mpm_fpe_combinations_bulk_actions_form_open_btn:hover {
  background-color: #27384a;
}

#mpm_fpe_combinations_open_generator_btn.opened,
#mpm_fpe_combinations_bulk_actions_form_open_btn.opened {
  border-radius: 3px 3px 0 0;
}

#mpm_fpe_combinations_generator_form .mpm-expandable-content-wrapper,
#mpm_fpe_combinations_bulk_actions_form .mpm-expandable-content-wrapper {
  padding: 10px;
  background: #34495e;
  border-top: 1px solid #465b74;
}

#mpm_fpe_delete_combination_bulk_form {
  bottom: 15px;
  right: 0;
}

#mpm_fpe_combinations_list {
  max-height: 600px;
  overflow: auto;
}