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;
}



.mybg-blue {
    background-color: #007bff;
}
/* Bootstrap Primary Blue */
.mybg-green {
    background-color: #28a745;
}
/* Bootstrap Success Green */
.mybg-orange {
    background-color: #fd7e14;
}
/* Bootstrap Orange */
.mybg-purple {
    background-color: #6f42c1;
}
/* Bootstrap Purple */
.mybg-red {
    background-color: #dc3545;
}
/* Bootstrap Danger Red */
.mybg-teal {
    background-color: #20c997;
}
/* Bootstrap Teal */
.mybg-pink {
    background-color: #e83e8c;
}
/* Bootstrap Pink */
.mybg-yellow {
    background-color: #ffc107;
}
/* Bootstrap Yellow */
.mybg-cyan {
    background-color: #17a2b8;
}
/* Bootstrap Cyan */
.mybg-indigo {
    background-color: #6610f2;
}
/* Bootstrap Indigo */
.mybg-brown {
    background-color: #795548;
}
/* Material Brown */
.mybg-grey {
    background-color: #6c757d;
}
/* Bootstrap Secondary Grey */
.mybg-lightblue {
    background-color: #5bc0de;
}
/* Light Blue */
.mybg-gold {
    background-color: #ffd700;
}
/* Gold */
.mybg-darkgreen {
    background-color: #006400;
}