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

.navbar { background-color: #1e2bc7 !important; color: #d27edc !important; }
.navbar-brand { color: #d27edc !important; }
a.nav-link { color: #d27edc !important; }
a.nav-link:hover { color: #e2b1e9 !important; }

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: #1e2bc7 !important; }

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

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

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

.form-control { border-radius: 0; }
.form-control:hover { border-color: #1e2bc7; }
.form-control:focus { border-color: #1e2bc7; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(52, 73, 94, 1); } /* convert #1e2bc7 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: #1e2bc7;
  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: #1e2bc7;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(52, 73, 94, 1);
}

.custom-radio .custom-control-input:hover ~ .custom-control-label::before {
  border-color: #1e2bc7;
  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: #1e2bc7;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(52, 73, 94, 1);
}