.btn-secondary {
  background-color: #555555 !important;; 
}        

.btn-secondary.active {
  background-color: #00cc00 !important;; 
}        

#id_honeypot {
    display: none;
}

input {
  max-width: -moz-available ;
  max-width: -webkit-available ;
}

div.container div.row {
  padding-bottom: 1em;
  padding-top: 1em;
  border-top: 1px solid #dee2e6;
}

a:hover {
  text-decoration-line: none;
}

.navbar-brand {
  font-size: 0.8em;
}

.text-gray,
a {
  color:#404759 !important;
}
.text-white {
  color: #f4f6f6 !important;
}
.row { 
  border: 1px solid Transparent !important; 
} 

.bg-white {
  background-color: #f4f6f6 !important;
}

.bg-gray-lighter {
  background-color: #e2e8f0;
}

.bg-gray {
  background-color: #bdbebe;
}

.footer-copyright {
  font-size:.7em;
}

@media all and (min-width: 300px) {
  .h1, h1 {
    font-size: 1.5em;
  }

  .h2, h2 {
    font-size: 1.25em;
  }

  .h3, h3 {
    font-size: 1.1em;
  }

}

@media all and (min-width: 323px) {
  .navbar-brand {
    font-size: 1em;
  }
}

 /* larger screens*/
@media all and (min-width: 365px) {
  .navbar-brand {
    font-size: 1.25em;
  }

  .table-header {
    font-size: 1.25em;
    font-weight: bold;
    text-align: center;
  }
}


.printed-exam .heading {
  margin-top: 2em;
  font-size: 1.5rem;
  margin-bottom: .5rem;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.2;
  color: inherit;
}

.printed-exam .question {
  padding-left: 4em;
}

.printed-exam .instruction {
  padding-left: 1em;
}

.printed-exam .proctor_instruction {
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

:dir(rtl) .form-check {
  padding-right: 1.25em;
}

:dir(rtl) .form-check-input {
  margin-right: -1.25em;
}


/* Vue related styling */
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}