.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.green { color: green; }
.orange { color: orange; }
.red { color: red; }
.monospace { font-family: 'Courier New',monospace; }

img.nav-logo { height: 50px; }
div.centerbox { max-width: 100%; width: 800px; text-align: left; padding: 10px; }
div.centerbox-sm { max-width: 100%; width: 640px; text-align: left; padding: 10px; }
div.centerbox-full { max-width: 95%; padding: 10px; }
div.alert { max-width: 100%; width: 640px; margin-top: 20px; text-align: center; border-radius: 0; }
div.progress-bar-success { background-color: #1e73be !important; }

h2 { text-align: center; margin-top: 20px; margin-bottom: 30px; color: #1e73be; }
h3 { text-align: center; margin-top: 20px; margin-bottom: 20px; color: #1e73be; }

a, .btn.btn-link, .fileinput-button { color: #1e73be; }
a:hover, .btn.btn-link:hover, .fileinput-button:hover { color: #1e73be; }
.btn.btn-light { border-radius: 0; border-color: #1e73be; }
.btn.btn-light:hover { box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(30, 115, 190, 1); } /* convert #1e73be to rgba */

textarea.form-control { font-family: 'Courier New',monospace; font-size: 14px; }

.form-control { border-radius: 0; }
.form-control:hover { border-color: #1e73be; }
.form-control:focus { border-color: #1e73be; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(30, 115, 190, 1); } /* convert #1e73be to rgba */

.custom-checkbox .custom-control-input ~ .custom-control-label::before {
  border-radius: 0;
}
.custom-checkbox .custom-control-input:hover ~ .custom-control-label::before {
  border-color: #1e73be;
  background-color: white;
} 
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
  border-color: grey;
  background-color: grey;
}
.custom-checkbox .custom-control-input:disabled ~ .custom-control-label::after {
  border-color: grey;
  background-color: lightgrey;
}
.custom-checkbox .custom-control-input:focus ~ .custom-control-label::before {
  border-color: #1e73be;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(30, 115, 190, 1);
}

.custom-radio .custom-control-input:hover ~ .custom-control-label::before {
  border-color: #1e73be;
  background-color: white;
}
.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
  border-color: grey;
  background-color: grey;
}
.custom-radio .custom-control-input:disabled ~ .custom-control-label::after {
  border-color: grey;
  background-color: grey;
}
.custom-radio .custom-control-input:focus~ .custom-control-label::before {
  border-color: #1e73be;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(30, 115, 190, 1);
}