@import "./breakpoint.css";

.ui-widget-overlay {
  background: rgb(74 73 73 / 40%);
  opacity: 0.3;
  filter: Alpha(Opacity=.3); /* support: IE8 */
  z-index: 98;
}

.ui-dialog {
  background: var(--bs-white);
  pointer-events: auto;
  border-radius: 1rem;
  margin: 10px;
  overflow-y: scroll;
  max-height: 95vh !important;
}

.ui-dialog,
.ui-dialog-content {
  &::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
    height: 7px;
  }

  &::-webkit-scrollbar-thumb {
    border-radius: 1.5rem;
    background-color: rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
  }

  &::-webkit-scrollbar-track {
    background-color: transparent;
  }
}

.ui-widget-header {
  border: 0px;
}

.ui-widget-header,
.ui-widget-content,
.ui-dialog-buttonpane {
  background: var(--bs-white);
  color: var(--bs-dark);
}

.ui-widget-content {
  border-radius: 1rem;

  a {
    color: var(--bs-primary);
  }
}

.ui-dialog-buttonpane {
  border-width: 0px !important;
}

.ui-dialog-titlebar-close {
  background: none;
  border: 0px;
}