@media (max-width: 640px) {
  .custom-mobile-width {
      width: 100%;
  }
}

.loader{
  align-items: center;
  display: flex;
  justify-content: center;
}
.tooltip-arrow {
  position: absolute;
  top: -14px;
  right: 35px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #d1d5db;
}

.tooltip-arrow::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -15px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 13px solid #fff;
}

.hr-tooltip-arrow {
  position: absolute;
  top: -15px; 
  right: 12px; 
  width: 32px;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #e5e7eb;
}

.hr-tooltip-arrow::before {
  content: "";
  position: absolute;
  top: 2px;
  left: -14px;
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 13px solid #fff;
}

/* Ensure to empty the content of missing turbo frame requests */
.turbo-frame-error {
  display: none;
}
.select2-selection {
  width: 100% !important;
  height: unset !important;
  border: 1px solid #dddddd !important;
  padding: 8px !important;
  font-size: 14px;
  border-radius: 6px !important;
}

.select2-selection__arrow {
  top: 10px !important;
  right: 5px !important;
}
.select2-search__field {
  margin: 5px !important;
  color: #111827;
  font-weight: 400;
  line-height: 24px;
  height: 20px !important;
}
.select2-selection__choice{
  margin: 5px !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: auto;
    opacity: 1;
}

input[type=number] {  input[type=number]::-webkit-inner-spin-button,
  input[type=number]::-webkit-outer-spin-button {
      -webkit-appearance: auto;
      opacity: 1;
  }

  input[type=number] {
      -moz-appearance: textfield;
      appearance: textfield;
  }
    -moz-appearance: textfield;
    appearance: textfield;
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *



 */