@charset "UTF-8";
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS 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/SCSS
 * 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.
 *





 */
/* line 21, /esumpah/app/assets/stylesheets/application.scss */
.hidden {
  display: none;
}

/* line 25, /esumpah/app/assets/stylesheets/application.scss */
#map {
  width: 600px;
  height: 400px;
}

/* line 30, /esumpah/app/assets/stylesheets/application.scss */
#map2 {
  width: 600px;
  height: 400px;
}

/* line 35, /esumpah/app/assets/stylesheets/application.scss */
table.dataTable tbody th, table.dataTable tbody td {
  padding: 2px 2px;
  /* e.g. change 8x to 4px here */
}

/* line 39, /esumpah/app/assets/stylesheets/application.scss */
.map {
  width: 100%;
  min-height: 400px;
}

/* line 44, /esumpah/app/assets/stylesheets/application.scss */
.password-requirements .password-requirements__requirement {
  color: green;
}

/* line 46, /esumpah/app/assets/stylesheets/application.scss */
.password-requirements .password-requirements__requirement:before {
  content: "✓";
}

/* line 48, /esumpah/app/assets/stylesheets/application.scss */
.password-requirements .password-requirements__requirement.invalid {
  color: red;
}

/* line 50, /esumpah/app/assets/stylesheets/application.scss */
.password-requirements .password-requirements__requirement.invalid:before {
  content: 'X';
}

/* line 55, /esumpah/app/assets/stylesheets/application.scss */
.chat-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 1rem;
}

/* line 62, /esumpah/app/assets/stylesheets/application.scss */
.message-box {
  background-color: #e0f7fa;
  border: 1px solid #b2ebf2;
  padding: 10px;
  border-radius: 8px;
  max-width: 100%;
  animation: fadeIn 0.3s ease;
}

@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}