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;
}
.bg-light {
    background-color: #f8f9fa !important;
}

.anonymous-mode .form-control[readonly] {
    background-color: #e9ecef !important;
    border-color: #ced4da;
    color: #6c757d;
}

.form-control:disabled {
    background-color: #e9ecef !important;
    border-color: #ced4da;
    color: #6c757d;
    cursor: not-allowed;
}

.btn-secondary:disabled {
    opacity: 0.65;
}

.icon-login {
    height: 45px !important;
    background: #fff;
    margin-top: 3px;
}

.submit-progress {
    position: fixed;
    top: 50%;
    left: 50%;
    height: 6em;
    padding-top: 2.3em;
    /* The following rules are the
     ones most likely to change */
    width: 20em;
    /* Set 'margin-left' to a negative number
     that is 1/2 of 'width' */
    margin-left: -10em;
    padding-left: 2.1em;
    background-color: black;
    color: white;
    -webkit-border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    border-radius: 0.4em;
    box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -webkit-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
    -moz-box-shadow: 0.4em 0.4em rgba(0,0,0,0.6);
}

    .submit-progress i {
        margin-right: 0.5em;
    }