:root {
  --danger-main: #ef4a00;
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: var(--danger-main);
}

.invalid-feedback {
  color: var(--danger-main);
  font-size: 14px;
  margin-top: -7px;
}

.blur-model {
  background-color: rgba(0, 0, 0, 0.3);
  backdrop-filter: blur(2px);
  -webkit-backdrop-filter: blur(2px);
  /* For Safari */
}

.ql-editor ul {
  list-style: initial !important;
}

.ql-editor ol {
  list-style: initial !important;
}

.scrollbar-w-4::-webkit-scrollbar {
  width: 5px;
  /* Vertical scrollbar width */
}

.scrollbar-w-4::-webkit-scrollbar-thumb {
  background-color: rgb(187 187 187);
  /* Matches primary-500 */
  border-radius: 4px;
}

.scrollbar-w-4::-webkit-scrollbar-track {
  background-color: rgb(250 250 250);
  /* Matches gray-100 */
  width: 5px;
  /* Note: width here is redundant; track inherits scrollbar width */
}

/* Add Firefox support */
.scrollbar-w-4 {
  scrollbar-color: #f3f4f6;
}


/* Chrome, Safari, Edge, Opera */
.no-spinner::-webkit-outer-spin-button,
.no-spinner::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
.no-spinner[type="number"] {
  -moz-appearance: textfield;
}

.form-bg {
  background-color: aliceblue;
}

/* map view css */

.custom-label {
  background: white;
  padding: 4px 8px;
  border-radius: 4px;
  box-shadow: 0 2px 4px rgba(0,0,0,0.2);
}


/* Reset margin and padding from Google Maps InfoWindow wrappers */
.gm-style-iw,
.gm-style-iw-d {
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
}