html {
  position: relative;
  min-height: 100%; }

[data-bs-theme-value].active {
  border: 1px solid #ccc; }

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 120px;
  text-align: center;
  font-size: .85rem;
  padding: .5rem; }

.footer a {
  text-decoration: none; }

.dropdown-divider {
  margin: .1rem 0;
  border-top: 1px solid #abc; }

/*
.btn-primary {
    color: #fff;
    background-color: $txt-a-color;
    border-color: darken($txt-a-color, 10%);
}

.btn-primary:hover {
    color: #fff;
    background-color: lighten($txt-a-color, 5%);
    border-color: darken($txt-a-color, 10%);
}

nav.navbar .dropdown-menu {
	background-color: $bg-dropdown;
	& .dropdown-item:hover { background-color: $bg-nav;color:white}
} 

.bg-nav {
	background-color:$bg-nav;
}

.navbar-dark .navbar-nav .nav-link {
	    color: $bg-body;
	&:hover {
		color: white;
	}
}
*/
body > .bodycontainer {
  margin-top: 80px;
  margin-bottom: 136px; }

body > .bodycontainer.frontpage {
  margin-top: 60px;
  margin-bottom: 136px; }

.btn-group-xs > .btn, .btn-xs {
  padding: 1px .3rem;
  line-height: 1.5;
  border-radius: .2rem;
  font-size: .85rem; }

img.three-up-banners {
  width: 30%;
  max-width: 220px;
  min-width: 200px;
  margin: 3px; }

label.float-label {
  position: relative; }

label.float-label span {
  position: absolute;
  top: -10px;
  left: 10px;
  background-color: white;
  font-size: 80%;
  color: #777; }

.color-spinner-6 {
  display: none;
  position: fixed;
  z-index: 500;
  border-radius: 50%;
  border-top: 32px solid orange;
  border-right: 32px solid blue;
  border-bottom: 32px solid red;
  border-left: 32px solid green;
  width: 120px;
  height: 120px;
  left: 45%;
  top: 20%;
  -webkit-animation: color-spinner-key 1s linear infinite;
  animation: color-spinner-key 1s linear infinite; }

@-webkit-keyframes color-spinner-key {
  0% {
    -webkit-transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg); } }
@keyframes color-spinner-key {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }
.New {
  font-size: max(50%, 11px);
  border: 1px dashed red;
  border-radius: 50%;
  padding: .2em 0.3em;
  background-color: #ff0;
  color: red; }
