/* Colour scheme: https://paletton.com/#uid=73x0u0knthne4qUjqlEstcmA27x 
https://jacuzzihottubsofsepa.com/wp-content/uploads/2016/08/Water.jpg
*/

@import "vue_cloak.css";

:root {
  --bs-btn-bg2: #cccccc;
  --but-background-color: #b4ccd0;
  --but-border-color: #9eb3b6;

  --but-background-color-hover: #bfd8dc;
  --bs-btn-hover-bg: #bfd8dc;
  --but-border-color-hover: #b4ccd0;

  --alp-blue: #71add9;
  --menu-link: #f8fef9;
  --menu-link2: #c5def0;
}

h1,
h2,
h3 {
  color: #2a687f;
}

.btn {
  background-color: var(--but-background-color);
  border: 1px solid var(--but-border-color);
}

.btn:first-child:hover {
  background-color: var(--but-background-color-hover);
  border: 1px solid var(--but-border-color-hover);
}

.btn:first-child:focus-visible {
  background-color: var(--but-background-color-hover);
  border: 2px solid #86b7fe;
}

.btn-mini {
  font-size: 0.75em;
  padding: 0.1em 0.4em;
  border-radius: 0.3em;
}

.header-menu {
  background-color: #20608c;
  background-repeat: repeat-x;
  background-position: bottom;
  background-image: url("/Assets/images/bottom_wave.png");
}
.header-menu .navbar-brand {
  padding-bottom: 10px;
  color: #e6df13;
  font-weight: bold;
  text-transform: uppercase;
}

.header-menu a.nav-link {
  color: var(--menu-link);
}

.header-menu .logoutBtn {
  color: var(--menu-link2);
}

.header-menu .navbar-toggler {
  color: #e7f3ee;
  font-size: 1.25rem;
  font-weight: normal;
}
.main-content {
  background: #f3f9ff;
  min-height: 70vh;
  padding-top: 1rem;
}

.clickable {
  cursor: pointer;
}

.divToggle {
  border: 1px solid #8dacc1;
  background-color: #dae9f3;
  cursor: pointer;
  line-height: 1.25em;
  padding: 0.25em;
}

.divToggle a {
  text-decoration: none;
  color: #000000;
  display: block;
}

.toggleDetails {
  border: 1px solid #6faac2;
  border-top: none;
  padding: 0.5em;
}

#divLogin {
  min-height: 80vh;
}

/*** DISABLED / PLAIN TEXT CONTROLS ***/
.form-control-plaintext,
.form-select:disabled {
  font-size: 1em;
  font-weight: 500;
  line-height: 1.5em;
}

.form-control-plaintext:focus {
  border: none;
  box-shadow: none;
}

.form-select:disabled {
  background: none;
  border: none;
}

input[type="radio"]:disabled {
  display: none;
}

legend {
  font-size: 1.25em;
  color: var(--bs-gray);
}

.fldset_container {
  padding-left: 0.5em;
}

.col-form-label {
  line-height: 1.2rem;
}

/*** FOOTER ***/
.footer {
  /*border-top: 1px solid #cccccc;*/
  font-size: 0.75em;
  margin-top: 2rem;
  padding-top: 0.75em;
}