/*
 * ----------------------------------------------------
 * B'n'b Verktyg - Utvecklat av Anders Johansson 2023
 *
 * /css/bnbtool.css
 * ----------------------------------------------------
 */

/* Inkluderar stilar för kalendern */
@import "property.css";

/* Globalt */
body {
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 65px;
    background-color: #ccc;
 }

@media (max-width: 979px) {
    body {
      padding-top: 50px;
    }
}

body {
    padding-top: 70px; /* Justera till din navbars höjd */
}

/* Ändra pekaren till en hand för att indikera att evenemanget är klickbart */
.event {
  cursor: pointer; 
}

/* Inloggningsstidan */
.properties-page .form-box {
    max-width: 480px;
 }

 /* Återställning av lösenord - formulär */
.properties-page .password-reset-form-box {
  max-width: 500px;
}

.col-form-label {
   font-weight: 400;
 }

 /* Lösenordvaliderare  */

.wrong .bi-check {
   display: none;
 }

.good .bi-x {
   display: none;
 }

.valid-feedback,
.invalid-feedback {
  margin-left: 1em;
  font-weight: bold;
  -webkit-text-stroke-width: 0.5px;
  -webkit-text-stroke-color: #fff;
 }

 /* Utseende för stängd period */

.event .closed-period {
  /*background-color: white !important; */
  color: #FFFFFF !important;
  padding: 3px 5px;
  background: #b0b0b0 !important;
} 

/* Storleken på QR-kod i Inställningar -> Fastigheter */
#qrCodeImage {
  width: 200px !important;
  height: 200px !important;
}

/* Avataren i menyraden. */
.avatar {
  width: 25px;
  height: 25px;
  border-radius: 50%;
  background-color: #007bff;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9em;
  font-weight: bold;
  margin-right: 10px;
}

/* consumables.php */
.badge-lg {
  font-size: 1.0rem; /* Gör texten större */
  padding: 0.3rem 0.8rem; /* Öka padding */
  border-radius: 0.75rem; /* Rundare hörn */
}

/* Gör varannan <li> i listan randig */
ul.list-striped > li:nth-child(odd) {
  background-color: #dadada; /* Bootstrap light */
}
ul.list-striped > li {
  padding: 0.5em 1em;
}

/* Checkboxen på utförda åtgärder */
.maintenance-checkbox {
  margin: 0.3em;
}