/*!
 * bs3-compat.css - the ONE compatibility stylesheet (#14282, FR-009 / FR-009a / FR-009b / FR-025).
 *
 * GENERATED - do not hand-edit. Regenerate with:
 *   node specs/015-myclearbalance-bootstrap5/tools/build-bs3-compat.js
 *
 * Reproduces the Bootstrap 3 vocabulary that Bootstrap 5 removed, taken verbatim from the
 * stylesheet this portal actually serves today - Bootswatch v3.2.0, Content/bootstrap/bootstrap.css
 * - so the shim matches what patients see rather than what vanilla Bootstrap 3 looked like.
 *
 * 604 rules: the Shim dispositions in contracts/class-mapping.md; Bootswatch's element-level
 * base (normalize, typography, forms, tables, print), because Bootstrap 5's Reboot restyles those
 * tags and the application restates only some of them; and the families whose names survive in
 * Bootstrap 5 with different geometry (table, btn, alert, breadcrumb, small, text-muted). The
 * CURATED block at the end holds the grid corrections and the Reboot resets - the only rules here
 * that are not Bootswatch's own.
 *
 * LOAD POSITION IS LOAD-BEARING: inside "~/Content/bt", AFTER Bootstrap 5 and BEFORE
 * "~/Content/css" and "~/Content/rebrand". Most shimmed class names do not exist in Bootstrap 5
 * at all, but .form-control, .container-fluid, .table, .btn, .alert, .breadcrumb, .small and
 * .text-muted do, as does every element rule, and this file must win those. Load it any later
 * and it also outranks the application's own stylesheets and the 2025 rebrand, which silently
 * stop winning.
 */

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #4582ec;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #134fb8;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
hr {
  margin-top: 22px;
  margin-bottom: 22px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #b3b3b3;
}
h1,
h2,
h3 {
  margin-top: 22px;
  margin-bottom: 11px;
}
h1 small,
h2 small,
h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
h5,
h6 {
  margin-top: 11px;
  margin-bottom: 11px;
}
h4 small,
h5 small,
h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1 {
  font-size: 41px;
}
h2 {
  font-size: 34px;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 20px;
}
h5 {
  font-size: 16px;
}
h6 {
  font-size: 14px;
}
p {
  margin: 0 0 11px;
}
small,
.small {
  font-size: 87%;
}
cite {
  font-style: normal;
}
mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-muted {
  color: #b3b3b3;
}
.page-header {
  padding-bottom: 10px;
  margin: 44px 0 22px;
  border-bottom: 1px solid #dddddd;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 11px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
dl {
  margin-top: 0;
  margin-bottom: 22px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #b3b3b3;
}
blockquote {
  padding: 11px 22px;
  margin: 0 0 22px;
  font-size: 20px;
  border-left: 5px solid #4582ec;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #333333;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 22px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  box-shadow: none;
}
pre {
  display: block;
  padding: 10.5px;
  margin: 0 0 11px;
  font-size: 15px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
table {
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 22px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #dddddd;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 16.5px;
    overflow-y: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd;
    -webkit-overflow-scrolling: touch;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 22px;
  font-size: 24px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 9px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333333;
}
.form-control {
  display: block;
  width: 100%;
  height: 40px;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  color: #333333;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #b3b3b3;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #b3b3b3;
}
.form-control::-webkit-input-placeholder {
  color: #b3b3b3;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 40px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 33px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 57px;
}
.form-group {
  margin-bottom: 4px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  min-height: 22px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 9px;
  padding-bottom: 9px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm,
.form-horizontal .form-group-sm .form-control {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 33px;
  line-height: 33px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg,
.form-horizontal .form-group-lg .form-control {
  height: 57px;
  padding: 14px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 57px;
  line-height: 57px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 50px;
}
.form-control-feedback {
  position: absolute;
  top: 27px;
  right: 0;
  z-index: 2;
  display: block;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
}
.input-lg + .form-control-feedback {
  width: 57px;
  height: 57px;
  line-height: 57px;
}
.input-sm + .form-control-feedback {
  width: 33px;
  height: 33px;
  line-height: 33px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3fad46;
}
.has-success .form-control {
  border-color: #3fad46;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #318837;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81d186;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #81d186;
}
.has-success .input-group-addon {
  color: #3fad46;
  border-color: #3fad46;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3fad46;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #f0ad4e;
}
.has-warning .form-control {
  border-color: #f0ad4e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #ec971f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f8d9ac;
}
.has-warning .input-group-addon {
  color: #f0ad4e;
  border-color: #f0ad4e;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #f0ad4e;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #d9534f;
}
.has-error .form-control {
  border-color: #d9534f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #c9302c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #eba5a3;
}
.has-error .input-group-addon {
  color: #d9534f;
  border-color: #d9534f;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #d9534f;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 9px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 31px;
}
.form-horizontal .form-group {
  margin-left: -15px;
  margin-right: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 9px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 19.62px;
  }
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 8px 12px;
  font-size: 16px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #dddddd;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #bebebe;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #ffffff;
  border-color: #dddddd;
}
.btn-default .badge {
  color: #ffffff;
  background-color: #333333;
}
.btn-primary {
  color: #ffffff;
  background-color: #4582ec;
  border-color: #4582ec;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #1863e6;
  border-color: #175fdd;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #4582ec;
  border-color: #4582ec;
}
.btn-primary .badge {
  color: #4582ec;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #3fad46;
  border-color: #3fad46;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #318837;
  border-color: #2f8034;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #3fad46;
  border-color: #3fad46;
}
.btn-success .badge {
  color: #3fad46;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #2aabd2;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #5bc0de;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #eb9316;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #c12e2a;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d9534f;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #4582ec;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #134fb8;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #b3b3b3;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 14px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: 0;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn {
  margin-left: -1px;
}
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified > .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  position: absolute;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 57px;
  padding: 14px 16px;
  font-size: 20px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 57px;
  line-height: 57px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  padding: 5px 10px;
  font-size: 14px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 33px;
  line-height: 33px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 8px 12px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1;
  color: #333333;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #dddddd;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 14px 16px;
  font-size: 20px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #b3b3b3;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #b3b3b3;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #4582ec;
}
.nav .nav-divider {
  height: 1px;
  margin: 10px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #4582ec;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 52px;
  margin-bottom: 22px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 15px;
  padding-left: 15px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
@media (min-width: 768px) {
  .navbar-fixed-top {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-brand {
  float: left;
  padding: 21.5px 15px;
  font-size: 20px;
  line-height: 22px;
  height: 52px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 15px;
  padding: 9px 10px;
  margin-top: 15.5px;
  margin-bottom: 15.5px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 10.75px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 22px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 21.5px;
    padding-bottom: 21.5px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn.btn-sm {
  margin-top: 16px;
  margin-bottom: 16px;
}
.navbar-btn.btn-xs {
  margin-top: 21.5px;
  margin-bottom: 21.5px;
}
@media (min-width: 768px) {
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default .navbar-brand {
  color: #4582ec;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #4582ec;
  background-color: transparent;
}
.navbar-default .navbar-nav > li > a {
  color: #4582ec;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #4582ec;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #4582ec;
  background-color: transparent;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-default .navbar-collapse {
  border-color: #dddddd;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #4582ec;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #4582ec;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #4582ec;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #4582ec;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #333333;
    background-color: transparent;
  }
}
.navbar-default .btn-link {
  color: #4582ec;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #4582ec;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-inverse .navbar-brand {
  color: #333333;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > li > a {
  color: #333333;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #dddddd;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #cccccc;
}
.navbar-inverse .navbar-collapse {
  border-color: #ededed;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: transparent;
  color: #333333;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #dddddd;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #dddddd;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #333333;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-inverse .btn-link {
  color: #333333;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #333333;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #cccccc;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 22px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #cccccc;
}
.breadcrumb > .active {
  color: #b3b3b3;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #ffffff;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #e6e6e6;
}
.label-primary {
  background-color: #4582ec;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #1863e6;
}
.label-success {
  background-color: #3fad46;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #318837;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
.nav-pills > .active > a > .badge {
  color: #4582ec;
  background-color: #ffffff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .container .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
}
.alert {
  padding: 15px;
  margin-bottom: 22px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #3fad46;
  border-color: #3fad46;
  color: #ffffff;
}
.alert-success hr {
  border-top-color: #389a3e;
}
.alert-success .alert-link {
  color: #e6e6e6;
}
.alert-info {
  background-color: #5bc0de;
  border-color: #5bc0de;
  color: #ffffff;
}
.alert-info hr {
  border-top-color: #46b8da;
}
.alert-info .alert-link {
  color: #e6e6e6;
}
.alert-warning {
  background-color: #f0ad4e;
  border-color: #f0ad4e;
  color: #ffffff;
}
.alert-warning hr {
  border-top-color: #eea236;
}
.alert-warning .alert-link {
  color: #e6e6e6;
}
.alert-danger {
  background-color: #d9534f;
  border-color: #d9534f;
  color: #ffffff;
}
.alert-danger hr {
  border-top-color: #d43f3a;
}
.alert-danger .alert-link {
  color: #e6e6e6;
}
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.panel {
  margin-bottom: 22px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 18px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #ffffff;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #dddddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 22px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f5f5f5;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: transparent;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #4582ec;
  border-color: transparent;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-primary > .panel-heading .badge {
  color: #4582ec;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-success {
  border-color: transparent;
}
.panel-success > .panel-heading {
  color: #3fad46;
  background-color: #3fad46;
  border-color: transparent;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-success > .panel-heading .badge {
  color: #3fad46;
  background-color: #3fad46;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-info {
  border-color: transparent;
}
.panel-info > .panel-heading {
  color: #5bc0de;
  background-color: #5bc0de;
  border-color: transparent;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-info > .panel-heading .badge {
  color: #5bc0de;
  background-color: #5bc0de;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-warning {
  border-color: transparent;
}
.panel-warning > .panel-heading {
  color: #f0ad4e;
  background-color: #f0ad4e;
  border-color: transparent;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-warning > .panel-heading .badge {
  color: #f0ad4e;
  background-color: #f0ad4e;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.panel-danger {
  border-color: transparent;
}
.panel-danger > .panel-heading {
  color: #d9534f;
  background-color: #d9534f;
  border-color: transparent;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: transparent;
}
.panel-danger > .panel-heading .badge {
  color: #d9534f;
  background-color: #d9534f;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: transparent;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f7f7f7;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  color: #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.carousel-caption .btn {
  text-shadow: none;
}
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.panel-body:before,
.panel-body:after {
  content: " ";
  display: table;
}
.container:after,
.container-fluid:after,
.form-horizontal .form-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.panel-body:after {
  clear: both;
}
.navbar {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.navbar-nav {
  margin-left: 0;
  margin-right: 0;
}
.navbar-nav > li > a {
  padding: 8px 12px;
  margin: 12px 6px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-nav > li > a:hover {
  border: 1px solid #ddd;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover {
  border: 1px solid #ddd;
}
.navbar-default .navbar-nav > .active > a:hover {
  color: #4582ec;
}
.navbar-inverse .navbar-nav > .active > a:hover {
  color: #333333;
}
.navbar-brand {
  padding-top: 20px;
}
@media (max-width: 768px) {
  .navbar .navbar-nav > li > a {
    margin: 0;
  }
}
.btn {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
legend {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.input-group-addon {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  border: 1px solid #ddd;
}
.close {
  color: #fff;
  text-decoration: none;
  text-shadow: none;
  opacity: 0.4;
}
.close:hover,
.close:focus {
  color: #fff;
  opacity: 1;
}
.alert .alert-link {
  color: #ffffff;
  text-decoration: underline;
}
.label {
  font-family: "Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
}
.label-default {
  border: 1px solid #ddd;
  color: #333333;
}
.panel {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.panel-default .close {
  color: #333333;
}
.panel-primary .panel-heading,
.panel-success .panel-heading,
.panel-warning .panel-heading,
.panel-danger .panel-heading,
.panel-info .panel-heading {
  color: #fff;
}
.panel-primary .panel-body,
.panel-success .panel-body,
.panel-warning .panel-body,
.panel-danger .panel-body,
.panel-info .panel-body {
  border: 1px solid #ddd;
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
}
.modal .close {
  color: #333333;
}

/* ---------------------------------------------------------------------------
 * CURATED - not reproduced from Bootswatch, added by this feature.
 * ------------------------------------------------------------------------- */

/* Bootstrap 5 removed the .panel family entirely, so nothing resets the margin its
   .panel-group children rely on. Bootswatch sets it on .panel via .panel-group > .panel,
   which the generated rules above reproduce; this only guards the accordion case where a
   .panel-collapse is driven by Bootstrap 5's Collapse plugin, which toggles .show rather
   than Bootstrap 3's .in. Without this, a panel opened by Bootstrap 5 stays visually closed. */
.panel-collapse.collapse.show {
  display: block;
  height: auto;
}

/* Bootstrap 3 marked the open state with .in; Bootstrap 5 uses .show. Markup still carrying
   .in is honoured so a half-migrated accordion does not render as permanently closed.
   Retire this with the .in -> .show rewrite (DELTA_CATALOG.md D-066). */
.panel-collapse.collapse.in {
  display: block;
  height: auto;
}

/* ---------------------------------------------------------------------------
 * GRID (DELTA_CATALOG.md D-012 and D-017; measured by the pilot, T051, 2026-09-18).
 * Bootstrap 5 keeps .row and .col-* by name and changes their geometry. The flex grid stays; these
 * rules put the numbers back to Bootstrap 3's.
 * ------------------------------------------------------------------------- */

/* Bootstrap 3's gutter was 30px, 15px a side. Bootstrap 5 sets --bs-gutter-x: 1.5rem (24px) on
   :root, on .row and on every .container*, and derives the row's negative margins, every
   .row > * child's padding and the containers' padding from it. One variable, set everywhere
   Bootstrap 5 sets it, so nothing is left reading the old value. */
:root,
.row,
.container,
.container-fluid,
.container-sm,
.container-md,
.container-lg,
.container-xl,
.container-xxl {
  --bs-gutter-x: 30px;
}

/* Bootstrap 3 put the 15px padding on the COLUMN class, so a column carried it wherever it sat.
   Bootstrap 5 puts it on .row > *, so a column outside a row has none: Views/About/Faq.cshtml's
   .col-12.col-md-6 inside a .d-row, or an element that is both .row and .col-12 (three pilot
   views). Inside a row this is the value .row > * already gives, so it changes nothing there. The
   selector is anchored to a class TOKEN beginning "col-" so that a name merely containing it
   (.dashicons-table-col-after) is left alone. */
[class^="col-"],
[class*=" col-"] {
  --bs-gutter-x: 30px;        /* a column's gutter is Bootstrap 3's 30px wherever it sits. The rule below zeroes
                                 the variable on a NON-column row child, and a custom property inherits: a column
                                 nested inside such a child (ManageAutoPay: .row > .form-group > .col-md-1)
                                 computed 0 padding and its float:right button sat 15px too far right. */
  position: relative;
  min-height: 1px;
  padding-left: calc(var(--bs-gutter-x) * .5);
  padding-right: calc(var(--bs-gutter-x) * .5);
}
/* ...and Bootstrap 3 gave every column position: relative and min-height: 1px as well. The 1px is
   visible: an EMPTY column - Payments/EditPendingPayment keeps two as placeholders for validation
   messages - was 1px tall, and each one lost pushed everything below it up by a pixel. The
   position matters to any absolutely positioned child, such as .form-control-feedback icons. */

/* NOT restored: float: left. Bootstrap 3 floated every column at its tier, and the markup relies on
   it wherever columns sit outside a .row (User/MFA.cshtml:206, Payments/EditPendingPayment.cshtml:300).
   It was tried here, generically, and it cannot be: a Bootstrap 5 .row is a flex container, which is
   a block formatting context, and a BFC placed after a float SHRINKS TO FIT BESIDE it instead of
   flowing under it the way a Bootstrap 3 block row did. On Document/Terms the row after the floated
   links block collapsed to 30px and the terms text wrapped one letter per line. Columns outside a
   row are per-site work: wrap them in a .row, or use offset-*. See PLAYBOOK.md finding 12. */

/* Bootstrap 3 gave a NON-column child of a row nothing at all; Bootstrap 5's .row > * gives it the
   gutter padding (156 such children in 55 views - tools/find-row-children.js). Zeroing the variable
   on the child removes that padding without touching any padding the child declares for itself:
   .well, .alert and .breadcrumb keep theirs. A padding declaration here could not do that - at
   this specificity it would beat every one of them. Rows are excluded because a nested row's own
   children still need the gutter, containers because they carry their own. */
.row > :not([class^="col-"]):not([class*=" col-"]):not(.row):not([class*="container"]) {
  --bs-gutter-x: 0;
}

/* A nested row in Bootstrap 3 was an ordinary block: its -15px margins widened it by the gutter
   and it had no padding of its own. Bootstrap 5's .row > * pins it to width:100% and pads it, so
   it ends up 30px narrower with its columns 15px inboard of where they were (D-012 names the
   CreditOffer/Verify roadmap; the pilot measured it on Document/EStatementsTerms). */
.row > .row:not([class^="col-"]):not([class*=" col-"]) {
  flex: 1 1 100%;             /* Bootstrap 3 widened a nested row through its -15px margins alone (width: auto).
                                 Expressed as flex-grow the widening stays margin-driven: the item's basis is the
                                 parent's width, the negative margins leave 30px free on the line and grow claims
                                 it. An application rule that zeroes row margins (high_contrast_current.css:170,
                                 .row { margin: 0 !important }) then leaves no free space and the row fits its
                                 parent, as it did. A fixed calc(100% + gutter) width overflowed 30px to the right
                                 in high-contrast mode on every _LayoutPortal page (measured on payments-index). */
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}

/* Bootstrap 3 markup often puts a class-less wrapper between a row and its columns -
   <div class="row"><div class=""><div class="col-sm-7">. That cost nothing under Bootstrap 3,
   because columns were floated and laid out correctly wherever they sat. Bootstrap 5 lays columns
   out as flex items of a row, so inside a plain wrapper they are block-level and stack: on
   CreditOffer/Confirmation the Card Type panel dropped below Card Number, and the expiration
   selects and CVV each took a line of their own. Making the wrapper a flex container puts its
   columns back on one line at exactly the widths their classes ask for; the gutter variable is
   already zeroed on it by the rule above, so no margins are added and the geometry matches
   Bootstrap 3 box for box (measured on both instances, T113).
   Scoped to an EMPTY class attribute on purpose. Every one of the 19 such wrappers in the app
   holds columns and nothing else; a <div> with no class attribute at all is a different and much
   more common thing, and is deliberately not touched. */
.row > div[class=""] {
  display: flex;
  flex-wrap: wrap;
}

/* Inside a Kendo widget everything is content-box: kendo.common.min.css writes .k-widget * { box-sizing:
   content-box }, and a Kendo Window is a .k-widget, so markup a window loads WITHOUT an iframe is content-box on
   both instances. Harmless under Bootstrap 3, which gave .container-fluid no width and an untiered column none
   either - both were auto-width blocks that fit their parent. Bootstrap 5 gives both width: 100%, which under
   content-box is 100% PLUS the padding, so each level overflowed by 30px (T050): Edit Pending Payment's payment
   confirmation (an iframe:false window holding _LayoutPlain's wrapper and a .container-fluid) ran 60px past the
   window's right edge and cut its text off, and User/Register's sample statement did the same at phone width.
   Restored only where Bootstrap 3 set NO width: .container-fluid always, a non-column row child always, and a
   column only while none of its tiers is active. Where a tier is active Bootstrap 3's width: N% was content-box
   as well and overflowed identically, so that is left exactly as it is (measured: Register's sample at 820 and
   1366px, 30px on both instances). */
.k-widget .container-fluid {
  width: auto;
}
.k-widget .row > :not([class^="col-"]):not([class*=" col-"]):not(.col) {
  box-sizing: border-box;
}
@media (max-width: 575.98px) {
  .k-widget .row > :is([class*="col-sm-"], [class*="col-md-"], [class*="col-lg-"], [class*="col-xl-"], [class*="col-xxl-"]):not(.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto) {
    box-sizing: border-box;
  }
}
@media (max-width: 767.98px) {
  .k-widget .row > :is([class*="col-md-"], [class*="col-lg-"], [class*="col-xl-"], [class*="col-xxl-"]):not(.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto):not([class*="col-sm-"]) {
    box-sizing: border-box;
  }
}
@media (max-width: 991.98px) {
  .k-widget .row > :is([class*="col-lg-"], [class*="col-xl-"], [class*="col-xxl-"]):not(.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto):not([class*="col-sm-"]):not([class*="col-md-"]) {
    box-sizing: border-box;
  }
}
@media (max-width: 1199.98px) {
  .k-widget .row > :is([class*="col-xl-"], [class*="col-xxl-"]):not(.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto):not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]) {
    box-sizing: border-box;
  }
}
@media (max-width: 1399.98px) {
  .k-widget .row > [class*="col-xxl-"]:not(.col, .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-auto):not([class*="col-sm-"]):not([class*="col-md-"]):not([class*="col-lg-"]):not([class*="col-xl-"]) {
    box-sizing: border-box;
  }
}

/* A floated Bootstrap 3 label was as tall as its own content. As a flex item of a .form-group.row it
   stretches to the tallest sibling, and the application's .control-label is display:flex with centred
   items, so the label text slides to the middle of a row whose control column is taller (Payments/Make:
   "Due Date" 17px and "Payment Amount" 46px lower beside a three-line note and a radio list; visible
   only once the account had a wallet, so the pilot never saw it). Pinning the label to the start of the
   cross axis restores the float's height; a row whose label is already the tallest item is unchanged. */
.form-group.row > .control-label,
.form-horizontal .row > label[class*="col-"] {
  align-self: flex-start;
}

/* .row > * also sets margin-top: var(--bs-gutter-y), which is 0, on every child - erasing the top
   margin Bootstrap 3 gave a heading or an hr placed directly in a row. Views/Document/Terms.cshtml's
   "Please scroll down" h6 sat 11px lower under Bootstrap 3 than Bootstrap 5 puts it. */
.row > h1,
.row > h2,
.row > h3,
.row > hr {
  margin-top: 22px;
}
.row > h4,
.row > h5,
.row > h6 {
  margin-top: 11px;
}

/* ---------------------------------------------------------------------------
 * REBOOT RESETS - declarations Bootstrap 5 adds to elements Bootstrap 3 never set, so the
 * reproduced Bootswatch rules above have nothing to override them with. Each one was measured on
 * a live page by the pilot's element matrix (T051, 2026-09-18).
 * ------------------------------------------------------------------------- */
hr {
  opacity: 1;                 /* Bootstrap 5: .25 */
}
legend {
  float: none;                /* Bootstrap 5: left */
}
dd {
  margin-bottom: 0;           /* Bootstrap 5: .5rem; Bootswatch only sets margin-left */
}
table {
  caption-side: top;          /* Bootstrap 5: bottom */
}

/* Bootstrap 5 drives table cells through custom properties and paints them explicitly - a white
   background, black text, an inset box-shadow and a BOTTOM border - where Bootstrap 3 left them
   transparent and inheriting and drew a TOP border. The Bootswatch cell rules above restore the
   top border, padding and line-height but say nothing about these four, so they would persist:
   the cell text on Payments/QuickPayConfirmation went from the panel's blue to black because of
   the first. .table-bordered and .table-striped set their own borders and backgrounds at higher
   specificity and are unaffected. */
/* Bootstrap 5's reboot gives an anchor with neither href nor class "color: inherit; text-decoration: none" at
   (0,2,1) - a rule Bootstrap 3 never had. The application colours links at zero specificity
   (style2025.css: a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--blue) }), which the
   reboot rule beats. Razor omits href when the model value is null, so such anchors exist (measured on
   /Default/ConfirmAuth: "here" went from the link blue #4099f5 to the panel body's #00357B). Restated at the
   reboot rule's own specificity with the application's variable, so the same app-defined value applies. */
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: var(--wp--preset--color--blue);
}

/* A column OUTSIDE a .row keeps Bootstrap 3's flexibility. Bootstrap 3 columns carried no flex properties, so
   inside one of the application's own flex containers (.d-row, .d-flex, .reasons) they shrank like any flex item;
   Bootstrap 5 gives every col-N "flex: 0 0 auto" wherever it sits. Measured on About/FAQ at 390px: two
   col-12.col-lg-6 columns in a .d-row - Bootstrap 3 shrank both 100%-wide items to half, Bootstrap 5 refused and
   the page ran 759px wide. Inside a .row the Bootstrap 5 rules stand untouched. */
:not(.row) > [class^="col-"],
:not(.row) > [class*=" col-"] {
  flex: 0 1 auto;
}

/* Bare .col is the application's own flex child (home page .reasons .col, .footer-bottom .col, the Dental header's
   .col.d-navbar-inner, ContactUs .col.col-lg-3): Bootstrap 3 had no .col rule, so it was content-sized in the
   application's flex containers and a plain block elsewhere. Bootstrap 5's .col { flex: 1 0 0% } equalised the
   four home page reasons to 285px and wrapped a paragraph (+24px). Restated to the initial value for the bare
   class only; .col combined with a col-* class keeps Bootstrap 5's tiered rules, which are later in the cascade
   at their breakpoints. */
.col:not([class^="col-"]):not([class*=" col-"]) {
  flex: 0 1 auto;
}

/* The per-site knob for a row whose children are not columns (D-012 - headings, paragraphs, buttons, <br>
   straight inside .row): add d-block to the row and it is Bootstrap 3's block row again - children in block
   flow, margins collapsing between them, floats and <br> behaving. Bootstrap 3's row carried a clearfix whose
   display: table pseudo-elements kept the first and last child's margins INSIDE the row; restated so the
   row's height and its neighbours' positions match. */
.row.d-block::before,
.row.d-block::after {
  content: " ";
  display: table;
}
.row.d-block::after {
  clear: both;
}

.table > :not(caption) > * > * {
  color: inherit;
  background-color: transparent;
  border-bottom-width: 0;
  box-shadow: none;
}
/* ...and gives every row of a bordered table its own 1px top and bottom border, which Bootstrap 3
   did not; the cells' borders are what draw the grid in both versions. */
.table-bordered > :not(caption) > * {
  border-width: 0;
}

/* Bootstrap 5 caps .container with max-width at each of ITS tiers (540/720/960/1140/1320); the
   Bootswatch rules above set Bootstrap 3's fixed widths (750/970/1170), and a max-width of 1140 would
   clamp the 1170. Lifted here, after every Bootstrap 5 media rule. */
.container {
  max-width: none;
}

/* Bootstrap 3's .navbar, .nav and .navbar-nav were blocks (items floated at 768px and up, from the
   Bootswatch rules above); Bootstrap 5 makes all three flex containers and pads .navbar 8px top and
   bottom. Measured on Dental/Index: the header grew 16px and .navbar-header shrank to its content as
   a flex item. The application's own .cb-nav / .d-navbar rules load later and keep whatever display
   they set. */
.navbar {
  display: block;
  padding-top: 0;
  padding-bottom: 0;
}
.nav,
.navbar-nav {
  display: block;
}

/* Bootstrap 5 gives .navbar-collapse "flex-basis: 100%; flex-grow: 1; align-items: center" so that it
   wraps under the brand inside Bootstrap 5's flex .navbar. Bootstrap 3 set none of these. The application
   puts its menu (.d-navbar-menu.navbar-collapse) inside its OWN flex header (.d-navbar-inner.d-flex),
   where a 100% basis with grow made the menu 713px wide instead of its 192px content and shrank the
   hospital logo beside it from 246px to 151px (proportional flex-shrink). Back to the initial values. */
.navbar-collapse {
  flex-basis: auto;
  flex-grow: 0;
  align-items: normal;
}

/* Bootstrap 3's .img-responsive was "display: block; max-width: 100%; height: auto" at class specificity;
   Bootstrap 5's .img-fluid drops the display. The contract renames one to the other. Restated here so
   that the block display survives the rename WITHOUT the !important of a d-block utility - all.css hides
   .hospital-logo under 768px with a plain class rule that Bootstrap 3's display lost to and a d-block
   would have beaten (measured: the SmileGeneration logo appeared at phone width). */
.img-fluid {
  display: block;
}

/* Bootstrap 5 underlines .btn-link at rest; Bootstrap 3 underlined it on hover only (the Bootswatch
   hover rule above still does). 12 sites, all <button>s, so nothing else was underlining them. */
.btn-link {
  text-decoration: none;
}

/* Bootstrap 5 sets appearance: none on .form-control, which strips the native styling from every
   control carrying the class - invisibly on a text input whose border and background Bootswatch
   sets anyway, but a <select class="form-control"> loses its dropdown arrow (Bootstrap 5 expects
   .form-select, which paints its own). Bootstrap 3 never set it. FR-009a. */
.form-control {
  appearance: auto;
  font-weight: inherit;       /* Bootstrap 5: 400. Bootswatch set no weight, so normalize's "input { font: inherit }"
                                 let a control inherit its container's weight - 600 inside the payment panels. A
                                 class-level 400 now beats that element rule; inherit puts the cascade back. */
}
/* ...except where the application itself decided the weight at ELEMENT specificity: style2025.css sets
   input[type="text"|"email"|"password"|"tel"|"number"] and select to 400, and under Bootstrap 3 that
   element rule was the last word. The class-level inherit above would beat it (measured: the Dental
   selects went 400 -> 600), so the application's rule is restated here at class specificity - the second
   place this file carries an application value (the first is .text-muted). Inputs with no type attribute,
   like the payment-amount fields, are not matched by either and keep inheriting, exactly as before. */
input[type="text"].form-control,
input[type="email"].form-control,
input[type="password"].form-control,
input[type="tel"].form-control,
input[type="number"].form-control,
select.form-control {
  font-weight: 400;
}

/* Bootstrap 5 overlaps adjacent input-group children by one border width; Bootstrap 3 butted them
   together with border-right: 0 on the addon, which the Bootswatch rules above restore. Same
   selector as Bootstrap 5's so it wins on order alone. */
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: 0;
}

/* Bootstrap 5's .text-muted is !important, so both the reproduced Bootswatch rule above AND the
   application's own .text-muted lose to it. The application's value is what patients see
   (Content/assets/css/style2025.css: #777), so that is what is pinned here - the one place this file
   restates an application value rather than a Bootswatch one, and only because !important leaves
   no other way to beat !important. Two sites. */
.text-muted {
  color: #777 !important;
}

/* Bootstrap 5 makes .breadcrumb a flex container. Bootswatch's rules above restore its padding,
   background and "/" separators, but a flex parent blockifies the inline-block items and drops the
   whitespace between them, so each crumb sits ~4px closer than today. Block flow puts it back. */
.breadcrumb {
  display: block;
}

/* Bootstrap 5 gives textarea.form-control a min-height of one line plus padding; Bootstrap 3 set
   height: auto and nothing else, which the Bootswatch rule above restores. */
textarea.form-control {
  min-height: 0;
}

/* Bootstrap 3's modal geometry. Exactly one modal is hand-written in the portal
   (Registration/_IDupload.cshtml), but bootbox builds one for every one of its 135 call sites, so
   this family is most of the dialogs a patient ever sees - and nothing had ever measured one,
   because the harness does not click and a dialog does not exist until something does. Measured on
   About/CAPrivacy with the dialog OPEN on both instances at 1366px and 390px (T115): 43 computed
   properties differed. Bootstrap 5 drives the modal from custom properties, so most of Bootstrap
   3's values go back through those rather than as competing declarations. */
.modal {
  --bs-modal-width: 600px;                /* Bootswatch sizes .modal-dialog at 600px from 768px up; Bootstrap 5
                                             caps it at 500px from 576px up, so every dialog was 100px narrow. */
  --bs-modal-margin: 10px;                /* Bootstrap 5 uses .5rem, and redefines it to 1.75rem at >=576px. */
  --bs-modal-padding: 20px;               /* Bootstrap 5 uses 1rem. Feeds the body directly, and the footer
                                             through calc(padding - gap * .5). */
  --bs-modal-header-padding: 15px;        /* Bootstrap 5 uses 1rem 1rem. */
  --bs-modal-header-border-color: #e5e5e5;
  --bs-modal-footer-border-color: #e5e5e5;
                                          /* Bootstrap 5 uses var(--bs-border-color) = #dee2e6 for both. */
  --bs-modal-title-line-height: 1.42857143;
                                          /* Bootstrap 5 uses 1.5. The title's FONT-SIZE is not set by any rule
                                             on either side - it is the heading level, and bootbox 4 emitted an
                                             <h4> where bootbox 6 emits an <h5>. Scripts/bs3-compat-bootbox.js
                                             puts the h4 back rather than hard-coding a size here, which would
                                             drift with the root font size the rebrand sets. */
  --bs-modal-footer-gap: 0px;             /* The unit is load-bearing. Bootstrap 5 pads the footer with
                                             calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * .5),
                                             and a UNITLESS zero is a <number>, so that subtraction has no
                                             common type, the whole calc is invalid, and the padding computes
                                             0 rather than 20px. Measured, not guessed.
                                             Bootstrap 3 spaced footer buttons with .modal-footer .btn + .btn
                                             (margin-left: 5px), which the generated rules above already carry.
                                             Bootstrap 5's .5rem gap would add to that AND, through the calc
                                             above, shrink the footer's padding from 20px to 12px. */
  --bs-modal-border-radius: 6px;          /* Bootstrap 5: var(--bs-border-radius-lg) = 8px. */
  --bs-modal-color: inherit;              /* Bootstrap 5 pins the dialog to var(--bs-body-color) = #212529.
                                             Bootstrap 3 set no colour there, so the dialog inherited the
                                             application's #363C45 like everything else. */
}

/* Bootstrap 3 SIZED the dialog rather than capping it, and centred it only from 768px up.
   Re-asserting the margin shorthand is load-bearing: Bootstrap 5's >=576px rule sets margin-left
   and margin-right to auto as longhands, which the custom property above cannot undo, and with the
   cap lifted that would let the dialog fill the viewport between 576 and 768px, where Bootstrap 3
   kept its 10px margins. */
.modal-dialog {
  max-width: none;
  margin: var(--bs-modal-margin);
}
/* The shadow is a metric, so it applies to every modal. */
.modal-content {
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);   /* Bootstrap 5 DECLARES --bs-modal-box-shadow and then never reads
                                                it - no rule in the build consumes that variable - so the shadow
                                                has to be a declaration. Bootstrap 3 deepened it at 768px, below. */
}
/* Bootstrap 3's .modal-content, .modal-header and .modal-footer were all blocks; Bootstrap 5 makes
   each one a flex container. That is the same family as the .row findings above - a flex parent
   blockifies its children - and here it cost the footer's two buttons their shared line
   (display: inline-block -> block) and put the header's close button in flex order instead of
   floated. Scripts/bs3-compat-bootbox.js restores the source order that float needs.

   SCOPED TO .bootbox deliberately. These are the layout MODEL, not metrics, and they must only
   reach markup that was written for Bootstrap 3 - which, for modals, means the ones bootbox builds.
   The portal's single hand-written modal (Registration/_IDupload.cshtml) had its header converted
   to Bootstrap 5 vocabulary under D-077: an <h5 class="modal-title"> beside a sibling
   <button class="btn-close">, with no .close to float. Measured on the live branch with these rules
   unscoped, its close button left the right-hand edge and landed under the title at x=399 and the
   header grew from 56px to 81px. The metric rules above stay global because the rig shows those
   metrics for that modal too. */
.bootbox .modal-content {
  display: block;
}
.bootbox .modal-header {
  display: block;
  min-height: 16.42857143px;
}
.bootbox .modal-title {
  margin: 0;                /* Bootstrap 3 wrote margin: 0; Bootstrap 5 writes only margin-bottom: 0, so
                               the heading element keeps its own top margin - 11px at the rebrand root
                               size - and the title sat that much lower inside the header. */
}
.bootbox .modal-footer {
  display: block;
  text-align: right;
}
/* ...and Bootstrap 3's clearfix on it, which a block footer needs as soon as a button floats. 15 dialogs
   give their button the application's .button class, and all.css floats .button right: with no clearfix
   the footer collapsed to its padding (91px -> 41px) and the OK button hung 50px below the dialog's white
   box, e.g. the portal header's Address Error dialog. Only the footer: the header already matches. */
.bootbox .modal-footer::before,
.bootbox .modal-footer::after {
  content: " ";
  display: table;
}
.bootbox .modal-footer::after {
  clear: both;
}

/* Bootstrap 3's own 768px overrides. This block must come LAST of the modal rules: it has the same
   specificity as the base rules above, so source order is what decides, and while it sat above
   .modal-content the base shadow won at every width. */
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
}

/* Bootstrap 3's popover geometry and typography. Nothing renders a popover until a patient hovers
   one, so this family was invisible to the harness for exactly the reason the modal family was
   (T115) - and it hid longer, because the validation popovers that use it had stopped appearing at
   all until T062 put popover('destroy') right. Measured on Payments/Make with a popover OPEN on
   both instances: 40 computed properties differed across the root, the body and the arrow.

   The typography is the interesting half. The portal's Bootstrap 3 build sets ONLY padding,
   box-shadow and border-radius on .popover - it declares no font-size and no font-family - so a
   Bootstrap 3 popover simply inherits the page, which is Poppins at 15.87px. Bootstrap 5 declares
   font-size, font-family AND line-height on .popover, so the validation message came out in the
   framework's system stack at 14px while the rest of the page stayed in the site face. The fix
   restores INHERITANCE rather than copying the rig's numbers: a literal 15.87px would drift the
   moment the rebrand changes the root font size. */
.popover {
  --bs-popover-zindex: 1060;              /* Bootstrap 5 uses 1070. */
  --bs-popover-border-color: rgba(0, 0, 0, .2);
                                          /* Bootstrap 5 uses var(--bs-border-color-translucent),
                                             which computes to rgba(0, 0, 0, .175). */
  --bs-popover-border-radius: 6px;        /* Bootstrap 5 uses var(--bs-border-radius-lg) = 8px. */
  --bs-popover-inner-border-radius: 5px;  /* Bootstrap 3 rounds .popover-title 5px 5px 0 0. */
  --bs-popover-arrow-width: 22px;         /* Bootstrap 5 uses 1rem by .5rem. Bootstrap 3 draws an
                                             11px arrow - measured 11x22 against Bootstrap 5's 8x16. */
  --bs-popover-arrow-height: 11px;
  --bs-popover-body-padding-y: 9px;       /* Bootstrap 5 uses 1rem on both axes. */
  --bs-popover-body-padding-x: 14px;
  --bs-popover-body-color: inherit;       /* Bootstrap 5 pins var(--bs-body-color) = #212529, so the
                                             message text was darker than the portal's own #363c45.
                                             Inheriting keeps it whatever the page says. */
  --bs-popover-header-padding-y: 8px;     /* Bootstrap 5 uses .5rem 1rem. */
  --bs-popover-header-padding-x: 14px;
  --bs-popover-header-font-size: 16px;    /* Bootstrap 3's .popover-title. */
  --bs-popover-header-bg: #f7f7f7;        /* Bootstrap 5 uses var(--bs-secondary-bg) = #e9ecef. */
  --bs-popover-header-color: inherit;

  /* Bootstrap 3 declared none of these three, which is the whole reason a Bootstrap 3 popover looks
     like the page around it. Restating them as inherit undoes Bootstrap 5's reset. */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;

  padding: 1px;                           /* Bootstrap 5 puts no padding on .popover. Bootstrap 3's
                                             1px is what shows its border colour around the body. */
  text-align: left;                       /* Bootstrap 5 uses text-align: start. Identical rendering
                                             in this portal; restated so the two agree literally. */
  box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
                                          /* Bootstrap 5 draws NO shadow on a popover, and unlike the
                                             modal there is no --bs-popover-box-shadow to set, so
                                             this has to be a plain declaration. */
}

.popover-header {
  border-bottom-color: #ebebeb;           /* Bootstrap 5 reuses --bs-popover-border-color for this
                                             edge; Bootstrap 3 drew it lighter than its own frame. */
  line-height: 18px;                      /* Bootstrap 3's .popover-title. */
}

/* Bootstrap 3's .col-xs-* grid, which survives ONLY in content stored in the database.
   T044 renamed every col-xs-* in the views, and 'git grep col-xs- -- Views' is zero - but the
   About, Terms and CCPA pages render @Html.Raw(ViewBag.Content), and that markup is a database
   column the migration's file sweep could never reach. Scanning the branch's served HTML across all
   91 routes found col-xs-1 and col-xs-10 on /CreditOffer/About and /Registration/About, and
   col-xs-12/5/2 on /Document/EstatementsTerms. Nothing else at risk survives: pull-right,
   text-left, img-responsive and visible-xs appear on the rig only, i.e. the views were converted.

   It went unnoticed until 2026-09-22 because that content was MISSING from the database - the two
   instances matched by both rendering nothing. Restoring the content made the pages differ:
   Bootstrap 5 does not define these names, so .row > * gave them width: 100% instead of the tier
   percentage, the text ran wider, wrapped into fewer lines and the page came out 162px shorter at
   the phone width (measured on /CreditOffer/About: .col-xs-10 109.375px -> 131.25px).

   Only the widths and the float are restored here. Position, min-height and the 15px gutter already
   reach these elements through the [class^="col-"] / [class*=" col-"] rule above, which matches
   col-xs-* as written. Inside a Bootstrap 5 .row the float is inert - a flex item is never floated -
   so it only does anything where the content puts a column outside a row, which is what Bootstrap 3
   did there too. col-xs-offset-*, col-xs-push-* and col-xs-pull-* are NOT restored: none appears in
   the served HTML today. Add them here if the database content ever gains one. */
.col-xs-12 {
  float: left;
  width: 100%;
}
.col-xs-11 {
  float: left;
  width: 91.66666667%;
}
.col-xs-10 {
  float: left;
  width: 83.33333333%;
}
.col-xs-9 {
  float: left;
  width: 75%;
}
.col-xs-8 {
  float: left;
  width: 66.66666667%;
}
.col-xs-7 {
  float: left;
  width: 58.33333333%;
}
.col-xs-6 {
  float: left;
  width: 50%;
}
.col-xs-5 {
  float: left;
  width: 41.66666667%;
}
.col-xs-4 {
  float: left;
  width: 33.33333333%;
}
.col-xs-3 {
  float: left;
  width: 25%;
}
.col-xs-2 {
  float: left;
  width: 16.66666667%;
}
.col-xs-1 {
  float: left;
  width: 8.33333333%;
}