BODY {
  font-family: Times New Roman,arial;
  color: #666;
  font-size: 14px;
  line-height: 140%;
  text-align: center;
}
a{ color: #666; text-decoration: none; }
.bg-global{ background: #011e6c; }
.text-selected{ color: #ec8521 !important; font-weight: bold; }

@media (max-width: 576px) {
  .logo{ width: 150px; }
  .nav{ display: none; }
}

.path_bar{ height: 60px; line-height: 60px; background: #f3f3f3; text-align: center; }

.title0{ font-size: 18px !important; color: #011e6c !important; padding: 0 0.5em !important; margin: 0 0 1em; text-align: left; }
.title1{ font-size: 18px !important; color: #011e6c !important; padding: 0 0.5em !important; border-left: #aacaea 5px solid; margin: 0 0 1em; text-align: left; }
.title2{ font-size: 20px; color: #011e6c; padding-bottom: 0.5em; border-bottom: #aacaea 5px solid;}

#pagetitle p.title {
  color: #003eaa;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  font-family: arial;
  line-height: 150%;
  padding: 1rem 0 0 0;
}
p.subtitle{
  color: #ec8521;
  font-size: 1.5em;
  text-align: left;
  padding: 1rem 0 1rem 1rem;
  border-left: #ec8521 5px solid;
}
.bg-left {
  background: #edf1fd;
  padding-top: 2em;
  padding-bottom: 2em;
}
#orderbox .bg-right {
  background: #aacaea;
}
#orderbox .order_title {
  border-bottom: 1px #e5e5e5 solid;
  padding: 25px 25px 20px 25px;
  line-height: 20px;
  font-size: 18px;
  text-align: center;
  letter-spacing: 1px;
  margin-bottom: 20px;
  overflow: hidden;
}
.form-row > * {
  margin-top: 2em;
}
.form-row, .form-group {
  margin: 0 1em 0em 1em;
}
.form-row .input-group{
  margin: 0 0 1em 0;
}

.form-row label {
  width: 100%;
  display: inline-block;
  padding: 0;
  margin-bottom: .5rem;
  text-align: right;
  font-size: 16px;
  /*color: #011e6c;*/
}
.form-row i, .form-group i {
  color: red;
  margin-right: 0.5em;
}
.form-row .input-group-text{
  width: 10rem;
}
.form-row .input-group-text img {
  width: 1.5em;
  height: 1.5em;
}
.form-check .form-check-label{ text-align: left; }
#orderbox th{ text-align: center; }
#orderbox td{ width: 7%; word-wrap: break-word; }

#orderbox table td input.form-control{ min-width: 3rem !important; }

.btn-positive {
  background: #1d81e5 !important;
  color: #fff !important;
}
.btn-negative {
  background: #eee !important;
  color: #666 !important;
}
.btn-util{
  color: #212529 !important; background: #e9ecef !important; border: 1px solid #ced4da;
}
.btn-block {
  display: block;
  width: 100%;
  margin: 2rem auto 0;
}

#orderlist .input-group-text{ width: 8rem; }
.tblmemberflow{ margin-top: 1rem; }
.tblmemberflow th{ background: #555; color: #fff; }
.tblmemberflow th,.tblmemberflow td{ font-size: 1rem; line-height: 200%; border-left-width: 1px;}
.tblmemberflow th:first-child,.tblmemberflow td:first-child{ border-left: none; }

#prescription .table{ margin-bottom: 0; }
#prescription .col{ line-height: 200%; border: #aaa 1px solid; }
#prescription thead td,#prescription .bold{ font-weight: bold; text-align: center; }
#prescription td{ text-align: left; }
#prescription .td_presc td{ text-align: center; }


.b-example-divider {
  height: 3rem;
  background-color: rgba(0, 0, 0, .1);
  border: solid rgba(0, 0, 0, .15);
  border-width: 1px 0;
  box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.form-control-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-gray);
}
.form-control-dark:focus {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: #fff;
  box-shadow: 0 0 0 .25rem rgba(255, 255, 255, .25);
}

.bi {
  vertical-align: -.125em;
  fill: currentColor;
}

.text-small {
  font-size: 85%;
}

.dropdown-toggle {
  outline: 0;
}

#ftbody .form-check-input{ margin-top: 0!important; vertical-align: middle !important; }