/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* You can add global styles to this file, and also import other style files */
.default-theme {
  --primary: #007aff;
  --secondary: #6c757d;
  --transparent: rgba(0, 0, 0, 0);
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --dim-light: #f5f5f5;
  --light: #ffffff;
  --dark: #121212;
  --dim-dark: rgba(18, 18, 18, 0.5);
  --conversation-selected-state: #e4f9ff;
  --close-button-background: #454545;
  --home-outline-bottom: #f5f5f5;
  --home-outline-outside: rgba(0, 0, 0, 0);
  --map-overlay: rgba(255, 255, 255, 0.281);
  --other-message: #797979;
}

.dark-theme {
  --primary: #007aff;
  --secondary: #6c757d;
  --transparent: rgba(0, 0, 0, 0);
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --dim-light: #33363b;
  --light: #121212;
  --dark: #ffffff;
  --dim-dark: rgba(255, 255, 255, 0.5);
  --conversation-selected-state: #2a3b4d;
  --close-button-background: #808080;
  --home-outline-bottom: #33363b;
  --home-outline-outside: #33363b;
  --map-overlay: rgba(0, 0, 0, 0.281);
  --other-message: #797979;
}

.dim-theme {
  --primary: #007aff;
  --secondary: #435d8b;
  --transparent: rgba(0, 0, 0, 0);
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --dim-light: #273650;
  --light: #15232c;
  --dark: #ffffff;
  --dim-dark: rgba(255, 255, 255, 0.5);
  --conversation-selected-state: #2a3b4d;
  --close-button-background: #2a3b4d;
  --home-outline-bottom: #435d8b;
  --home-outline-outside: #374968;
  --map-overlay: rgba(21, 35, 44, 0.281);
  --other-message: #435d8b;
}

.gray-theme {
  --primary: #007aff;
  --secondary: rgba(145, 145, 145, 0.6117647059);
  --transparent: rgba(0, 0, 0, 0);
  --success: #28a745;
  --info: #17a2b8;
  --warning: #ffc107;
  --danger: #dc3545;
  --dim-light: rgba(145, 145, 145, 0.6117647059);
  --light: #353535;
  --dark: #ffffff;
  --dim-dark: rgba(255, 255, 255, 0.5);
  --conversation-selected-state: #2a3b4d;
  --close-button-background: #808080;
  --home-outline-bottom: rgba(145, 145, 145, 0.6117647059);
  --home-outline-outside: rgba(145, 145, 145, 0.6117647059);
  --map-overlay: rgba(53, 53, 53, 0.281);
  --other-message: #464e69;
}

.marker {
  position: relative;
  bottom: 8px;
  padding: 10px 15px;
  border-radius: 8px;
  max-width: 120px;
  text-align: center;
  font-size: 14px;
  background: black;
  color: white;
}
.marker > :after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: black transparent;
}

.info {
  position: relative;
  right: 15px;
  width: calc(100% + 20px);
  margin-top: 5px;
  padding: 0 5px;
  background-color: white;
}
.info > button {
  border: none;
  background-color: transparent;
  width: calc(100% + 10px);
  height: 20px;
  position: relative;
  right: 5px;
  text-align: start;
}
.info > button:hover {
  cursor: pointer;
  background-color: rgb(238, 238, 238);
}

.hide {
  display: none;
}

html, body {
  margin: 0;
  padding: 0;
  font-family: "Roboto", sans-serif;
  background-color: #ffffff;
  background-color: var(--light);
}

h1, h2, h3, h4, h5, h6, p, label {
  color: var(--dark);
}

::-webkit-scrollbar {
  width: 10px;
  border-radius: 3px;
}

::-webkit-scrollbar-thumb {
  background-color: #f5f5f5;
  background-color: var(--dim-light);
  border-radius: 5px;
}

::-webkit-scrollbar-track {
  background-color: #ffffff;
  background-color: var(--light);
  border-radius: 5px;
}

::-webkit-scrollbar-corner {
  background-color: #ffffff;
}

::-webkit-scrollbar-button {
  display: none;
}

/*# sourceMappingURL=styles.css.map*/