html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

th {
  padding-right: 0.5em;
}

td {
  padding-right: 0.2em;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

.btn-primary {
  color: #fff;
  background-color: #145799;
  border-color: #7290af;
  /* border-radius: 0.5em; */
  border-width: 0.1em;
  /* padding: 0.25rem 0.5rem; */
  /* margin: 0.005em; */
}

.btn-secondary {
  color: #fff;
  background-color: #5f8ac2;
  border-color: #a4c0e4;
  /* border-radius: 0.5em; */
  /* border-width: 0.1em; */
  /* padding: 0.25rem 0.5rem; */
  /* margin: 0.005em; */
}

.btn-selected {
  color: #fff;
  background-color: #145799;
  border-color: #000000;
  /* border-radius: 0.5em; */
  border-width: 0.2em;
  /* padding: 0.25rem 0.5rem; */
  /* margin: 0.005em; */
}
.btn-selected:hover {
    color: #fff;
    background-color: #5f7c99;
    transform: translateY(-2px);
}
.btn-selected:active {
    color: #fff;
    background-color: #145799;
    transform: translateY(0);
}
.btn-commons{
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #27a758;
  border-color: #1fc05d;
  /* border-radius: 0.5em; */
}
.btn-commons_selected{
  
  color: #fff;
  background-color: #187c3e;
  border-color: #000000;
  /* border-radius: 0.5em; */
  border-width: 0.2em;
}
.btn-commons_not_selected{
  color: #fff;
  background-color: #41d87b;
  border-color: #99f5bc;
  /* border-radius: 0.5em; */
}