.tmk_var_wrapper {
  display: grid !important;
  flex-wrap: wrap;
  grid-template-columns: repeat(4, 1fr);

  span.tmk_var {
    background: #e8e6e6;
    color: #000;
    padding: 5px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 10px;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    min-width: 150px;
    margin: 5px;

    &.tmk_var_product {
      background: #ffff7f;
    }
    &.tmk_var_order {
      background: #babaff;
    }
    &.tmk_var_billing {
      background: #ffb4b4;
    }
    &.tmk_var_shipping {
      background: #94fb94;
    }
    &.tmk_var_user {
      background: #f4aef0;
    }
    &:hover {
      background: #222;
      color: #fff;
    }
  }
}
.ui-timepicker-div.ui-timepicker-oneLine dl {
  text-align: center;
  direction: ltr;
}
.acf-field-643e8eec2e1a6,
.acf-field-643462d9f36f2 {
    background: #e2ffbb;
}
#adminmenu li#toplevel_page_timak-public .wp-menu-image img {
  opacity: 1 !important;
  padding: 4px;
  margin: 0;
  opacity: 1 !important;
  max-width: 27px;
}
.tmk_ptest_gateway,
.tmk_test_gateway {
  text-decoration: none;
  background: #008000;
  color: #fff !important;
  padding: 5px;
  display: block;
  text-align: center;
  border-radius: 5px;
  margin: 0;
  cursor: pointer;
  &:hover {
    background: #d74813;
    color: #fff;
  }
}
.timak-error-toast {
  border-color: #f5c6cb;
  &.jq-toast-single {
      font-size: 13px;
  }
}
.acf-field-643eea6f6fe5b p,
.acf-field-643f686096caa p {
  margin: 0 !important;
}