/*// https://dev.to/coorasse/rails-7-bootstrap-5-and-importmaps-without-nodejs-4g8*/
/*// https://getbootstrap.com/docs/5.0/customize/css-variables/*/
/*// https://github.com/twbs/bootstrap-rubygem/blob/main/assets/stylesheets/bootstrap/_variables.scss*/

/*//$light: #EEF3F6 !default; // EEF3F6 e9ecef*/
/*//$font-size-base: 1.25rem !default; // Assumes the browser default, typically `16px`*/
/*//@import "bootstrap";*/

/*//@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");*/

/*//!* universal *!*/

body {
  min-height: 960px;
}

.main-container, .section-container {
  min-height: 860px;
}

.pagination {
  margin-top: 15px;
  margin-bottom: 15px;
}

.pagination span {
  margin-right: 7px;
}

#chat_messages {
  max-height: 304px;
  overflow-x: hidden;
  overflow-y: scroll;
}

#chat_messages > div {
  width: 95%;
  margin: 15px auto;
}

.alert{
  margin-bottom: 0;
}

.bg-image-mangrove {
  background-image: url("/assets/mangrove.jpg");
  background-size: cover;
  background-repeat: no-repeat;
}

.max-pane {
  max-height: 250px;
  overflow-y: scroll;
}

/*// summaries: refactor later*/

.summary-box a {
  color: black;
  text-decoration: none;
}

.summary-box:hover {
  background-color: lightgray;
  color: black;
}

.full-width {
  padding-left: 0;
  padding-right: 0;
}

.nav-pills .nav-link.active {
  background-color: gray;
  color: white !important;
}

.nav-pills .nav-link:hover {
  background-color: lightgray;
  color: white !important;
}

.password-field-icon-1 {
  position: absolute;
  top: 52%;
  right: 30px;
  transform: translateY(-76%);
  cursor: pointer;
}

/*.logo img {*/
/*  width: 50px;*/
/*  height: 50px;*/
/*  margin-right: 15px;*/
/*}*/

.resource {
  text-decoration: none; /* Remove underline */
  color: inherit; /* Inherit color from parent */
}

.resource:hover {
  text-decoration: none; /* Remove underline on hover */
  color: inherit; /* Inherit color from parent on hover */
  /*background-color: lightgray;*/
}

.nowrap {
  white-space: nowrap;
}

.overflow-y-scroll {
  max-height: 600px;
  overflow-y: auto;
}

.table-responsive tr {
  border-color: lightgrey;
}

.btn-close {
  font-size: 18px;
}

.bg-light {
  background-color: #f0f2f4 !important;
}