@charset "UTF-8";
html {
  font-size: 1.5rem;
}

.badge {
  width: -webkit-fill-available;
}
.badge .badge-title {
  display: flex;
  width: 100%;
  padding: 0 0 1rem;
  align-items: center;
  justify-content: space-between;
}
.badge .badge-title h5 {
  display: flex;
  justify-content: flex-start;
  color: dodgerblue;
}
@media (max-width: 576px) {
  .badge .badge-title {
    padding: 0 0 1rem;
  }
}
.badge .badge-icons .col-6 {
  margin-bottom: 1.5rem;
}
.badge .badge-icons .col-6 a {
  text-decoration: none;
}
.badge .badge-icons .col-6 .card {
  border: none;
}
.badge .badge-icons .col-6 .card:hover {
  background-color: ghostwhite;
}
.badge .badge-icons .col-6 .card img.card-img-top {
  width: 50%;
  margin: 0 auto;
}
.badge .badge-icons .col-6 .card .chart-container {
  position: relative;
  height: 40vh; /* 40% de la hauteur de la fenêtre */
  max-height: 160px; /* limite pour éviter trop grand */
  min-height: 100px; /* garde lisible sur petit écran */
  width: 100%;
}
@media (max-width: 576px) {
  .badge .badge-icons .col-6 .card .chart-container {
    height: 20vh; /* 40% de la hauteur de la fenêtre */
    max-height: 150px; /* limite pour éviter trop grand */
    min-height: 100px; /* garde lisible sur petit écran */
    width: 100%;
  }
}
.badge .badge-icons .col-6 .card .card-body .card-title {
  color: #555;
  font-weight: 100;
  font-size: 1em;
}
.badge .badge-icons .col-6 .card .card-body .card-text {
  color: #555;
  font-weight: 100;
  font-size: 2.5em;
}
@media (max-width: 576px) {
  .badge .badge-icons .col-6 .card .card-body {
    padding: 1rem 0;
  }
}

.intro {
  padding: 2rem 0rem;
}

.list {
  display: flex;
  flex-direction: column;
}
.list .line {
  display: flex;
  margin: 0;
}
.list .line .todo-list {
  display: flex;
  flex-direction: column;
}

.navbar {
  margin-right: -1rem;
  margin-left: -1rem;
  padding: 0 1rem;
}
.navbar .navbar-brand img {
  width: 2em;
}
.navbar .nav-item {
  text-align: right;
}
.navbar .nav-item .nav-link.active {
  border-bottom: solid 2px rgb(0, 0, 0.9);
}
.navbar .collapse {
  justify-content: flex-end;
}
.navbar .navbar-toggler {
  border: none;
}
.navbar .navbar-toggler .navbar-toggler-icon {
  width: 1em;
  height: 1em;
}

.container-fluid .content {
  padding: 0rem;
}
.container-fluid .content h1 {
  padding: 0;
}
.container-fluid .content .title {
  display: flex;
  justify-content: space-between;
}
.container-fluid .content .title h1 {
  padding: 0;
}
.container-fluid .content .title .link-icons {
  align-self: center;
  width: 6rem;
  justify-content: space-evenly;
  display: flex;
}
.container-fluid .content .now-info {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-start;
}
.container-fluid .content .now-info .element {
  padding-right: 0.5rem;
}
.container-fluid .content .now-info .sun {
  flex-wrap: wrap;
}
.container-fluid .content .now-info .sun, .container-fluid .content .now-info .date, .container-fluid .content .now-info .time, .container-fluid .content .now-info .elevation, .container-fluid .content .now-info .rise, .container-fluid .content .now-info .set, .container-fluid .content .now-info .light-count {
  display: flex;
}
.container-fluid .content .now-info .sun .bi, .container-fluid .content .now-info .date .bi, .container-fluid .content .now-info .time .bi, .container-fluid .content .now-info .elevation .bi, .container-fluid .content .now-info .rise .bi, .container-fluid .content .now-info .set .bi, .container-fluid .content .now-info .light-count .bi {
  margin-right: 1rem;
}
.container-fluid .content .now-info .sun .value, .container-fluid .content .now-info .date .value, .container-fluid .content .now-info .time .value, .container-fluid .content .now-info .elevation .value, .container-fluid .content .now-info .rise .value, .container-fluid .content .now-info .set .value, .container-fluid .content .now-info .light-count .value {
  color: #555;
  font-weight: 100;
  font-size: 1em;
}
.container-fluid .content .now-info .sun .rise, .container-fluid .content .now-info .sun .set, .container-fluid .content .now-info .date .rise, .container-fluid .content .now-info .date .set, .container-fluid .content .now-info .time .rise, .container-fluid .content .now-info .time .set, .container-fluid .content .now-info .elevation .rise, .container-fluid .content .now-info .elevation .set, .container-fluid .content .now-info .rise .rise, .container-fluid .content .now-info .rise .set, .container-fluid .content .now-info .set .rise, .container-fluid .content .now-info .set .set, .container-fluid .content .now-info .light-count .rise, .container-fluid .content .now-info .light-count .set {
  margin-right: 1rem;
}
.container-fluid .content .col a {
  text-decoration: none;
}
.container-fluid .content .col.lead {
  font-size: 1rem;
  margin-bottom: 1.5rem;
}
.container-fluid .content .chart-container {
  margin-bottom: 1rem;
}
.container-fluid .content .chart-container > div {
  background-color: rgba(239, 247, 220, 0.1);
  padding: 0.5rem;
  padding-bottom: 1rem;
  border-radius: 0.5rem;
}
.container-fluid .content .chart-container > div i {
  font-size: small;
  text-align: center;
}
.container-fluid .content .chart-container > div canvas {
  max-height: 250px !important;
  min-height: 250px !important;
}
.container-fluid .content .table-responsive .table .type-icon-small {
  width: 50px;
}

/*.charts {
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;

  .chart-container {
    position: relative;
    height: auto;
    margin: 1rem 0rem;
    float: left;

    /*.aDOY {
      padding: 1rem;
    }
  }
}*/
/*#countMeasuresPerDay,
#averageDayOnYearChart {
  max-height: 250px;
}*/
form .row h3 {
  color: dodgerblue;
  font-variant: all-petite-caps;
}
form button.btn.btn-primary {
  display: flex;
  justify-self: flex-end;
}

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