/**
* This file is part of the phpPICO framework
* © Copyright - All rights reserved 2025 by ALBA Industrial Services AB
* Created:2025-05-30 Updated: 2025-06-05
*/

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("css.pico.css");
@import url("css.pico.color.css");

nav {
  max-height: 2.25rem;
  margin-left: 1rem;
  margin-right: 1.25rem;
}

main {
  margin-left: 1rem;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

header {
  background-color: #f2f2f2;
  /* rgb(98, 110, 90); */
  border-bottom-color: #c8c8c8;
  border-bottom-style: groove;
  border-bottom-width: thin;
}

.header {
  height: 4.5rem;
  position: sticky;
  top: 0;
  z-index: 1000;
  padding: 1em 0;
}

footer {
  background-color: #f2f2f2;
  border-top-color: #c8c8c8;
  border-top-style: groove;
  border-top-width: thin;
}

.fs-1 {
  font-size: 2rem;
}

.fs-2 {
  font-size: 1.75rem;
}

.fs-3 {
  font-size: 1.5rem;
}

.fs-4 {
  font-size: 1.25rem;
}

.fs-5 {
  font-size: 1.125rem;
}

.fs-6 {
  font-size: 1rem;
}

small,
.small {
  font-size: 0.85rem;
}

.text-end {
  text-align: right;
}

.text-deco-none {
  text-decoration: none;
  color: inherit;
}

.bg-primary {
  background-color: rgb(49, 108, 244);
  color: rgb(255, 255, 255)
}

.bg-primary-subtle {
  background-color: rgb(211, 225, 252);
  color: rgb(000, 000, 000)
}

.color-primary {
  color: rgb(49, 108, 244);
}

.bg-secondary {
  background-color: rgb(89, 92, 94);
  color: rgb(255, 255, 255)
}

.bg-secondary-subtle {
  background-color: rgb(234, 236, 239);
  color: rgb(000, 000, 000)
}

.color-secondary {
  color: rgb(89, 92, 94);
}

.bg-success {
  background-color: rgb(64, 133, 88);
  color: rgb(255, 255, 255)
}

.bg-success-subtle {
  background-color: rgb(213, 230, 222);
  color: rgb(0, 0, 0)
}

.color-success {
  color: rgb(64, 133, 88);
}

.bg-info {
  background-color: rgb(93, 199, 236);
  color: rgb(000, 000, 000)
}

.bg-info-subtle {
  background-color: rgb(214, 243, 251);
  color: rgb(000, 000, 000)
}

.color-info {
  color: rgb(93, 199, 236);
}

.bg-warning {
  background-color: rgb(245, 195, 68);
  color: rgb(000, 000, 000)
}

.bg-warning-subtle {
  background-color: rgb(251, 241, 208);
  color: rgb(000, 000, 000)
}

.color-warning {
  color: rgb(245, 195, 68);
}

.bg-danger {
  background-color: rgb(203, 68, 74);
  color: rgb(000, 000, 000)
}

.bg-danger-subtle {
  background-color: rgb(238, 212, 214);
  color: rgb(000, 000, 000)
}

.color-danger {
  color: rgb(203, 68, 74);
}

.mt-05 {
  margin-top: 0.51rem;
}

.mt-1 {
  margin-top: 1.25rem;
}

.mt-2 {
  margin-top: 2rem;
}

.mt-3 {
  margin-top: 3rem;
}

.pl-1 {
  padding-left: 1rem;
}

.pr-1 {
  padding-right: 1rem;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.bottom-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
}