/* Application styles */
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");
@import url("https://code.highcharts.com/dashboards/css/dashboards.css");

: root {
  --body-color: rgb(107 114 128/1); /* text-gray-500 */
}

/* Scrollbars hidden everywhere */
html * {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
html *::-webkit-scrollbar {
  display: none;
}

/* Scrollable column for content */
/* lg screen and up */
@media (min-width: 1024px) {
  .lg\:scroll-container {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: calc(100vh - 12rem);
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
  }

  .lg\:scroll-container::-webkit-scrollbar {
    display: none;
  }
}

/* clears the ‘X’ in search inputs from Internet Explorer */
input[type="search"]::-ms-clear {
  display: none;
  width: 0;
  height: 0;
}
input[type="search"]::-ms-reveal {
  display: none;
  width: 0;
  height: 0;
}
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* GOOGLE MAPS */
.gm-ui-hover-effect {
  width: auto !important;
  height: auto !important;
  margin-top: 10px !important;
  margin-right: 10px !important;
}

.gm-ui-hover-effect span {
  margin: 0 !important;
}

.gm-style-iw-d {
  margin-top: -18px !important;
  padding-right: 12px;
  padding-bottom: 12px;
}

@supports (-moz-appearance: none) {
  .gm-ui-hover-effect {
    margin-right: 0 !important;
  }

  .gm-style-iw-d {
    margin-top: -18px !important;
    padding: 0px;
  }
}

/**
 * TRIX Customization
 */

/*remove overwritten icons*/
trix-toolbar .trix-button--icon-bold::before,
trix-toolbar .trix-button--icon-italic::before,
trix-toolbar .trix-button--icon-strike::before,
trix-toolbar .trix-button--icon-link::before,
trix-toolbar .trix-button--icon-bullet-list::before,
trix-toolbar .trix-button--icon-number-list::before,
trix-toolbar .trix-button--icon-attach::before,
trix-toolbar .trix-button--icon-undo::before,
trix-toolbar .trix-button--icon-redo::before {
  background-image: none;
}

/* md screen and up */
@media (min-width: 768px) {
  /* all icons to the right */
  trix-toolbar .trix-button-group-spacer {
    flex-grow: 0;
  }
  trix-toolbar .trix-button-row {
    justify-content: end;
  }
}

/* style active buttons */
trix-toolbar .trix-button.trix-active {
  background: rgb(229 231 235); /* bg-gray-200 */
}

/* style buttons */
trix-toolbar .trix-button {
  border-bottom: 0;
  border-color: rgb(209 213 219); /* ring-gray-300 */
}

trix-toolbar .trix-button:hover {
  background: rgb(229 231 235); /* bg-gray-200 */
}

/* style toolbar */
trix-toolbar .trix-button-group {
  border: 1px solid rgb(209 213 219); /* ring-gray-300 */
  border-radius: 0.375rem; /* rounded-md */
}

.copied-feedback {
  position: relative;
}

.copied-feedback::after {
  content: "Copied!";
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  background-color: black;
  color: white;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 12px;
  opacity: 0;
  animation: fadeInOut 2.5s ease-in-out;
  pointer-events: none;
}

@keyframes fadeInOut {
  0%,
  100% {
    opacity: 0;
  }
  10%,
  90% {
    opacity: 1;
  }
}