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

body {
  margin-bottom: 60px;
}

@media
  only screen
  and (max-width: 767px)
{
  body {
    margin-bottom: 100px; 
  }
}

.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

a.cardanchor:link {
  color:#000;
  text-decoration:none;
  background-color:transparent;
}
a.cardanchor:hover {
  color:#000;
  text-decoration:none;
  background-color:transparent;
}
a.cardanchor:active {
  color:#000;
  text-decoration:none;
  background-color:transparent;
}
a.cardanchor:visited {
  color:#000;
  text-decoration:none;
  background-color:transparent;
}

.reddot {
  z-index:6;
  border-radius: 5px;
  background: #f00;
  position:relative;
  width: 10px;
  height: 10px;
}


.btn-light {
  border-radius:10px;
  border-width:3px;
  border-color: #999999;
  color:#000000;
}

.btn-light:hover {
  border-width:3px;
  border-color: #ffffff;
}

.btn-primary {
  border-radius:10px;
  border-width:3px;
  background-color: #1c64bc;
  border-color: #999999;
  color:#ffffff;
}

.btn-primary:hover {
  background-color: #2684fc;
  border-width:3px;
  border-color: #ffffff;
}

.btn-secondary {
  border-radius:10px;
  border-width:2px;
}

.btn-secondary:hover {
  border-color: #000000;
}

.btn-success {
  border-radius:10px;
  border-width:2px;
}

.btn-success:hover {
  border-color: #000000;
}

.ba-padding {
  padding-top:2px;
  padding-bottom:1px;
}