/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
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 {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !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^="#"]:after,
  a[href^="javascript:"]: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;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../../fonts/glyphicons-halflings-regular.eot');
  src: url('../../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -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: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #337ab7;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #23527c;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  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,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777;
}
.text-primary {
  color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #286090;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
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: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  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: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.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 #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.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 #ddd;
}
.table .table {
  background-color: #fff;
}
.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 #ddd;
}
.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 #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.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;
}
.table-responsive {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .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 {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  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: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-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, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 34px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 30px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 46px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  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-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
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 {
  min-height: 34px;
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.form-group-sm select.form-control {
  height: 30px;
  line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 30px;
  min-height: 32px;
  padding: 6px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.form-group-lg select.form-control {
  height: 46px;
  line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 46px;
  min-height: 38px;
  padding: 11px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.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 .form-control-static {
    display: inline-block;
  }
  .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 {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 12px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
  color: #333;
  background-color: #e6e6e6;
  border-color: #8c8c8c;
}
.btn-default:hover {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.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.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #fff;
  background-color: #286090;
  border-color: #122b40;
}
.btn-primary:hover {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #fff;
  background-color: #204d74;
  border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.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.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
  color: #fff;
  background-color: #449d44;
  border-color: #255625;
}
.btn-success:hover {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #fff;
  background-color: #398439;
  border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.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.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
  color: #fff;
  background-color: #31b0d5;
  border-color: #1b6d85;
}
.btn-info:hover {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #fff;
  background-color: #269abc;
  border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.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.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #fff;
  background-color: #ec971f;
  border-color: #985f0d;
}
.btn-warning:hover {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #fff;
  background-color: #d58512;
  border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.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.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #fff;
  background-color: #c9302c;
  border-color: #761c19;
}
.btn-danger:hover {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #fff;
  background-color: #ac2925;
  border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.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.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.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: #23527c;
  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: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  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%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-timing-function: ease;
       -o-transition-timing-function: ease;
          transition-timing-function: ease;
  -webkit-transition-duration: .35s;
       -o-transition-duration: .35s;
          transition-duration: .35s;
  -webkit-transition-property: height, visibility;
       -o-transition-property: height, visibility;
          transition-property: height, visibility;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #337ab7;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.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 + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.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-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.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-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,
.btn-group-vertical > .btn-group + .btn-group {
  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-left-radius: 4px;
  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-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.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,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  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-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  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: 46px;
  line-height: 46px;
}
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: 30px;
  padding: 5px 10px;
  font-size: 12px;
  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: 30px;
  line-height: 30px;
}
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 {
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  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-top-right-radius: 0;
  border-bottom-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-top-left-radius: 0;
  border-bottom-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 {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 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: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #337ab7;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.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: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.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 #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    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: #fff;
  }
}
.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: #fff;
  background-color: #337ab7;
}
.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 {
  margin-bottom: 5px;
  text-align: center;
}
.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-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            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-right: 0;
    padding-left: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-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-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 50px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  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: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            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: 20px;
  }
  .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: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .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 .form-control-static {
    display: inline-block;
  }
  .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;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    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: #555;
    background-color: #e7e7e7;
  }
  .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: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.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: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    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: #fff;
    background-color: #080808;
  }
  .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: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.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: #444;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {
  color: #777;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #286090;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.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;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #337ab7;
  background-color: #fff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  padding-right: 15px;
  padding-left: 15px;
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: border .2s ease-in-out;
       -o-transition: border .2s ease-in-out;
          transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #337ab7;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  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 {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
          background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
       -o-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.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,
.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;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #c7ddef;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.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 caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-right: 15px;
  padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: 3px;
  border-top-right-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,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr: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,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #ddd;
}
.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 {
  margin-bottom: 0;
  border: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.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,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
  color: #f5f5f5;
  background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #337ab7;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
  color: #337ab7;
  background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #337ab7;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
       -o-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  filter: alpha(opacity=0);
  opacity: 0;

  line-break: auto;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  right: 5px;
  bottom: 0;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-style: normal;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  white-space: normal;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);

  line-break: auto;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top > .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top > .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right > .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom > .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  -webkit-transition: .6s ease-in-out left;
       -o-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform .6s ease-in-out;
         -o-transition:      -o-transform .6s ease-in-out;
            transition:         transform .6s ease-in-out;

    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    -webkit-perspective: 1000px;
            perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    left: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    left: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  background-color: rgba(0, 0, 0, 0);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: 0;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/*# sourceMappingURL=bootstrap.css.map */

/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
.btn-default,
.btn-primary,
.btn-success,
.btn-info,
.btn-warning,
.btn-danger {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 1px rgba(0, 0, 0, .075);
}
.btn-default:active,
.btn-primary:active,
.btn-success:active,
.btn-info:active,
.btn-warning:active,
.btn-danger:active,
.btn-default.active,
.btn-primary.active,
.btn-success.active,
.btn-info.active,
.btn-warning.active,
.btn-danger.active {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-default.disabled,
.btn-primary.disabled,
.btn-success.disabled,
.btn-info.disabled,
.btn-warning.disabled,
.btn-danger.disabled,
.btn-default[disabled],
.btn-primary[disabled],
.btn-success[disabled],
.btn-info[disabled],
.btn-warning[disabled],
.btn-danger[disabled],
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-danger {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-default .badge,
.btn-primary .badge,
.btn-success .badge,
.btn-info .badge,
.btn-warning .badge,
.btn-danger .badge {
  text-shadow: none;
}
.btn:active,
.btn.active {
  background-image: none;
}
.btn-default {
  text-shadow: 0 1px 0 #fff;
  background-image: -webkit-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #e0e0e0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
  background-image:         linear-gradient(to bottom, #fff 0%, #e0e0e0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #dbdbdb;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus {
  background-color: #e0e0e0;
  background-position: 0 -15px;
}
.btn-default:active,
.btn-default.active {
  background-color: #e0e0e0;
  border-color: #dbdbdb;
}
.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.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: #e0e0e0;
  background-image: none;
}
.btn-primary {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #265a88 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#265a88));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #265a88 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #245580;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #265a88;
  background-position: 0 -15px;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #265a88;
  border-color: #245580;
}
.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.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: #265a88;
  background-image: none;
}
.btn-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #419641 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#419641));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #419641 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff419641', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #3e8f3e;
}
.btn-success:hover,
.btn-success:focus {
  background-color: #419641;
  background-position: 0 -15px;
}
.btn-success:active,
.btn-success.active {
  background-color: #419641;
  border-color: #3e8f3e;
}
.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.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: #419641;
  background-image: none;
}
.btn-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #2aabd2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#2aabd2));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #2aabd2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff2aabd2', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #28a4c9;
}
.btn-info:hover,
.btn-info:focus {
  background-color: #2aabd2;
  background-position: 0 -15px;
}
.btn-info:active,
.btn-info.active {
  background-color: #2aabd2;
  border-color: #28a4c9;
}
.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.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: #2aabd2;
  background-image: none;
}
.btn-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #e38d13;
}
.btn-warning:hover,
.btn-warning:focus {
  background-color: #eb9316;
  background-position: 0 -15px;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #eb9316;
  border-color: #e38d13;
}
.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.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: #eb9316;
  background-image: none;
}
.btn-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c12e2a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c12e2a));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c12e2a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc12e2a', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-color: #b92c28;
}
.btn-danger:hover,
.btn-danger:focus {
  background-color: #c12e2a;
  background-position: 0 -15px;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #c12e2a;
  border-color: #b92c28;
}
.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.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: #c12e2a;
  background-image: none;
}
.thumbnail,
.img-thumbnail {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  background-color: #e8e8e8;
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-color: #2e6da4;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}
.navbar-default {
  background-image: -webkit-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image:      -o-linear-gradient(top, #fff 0%, #f8f8f8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f8f8f8));
  background-image:         linear-gradient(to bottom, #fff 0%, #f8f8f8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff8f8f8', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image:      -o-linear-gradient(top, #dbdbdb 0%, #e2e2e2 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dbdbdb), to(#e2e2e2));
  background-image:         linear-gradient(to bottom, #dbdbdb 0%, #e2e2e2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}
.navbar-brand,
.navbar-nav > li > a {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
}
.navbar-inverse {
  background-image: -webkit-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image:      -o-linear-gradient(top, #3c3c3c 0%, #222 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#3c3c3c), to(#222));
  background-image:         linear-gradient(to bottom, #3c3c3c 0%, #222 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3c3c3c', endColorstr='#ff222222', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  background-repeat: repeat-x;
  border-radius: 4px;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a {
  background-image: -webkit-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image:      -o-linear-gradient(top, #080808 0%, #0f0f0f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#080808), to(#0f0f0f));
  background-image:         linear-gradient(to bottom, #080808 0%, #0f0f0f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff080808', endColorstr='#ff0f0f0f', GradientType=0);
  background-repeat: repeat-x;
  -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
          box-shadow: inset 0 3px 9px rgba(0, 0, 0, .25);
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-nav > li > a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
}
.navbar-static-top,
.navbar-fixed-top,
.navbar-fixed-bottom {
  border-radius: 0;
}
@media (max-width: 767px) {
  .navbar .navbar-nav .open .dropdown-menu > .active > a,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
    background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
  }
}
.alert {
  text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
}
.alert-success {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #c8e5bc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#c8e5bc));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffc8e5bc', GradientType=0);
  background-repeat: repeat-x;
  border-color: #b2dba1;
}
.alert-info {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #b9def0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#b9def0));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffb9def0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #9acfea;
}
.alert-warning {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #f8efc0 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#f8efc0));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fff8efc0', GradientType=0);
  background-repeat: repeat-x;
  border-color: #f5e79e;
}
.alert-danger {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#e7c3c3));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dca7a7;
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ebebeb), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#286090));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image:      -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5cb85c), to(#449d44));
  background-image:         linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image:      -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#5bc0de), to(#31b0d5));
  background-image:         linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image:      -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#ec971f));
  background-image:         linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image:      -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9534f), to(#c9302c));
  background-image:         linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
  background-repeat: repeat-x;
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.list-group {
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  text-shadow: 0 -1px 0 #286090;
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2b669a 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2b669a));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2b669a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2b669a', GradientType=0);
  background-repeat: repeat-x;
  border-color: #2b669a;
}
.list-group-item.active .badge,
.list-group-item.active:hover .badge,
.list-group-item.active:focus .badge {
  text-shadow: none;
}
.panel {
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
}
.panel-default > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
  background-image:         linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
  background-repeat: repeat-x;
}
.panel-primary > .panel-heading {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image:      -o-linear-gradient(top, #337ab7 0%, #2e6da4 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#2e6da4));
  background-image:         linear-gradient(to bottom, #337ab7 0%, #2e6da4 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
  background-repeat: repeat-x;
}
.panel-success > .panel-heading {
  background-image: -webkit-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image:      -o-linear-gradient(top, #dff0d8 0%, #d0e9c6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dff0d8), to(#d0e9c6));
  background-image:         linear-gradient(to bottom, #dff0d8 0%, #d0e9c6 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdff0d8', endColorstr='#ffd0e9c6', GradientType=0);
  background-repeat: repeat-x;
}
.panel-info > .panel-heading {
  background-image: -webkit-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image:      -o-linear-gradient(top, #d9edf7 0%, #c4e3f3 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#d9edf7), to(#c4e3f3));
  background-image:         linear-gradient(to bottom, #d9edf7 0%, #c4e3f3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9edf7', endColorstr='#ffc4e3f3', GradientType=0);
  background-repeat: repeat-x;
}
.panel-warning > .panel-heading {
  background-image: -webkit-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image:      -o-linear-gradient(top, #fcf8e3 0%, #faf2cc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fcf8e3), to(#faf2cc));
  background-image:         linear-gradient(to bottom, #fcf8e3 0%, #faf2cc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf8e3', endColorstr='#fffaf2cc', GradientType=0);
  background-repeat: repeat-x;
}
.panel-danger > .panel-heading {
  background-image: -webkit-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image:      -o-linear-gradient(top, #f2dede 0%, #ebcccc 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f2dede), to(#ebcccc));
  background-image:         linear-gradient(to bottom, #f2dede 0%, #ebcccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffebcccc', GradientType=0);
  background-repeat: repeat-x;
}
.well {
  background-image: -webkit-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image:      -o-linear-gradient(top, #e8e8e8 0%, #f5f5f5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#f5f5f5));
  background-image:         linear-gradient(to bottom, #e8e8e8 0%, #f5f5f5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff5f5f5', GradientType=0);
  background-repeat: repeat-x;
  border-color: #dcdcdc;
  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 3px rgba(0, 0, 0, .05), 0 1px 0 rgba(255, 255, 255, .1);
}
/*# sourceMappingURL=bootstrap-theme.css.map */

/********************************************************
 ***  tag:panel-gray
 *******************************************************/
.image-top, .valign-top, table.valign-top td
{
    vertical-align: top;
}
a, a.pointer 
{
    cursor: pointer;
}
a.black, .black, a:link.black, a:visited.black, a:active.black, a:hover.black
{
    color: inherit;
}
a.black.empty:hover
{
    text-decoration: none !important;
    cursor: default;
}
a.blue, #site-root a.blue, .blue-link
{
    color: #337ab7;    
}
a:active.blue, a:hover.blue, #site-root a:active.blue, #site-root a:hover.blue 
{
    color: #23527C;      
}
a.disabled, .disabled, button:disabled span.caret, a.link-disabled
{
    color: lightgray !important;
    pointer-events: none !important;
}
.pointer 
{
    cursor: pointer;
}
.underline 
{
    text-decoration: underline;    
}
.strike-through, .line-through
{
    text-decoration: line-through;
}
a > .visible-hover 
{
    visibility: hidden;
}
a:hover > .visible-hover
{
    visibility: visible;
}
.no-wrap
{
    white-space: nowrap;
}
.pre-wrap
{
    white-space: pre-wrap;
}
table.no-wrap-header th
{
    white-space: nowrap;
}
.ellipsis 
{
    text-overflow: ellipsis;   
    white-space: nowrap;
    overflow: hidden;
}
pre.word-wrap
{
    white-space: pre-wrap;
    word-break: normal;
}
.unselectable 
{
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.tab-content 
{
    border-left: 1px solid #e5e5e5;    
    border-right: 1px solid #e5e5e5;    
    border-bottom: 1px solid #e5e5e5;    
    border-radius: 0 0 7px 7px;
}
.bold 
{
    font-weight: bold;
}

a.dropdown-toggle {
    text-decoration: none !important;
}

a.dropdown-toggle:hover {
    text-decoration: underline !important;
}

.dropdown-close a {
    text-decoration: none;
}

.dropdown-close a:hover {
    text-decoration: underline;
}

.reminder-time time-of-day
{
    display: block;
    width: 100%;
    box-sizing: border-box;
}

.reminder-time time-of-day table.time-of-day
{
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

.reminder-time time-of-day table.time-of-day td
{
    width: 33.33%;
    padding: 0;
    box-sizing: border-box;
    vertical-align: top;
    line-height: 1;
}

.reminder-time time-of-day td.minute select,
.reminder-time time-of-day td.hour select,
.reminder-time time-of-day td.am-pm select
{
    width: 100% !important;
    height: 34px !important;
    font-size: 14px !important;
    background: #fff !important;
    box-sizing: border-box !important;
    margin: 0;
    padding: 6px 12px !important;
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
}

.reminder-time time-of-day td.hour select
{
    border-top-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
}

.reminder-time time-of-day td.am-pm select
{
    border-top-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}

.reminder-time time-of-day td.hour select,
.reminder-time time-of-day td.minute select
{
    border-right: none !important;
}

.reminder-width
{
    width: 100% !important;
}
.reminder-time div {
    margin-bottom: 14px !important;
}

tr.column-docked th
{
    position: sticky;
    top: 0;
    background-color: rgb(230, 240, 250);
    z-index: 2;
    box-sizing: border-box;
}

.semi-bold
{
    font-weight: 500;
}
.normal, label.normal
{
    font-weight: normal;    
}
.italicized
{
    font-style: italic;
}
.display-inline-block 
{
    display: inline-block;    
}
.yellow-text 
{
    color: yellow;
}
.yellow-bg 
{
    background-color: #ffffd2;
}
select.yellow-bg
{
    background-color: #ffffd2;
    border: 1px solid #F3E2A9;
}

.green-bg 
{
    background-color: #dff0d8 !important;
}
.warn-bg 
{
    background-color: #ffecb3 !important;
}
.red-text 
{
    color: red;    
}
.alert-text
{
    color: #BD3C27;  /* Color used for 'alertx' icon */
}

.badge-red, .panel-default > .panel-heading .badge.badge-red
{
    background-color: #FF343B;
}

nav .badge {
    vertical-align: inherit;
}

.date-text
{
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.impact-text
{
    font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight: 550;
}
.area-title
{
    font-weight: bold;
}
div.pre-load 
{
    position: absolute;
    left: -999px;
    top: -999px; 
}

.bootbox .btn.btn-primary 
{
    margin-left: 30px;    
}
h2.panel-title 
{
    font-size: 214%;    
}
.password-result 
{
    letter-spacing: 3px;
    font-size: 18px;
} 
.font-small-65 { font-size: 65%; }
.font-small-80 { font-size: 80%; }
.font-small-60 { font-size: 60%; }
.font-big-114 { font-size: 114%; }
.font-h1 { font-size: 257%; }
.font-h2 { font-size: 214%; }
.font-h3 { font-size: 171%; }
.font-h4 { font-size: 128%; }
.font-h5 { font-size: 100%; }
.font-h6 { font-size: 86%; }
.weight-h1 { font-weight: 500; }
.weight-h2 { font-weight: 500; }
.weight-h3 { font-weight: 500; }
.weight-h4 { font-weight: 500; }

.border-none { border: none;}

.text-overflow
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.form-floating label
 {
     font-weight: 600;
 }

@media (max-width: 768px) 
{
    #site-root .container { padding: 0 5px; }
}

.visible-iphone { display: none; }
.hidden-iphone { display: inherit; }

span.typeahead-diagnosis.not-billable span.description
{
    text-decoration: line-through;
}
span.typeahead-diagnosis .more-info:after
{
    color: darkgray;
    font-weight: 500 !important;
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
span.typeahead-diagnosis.not-billable .more-info:after
{
    content: " (Not Billable)";
}
span.typeahead-diagnosis.chronic .more-info:after
{
    content: " (Chronic)";
}
hr.narrow
{
    margin: 10px 0;
}

/********************************************************
 ***  tag:fix-menus
 *******************************************************/
.fixed-container
{
    position: fixed; top: 0; bottom: 0; left: 0; right: 0;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    -webkit-flex-direction: column;
    -webkit-flex-wrap: nowrap;
}
.fixed-container .fixed-header 
{
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}
.fixed-container .fixed-body
{
    flex-grow: 1;
    overflow: auto;
    min-height: 2em;
    -webkit-flex-grow: 1;
}
.fixed-container .fixed-footer
{
    flex-shrink: 0;
    -webkit-flex-shrink: 0;
}

/********************************************************
 ***  tag:flex
 *******************************************************/
.display-flex
{
    display: flex;
}
.display-flex-header
{
    display: flex;
    align-items: center;
}
.flex-grow
{
    flex-grow: 1;
}
/********************************************************
 ***  tag:affix
 *******************************************************/
.affix.span-full 
{
    top: 0;
    left: 0;
    right: 0;
    z-index: 1;
}
.affix .affix-mar-0
{
    margin: 0;
}

/********************************************************
 ***  tag:panel
 *******************************************************/
.panel-green .panel-heading { background-color: #168C7B; color: white; }
.panel-green .panel-body, .table .row-green, .separator-green { background-color: #1CAF9A !important; color: white; }
.panel-yellow .panel-heading { background-color: #C08A3E; color: white; }
.panel-yellow .panel-body, .separator-yellow { background-color: #F0AD4E; color: white; }
.panel-red .panel-heading { background-color: #AE423F; color: white; }
.panel-red .panel-body    { background-color: #D9534F; color: white; }
.panel-blue .panel-heading { background-color: #489AB2; color: white; }
.panel-blue .panel-body    { background-color: #5BC0DE; color: white; }
.panel-dark .panel-heading { background-color: #1C2837; color: white; }
.panel-dark .panel-body    { background-color: #293A4F; color: white; }
.panel-purple .panel-heading { background-color: #BE81F7; color: white; }
.panel-purple .panel-body    { background-color: #BCA9F5; color: white; }
.panel-gray .panel-heading, .separator-gray { background-color: #aaa; color: black; }
.panel-gray .panel-body, .separator-light-gray    { background-color: #ddd; color: black; }

.separator
{
    background-color: #eee;
    padding: 7px 15px;
    margin: 0 -15px;
    font-size: 125%;
    font-weight: bold;
    border-top: 2px solid #667;
    border-bottom: 2px solid #667;
}
.separator-light-gray { background-color: #eee; color: black; }

.panel-hollow .panel-body, .panel-hollow .list-group
{
    background-color: inherit; 
    color: inherit;
    border-left: 1px solid darkgray;
    border-right: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    border-top: none;
}
.panel.panel-hollow 
{ 
    border: none; 
    -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

/********************************************************
 *** tag:well
 *******************************************************/
.well.well-green
{
    color: #3c763d !important;
    background-image: linear-gradient(to bottom, #dff0d8 0%, #f6fbf4 100%) !important;
}

/********************************************************
 *** tag:alert
 *******************************************************/
.alert.alert-hover.alert-success:hover 
{
    background-image: none;
    background-color: #C9D8C2;
}
.alert.alert-hover.alert-info:hover
{
    background-image: none;
    background-color: #C3D5DE;
}
.alert.alert-hover.alert-warning:hover
{
    background-image: none;
    background-color: #E3DFCC;
}
.alert.alert-hover.alert-danger:hover
{
    background-image: none;
    background-color: #DAC8C8;
}
.alert.alert-hover.alert-white:hover
{
    background-color: #E6E6E6;
}
.alert.alert-square
{
    border-radius: 0;
}

/********************************************************
 ***  tag:profile
 *******************************************************/
.profile-image-full, .thumbnail > img.profile-image-full, .thumbnail a > img.profile-image-full
{
    width: 256px;
    height: 256px;    
}
.profile-image-thumbnail, .thumbnail > img.profile-image-thumbnail, .thumbnail a > img.profile-image-thumbnail
{
    width: 48px;
    height: 48px;    
}


/********************************************************
 ***  tag:form
 *******************************************************/
.input-inline
{
    width: 200px;
    display: inline-block;    
}
.modal-line 
{
    border-bottom: 1px solid #e5e5e5;
}
#site-root .input-rounded { border-radius: 4px; } 
#site-root .input-rounded-left { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } 
#site-root .input-rounded-right { border-bottom-right-radius: 4px; border-top-right-radius: 4px; }       

.font-small-80 input[type="checkbox"]
{
    margin-top: 2px;
}

.checkbox-spaced .checkbox + .checkbox
{
    margin-top: inherit;
}

.checkbox
{
    user-select: none;
}

/********************************************************
 ***  tag:popup
 *******************************************************/
.popup-tooltip
{
    position: absolute;
    padding: 7px;
    font-size: 18px;
    z-index: 1;
    max-width: 640px;
    background-color: white;
    color: black;
    border: 1px solid rgba(0, 0, 0, .3);
    border-radius: 6px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}

.tooltip-comment-wide .highcharts-tooltip > span
{
    height:auto;
    width: 600px;
    overflow:auto;
    white-space:normal !important;    
}

/********************************************************
 ***  tag:tokenfield
 *******************************************************/
.tokenfield .token.padded 
{
    margin-top: 0;
    padding: 6px 3px;
    height: auto;
}
.tokenfield .token-label.padded 
{
    padding: 0 4px;    
}
.tokenfield .token.yellow 
{
    border: 1px solid #F3E2A9;
    background-color: #F7F2E0;        
}
.tokenfield .token.gray
{
    border: 1px solid #aaa;
    background-color: #eee;
}
.tokenfield select.yellow
{
    background-color: #F7F2E0;
    display: inline-block;
    width: auto !important;
}

/********************************************************
 *** Horizontal UL
 ***  tag:horizontal
 *******************************************************/
ul.horizontal
{
    margin: 0;
    padding-left: 0;
}
ul.horizontal li
{
    display: inline;
    list-style: none;
}
ul.horizontal h3, ul.horizontal h2, ul.horizontal h1
{
    display: inline;
}
ul.horizontal span.search
{
    vertical-align: middle;
    margin-left: 10px;
}
ul.horizontal li span.search input
{
    margin: 2px 0 3px 5px;
}
ul.horizontal.block li 
{
    display: inline-block;
}
ul.horizontal.block.top li, ul.horizontal.block.top .btn
{
    vertical-align: top;
}

ul.horizontal.block.middle li
{
    vertical-align: middle;
}
ul.vertical-space li, ol.vertical-space li
{
    padding: 4px 0;    
}
ul.list-unstyled 
{
    margin-left: 0;
    padding-left: 0;
    list-style: none;
}

/********************************************************
 *** List of rows with colored background
 *******************************************************/
.list-bg-styled li
{
    margin: 0 !important;
    padding: 10px 15px;
    border-bottom: 1px solid darkgray;
}


/********************************************************
 ***  tag:table
 *******************************************************/
table td.indent-15, div.indent-15
{
    padding-left: 15px;
}
table td.indent-30, div.indent-30, table.table td.indent-30
{
    padding-left: 30px;
}   
table tr.total-bar 
{
    border-top: solid 2px;   
}

table.border-none td, table.border-none th
{
    border: none !important;
}

.table.vertical-align > tbody > tr > td.middle,
.table.vertical-align > tbody > tr.middle > td
{
    vertical-align: middle;
}
.table.vertical-align-middle td
{
    vertical-align: middle;
}

.list-group-striped > .list-group-item:nth-of-type(odd) 
{
    background-color: #f9f9f9;
}

table.table-fixed
{
    table-layout: fixed
}
table.vertical-space td
{
    padding: 4px 0;
}
table.vertical-space-2 td
{
    padding: 8px 0;
}

/********************************************************
 ***  tag:question-table
 *******************************************************/
.question-table .answer-info { background-color: #e6f2ff; }
.question-table .answer-warn { background-color: #ffecb3; }
.question-table .answer-alert { background-color: #ffc2b3; font-weight: bold; }
.question-table .answer-none { background-color: white; }

/********************************************************
 ***  tag:pad
 *******************************************************/
.pad-0 { padding: 0 !important; }
.pad-top-0 { padding-top: 0 !important; }
.pad-right-0 { padding-right: 0 !important; }
.pad-bottom-0 { padding-bottom: 0 !important; }
.pad-left-0 { padding-left: 0 !important; }
.pad-5 { padding: 5px !important; }
.pad-top-5 { padding-top: 5px !important }
.pad-right-5 { padding-right: 5px !important }
.pad-bottom-5 { padding-bottom: 5px !important }
.pad-left-5 { padding-left: 5px !important }
.pad-7 { padding: 7px !important; }
.pad-top-7 { padding-top: 7px !important }
.pad-right-7 { padding-right: 7px !important }
.pad-bottom-7 { padding-bottom: 7px !important }
.pad-left-7 { padding-left: 7px !important }
.pad-15 { padding: 15px !important; }
.pad-top-15 { padding-top: 15px !important }
.pad-right-15 { padding-right: 15px !important }
.pad-bottom-15 { padding-bottom: 15px !important }
.pad-left-15 { padding-left: 15px !important }
.pad-22 { padding: 22px !important; }
.pad-top-22 { padding-top: 22px !important }
.pad-right-22 { padding-right: 22px !important }
.pad-bottom-22 { padding-bottom: 22px !important }
.pad-left-22 { padding-left: 22px !important }
.pad-30 { padding: 30px !important; }
.pad-top-30 { padding-top: 30px !important }
.pad-right-30 { padding-right: 30px !important }
.pad-bottom-30 { padding-bottom: 30px !important }
.pad-left-30 { padding-left: 30px !important }
.mar-0 { margin: 0 !important }
.mar-top-0 { margin-top: 0 !important }
.mar-right-0 { margin-right: 0 !important }
.mar-bottom-0 { margin-bottom: 0 !important }
.mar-left-0 { margin-left: 0 !important }
.mar-5 { margin: 5px !important }
.mar-top-5 { margin-top: 5px !important }
.mar-right-5 { margin-right: 5px !important }
.mar-bottom-5 { margin-bottom: 5px !important }
.mar-left-5 { margin-left: 5px !important }
.mar-7 { margin: 7px !important }
.mar-top-7 { margin-top: 7px !important }
.mar-right-7 { margin-right: 7px !important }
.mar-bottom-7 { margin-bottom: 7px !important }
.mar-left-7 { margin-left: 7px !important }
.mar-15 { margin: 15px !important }
.mar-top-15 { margin-top: 15px !important }
.mar-right-15 { margin-right: 15px !important }
.mar-bottom-15 { margin-bottom: 15px !important }
.mar-left-15 { margin-left: 15px !important }
.mar-22 { margin: 22px !important }
.mar-top-22 { margin-top: 22px !important }
.mar-right-22 { margin-right: 22px !important }
.mar-bottom-22 { margin-bottom: 22px !important }
.mar-left-22 { margin-left: 22px !important }
.mar-30 { margin: 30px !important }
.mar-top-30 { margin-top: 30px !important }
.mar-right-30 { margin-right: 30px !important }
.mar-bottom-30 { margin-bottom: 30px !important }
.mar-left-30 { margin-left: 30px !important }
.mar-neg-15 { margin: -15px !important; }
.mar-top-neg-15 { margin-top: -15px !important; }
.mar-right-neg-15 { margin-right: -15px !important; }
.mar-bottom-neg-15 { margin-bottom: -15px !important; }
.mar-left-neg-15 { margin-left: -15px !important; }
.mar-left-40 { margin-left: 40px !important }           /* needed for UL nesting */
.mar-left-auto { margin-left: auto !important; }
.mar-right-auto { margin-right: auto !important; }
.mar-lr-auto { margin-left: auto !important; margin-right: auto !important; }


/* Small devices -sm (tablets, 768px and up) */
@media (min-width: 768px) 
{
	.pad-sm-0 { padding: 0 !important }
	.pad-sm-top-0 { padding-top: 0 !important }
	.pad-sm-right-0 { padding-right: 0 !important }
	.pad-sm-bottom-0 { padding-bottom: 0 !important }
	.pad-sm-left-0 { padding-left: 0 !important }
	.pad-sm-7 { padding: 7px !important; }
	.pad-sm-top-7 { padding-top: 7px !important }
	.pad-sm-right-7 { padding-right: 7px !important }
	.pad-sm-bottom-7 { padding-bottom: 7px !important }
	.pad-sm-left-7 { padding-left: 7px !important }
	.pad-sm-15 { padding: 15px !important; }
	.pad-sm-top-15 { padding-top: 15px !important }
	.pad-sm-right-15 { padding-right: 15px !important }
	.pad-sm-bottom-15 { padding-bottom: 15px !important }
	.pad-sm-left-15 { padding-left: 15px !important }
	.pad-sm-22 { padding: 22px !important; }
	.pad-sm-top-22 { padding-top: 22px !important }
	.pad-sm-right-22 { padding-right: 22px !important }
	.pad-sm-bottom-22 { padding-bottom: 22px !important }
	.pad-sm-left-22 { padding-left: 22px !important }
	.pad-sm-30 { padding: 30px !important; }
	.pad-sm-top-30 { padding-top: 30px !important }
	.pad-sm-right-30 { padding-right: 30px !important }
	.pad-sm-bottom-30 { padding-bottom: 30px !important }
	.pad-sm-left-30 { padding-left: 30px !important }
	.mar-sm-0 { margin: 0 !important }
	.mar-sm-top-0 { margin-top: 0 !important }
	.mar-sm-right-0 { margin-right: 0 !important }
	.mar-sm-bottom-0 { margin-bottom: 0 !important }
	.mar-sm-left-0 { margin-left: 0 !important }
	.mar-sm-7 { margin: 7px !important }
	.mar-sm-top-7 { margin-top: 7px !important }
	.mar-sm-right-7 { margin-right: 7px !important }
	.mar-sm-bottom-7 { margin-bottom: 7px !important }
	.mar-sm-left-7 { margin-left: 7px !important }
	.mar-sm-15 { margin: 15px !important }
	.mar-sm-top-15 { margin-top: 15px !important }
	.mar-sm-right-15 { margin-right: 15px !important }
	.mar-sm-bottom-15 { margin-bottom: 15px !important }
	.mar-sm-left-15 { margin-left: 15px !important }
	.mar-sm-22 { margin: 22px !important }
	.mar-sm-top-22 { margin-top: 22px !important }
	.mar-sm-right-22 { margin-right: 22px !important }
	.mar-sm-bottom-22 { margin-bottom: 22px !important }
	.mar-sm-left-22 { margin-left: 22px !important }
	.mar-sm-30 { margin: 30px !important }
	.mar-sm-top-30 { margin-top: 30px !important }
	.mar-sm-right-30 { margin-right: 30px !important }
	.mar-sm-bottom-30 { margin-bottom: 30px !important }
	.mar-sm-left-30 { margin-left: 30px !important }
}

/* Medium devices -md (desktops, 992px and up) */
@media (min-width: 992px)
{
	.pad-md-0 { padding: 0 !important }
	.pad-md-top-0 { padding-top: 0 !important }
	.pad-md-right-0 { padding-right: 0 !important }
	.pad-md-bottom-0 { padding-bottom: 0 !important }
	.pad-md-left-0 { padding-left: 0 !important }
	.pad-md-7 { padding: 7px !important; }
	.pad-md-top-7 { padding-top: 7px !important }
	.pad-md-right-7 { padding-right: 7px !important }
	.pad-md-bottom-7 { padding-bottom: 7px !important }
	.pad-md-left-7 { padding-left: 7px !important }
	.pad-md-15 { padding: 15px !important; }
	.pad-md-top-15 { padding-top: 15px !important }
	.pad-md-right-15 { padding-right: 15px !important }
	.pad-md-bottom-15 { padding-bottom: 15px !important }
	.pad-md-left-15 { padding-left: 15px !important }
	.pad-md-22 { padding: 22px !important; }
	.pad-md-top-22 { padding-top: 22px !important }
	.pad-md-right-22 { padding-right: 22px !important }
	.pad-md-bottom-22 { padding-bottom: 22px !important }
	.pad-md-left-22 { padding-left: 22px !important }
	.pad-md-30 { padding: 30px !important; }
	.pad-md-top-30 { padding-top: 30px !important }
	.pad-md-right-30 { padding-right: 30px !important }
	.pad-md-bottom-30 { padding-bottom: 30px !important }
	.pad-md-left-30 { padding-left: 30px !important }
	.mar-md-0 { margin: 0 !important }
	.mar-md-top-0 { margin-top: 0 !important }
	.mar-md-right-0 { margin-right: 0 !important }
	.mar-md-bottom-0 { margin-bottom: 0 !important }
	.mar-md-left-0 { margin-left: 0 !important }
	.mar-md-7 { margin: 7px !important }
	.mar-md-top-7 { margin-top: 7px !important }
	.mar-md-right-7 { margin-right: 7px !important }
	.mar-md-bottom-7 { margin-bottom: 7px !important }
	.mar-md-left-7 { margin-left: 7px !important }
	.mar-md-15 { margin: 15px !important }
	.mar-md-top-15 { margin-top: 15px !important }
	.mar-md-right-15 { margin-right: 15px !important }
	.mar-md-bottom-15 { margin-bottom: 15px !important }
	.mar-md-left-15 { margin-left: 15px !important }
	.mar-md-22 { margin: 22px !important }
	.mar-md-top-22 { margin-top: 22px !important }
	.mar-md-right-22 { margin-right: 22px !important }
	.mar-md-bottom-22 { margin-bottom: 22px !important }
	.mar-md-left-22 { margin-left: 22px !important }
	.mar-md-30 { margin: 30px !important }
	.mar-md-top-30 { margin-top: 30px !important }
	.mar-md-right-30 { margin-right: 30px !important }
	.mar-md-bottom-30 { margin-bottom: 30px !important }
	.mar-md-left-30 { margin-left: 30px !important }
}

/* Large devices -lg (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
	.pad-lg-0 { padding: 0 !important }
	.pad-lg-top-0 { padding-top: 0 !important }
	.pad-lg-right-0 { padding-right: 0 !important }
	.pad-lg-bottom-0 { padding-bottom: 0 !important }
	.pad-lg-left-0 { padding-left: 0 !important }
	.pad-lg-7 { padding: 7px !important; }
	.pad-lg-top-7 { padding-top: 7px !important }
	.pad-lg-right-7 { padding-right: 7px !important }
	.pad-lg-bottom-7 { padding-bottom: 7px !important }
	.pad-lg-left-7 { padding-left: 7px !important }
	.pad-lg-15 { padding: 15px !important; }
	.pad-lg-top-15 { padding-top: 15px !important }
	.pad-lg-right-15 { padding-right: 15px !important }
	.pad-lg-bottom-15 { padding-bottom: 15px !important }
	.pad-lg-left-15 { padding-left: 15px !important }
	.pad-lg-22 { padding: 22px !important; }
	.pad-lg-top-22 { padding-top: 22px !important }
	.pad-lg-right-22 { padding-right: 22px !important }
	.pad-lg-bottom-22 { padding-bottom: 22px !important }
	.pad-lg-left-22 { padding-left: 22px !important }
	.pad-lg-30 { padding: 30px !important; }
	.pad-lg-top-30 { padding-top: 30px !important }
	.pad-lg-right-30 { padding-right: 30px !important }
	.pad-lg-bottom-30 { padding-bottom: 30px !important }
	.pad-lg-left-30 { padding-left: 30px !important }
	.mar-lg-0 { margin: 0 !important }
	.mar-lg-top-0 { margin-top: 0 !important }
	.mar-lg-right-0 { margin-right: 0 !important }
	.mar-lg-bottom-0 { margin-bottom: 0 !important }
	.mar-lg-left-0 { margin-left: 0 !important }
	.mar-lg-7 { margin: 7px !important }
	.mar-lg-top-7 { margin-top: 7px !important }
	.mar-lg-right-7 { margin-right: 7px !important }
	.mar-lg-bottom-7 { margin-bottom: 7px !important }
	.mar-lg-left-7 { margin-left: 7px !important }
	.mar-lg-15 { margin: 15px !important }
	.mar-lg-top-15 { margin-top: 15px !important }
	.mar-lg-right-15 { margin-right: 15px !important }
	.mar-lg-bottom-15 { margin-bottom: 15px !important }
	.mar-lg-left-15 { margin-left: 15px !important }
	.mar-lg-22 { margin: 22px !important }
	.mar-lg-top-22 { margin-top: 22px !important }
	.mar-lg-right-22 { margin-right: 22px !important }
	.mar-lg-bottom-22 { margin-bottom: 22px !important }
	.mar-lg-left-22 { margin-left: 22px !important }
	.mar-lg-30 { margin: 30px !important }
	.mar-lg-top-30 { margin-top: 30px !important }
	.mar-lg-right-30 { margin-right: 30px !important }
	.mar-lg-bottom-30 { margin-bottom: 30px !important }
	.mar-lg-left-30 { margin-left: 30px !important }
}


/********************************************************
 ***  styles for validation helpers
 ***  tag:validation
 *******************************************************/
label.error, .validationMessage
{
    display: block;
    color: Red;
    font-size: 0.85em;
}
.inline-message .validationMessage 
{
    display: inline-block;    
}
.validationElement, input[type="text"].validationElement, input[type="password"].validationElement
{
    border: 1px solid red;
    background-color: #FDC;
}

input[type="text"].validationElement.standard-focus:focus,
input[type="password"].validationElement.standard-focus:focus,
input[type="tel"].validationElement.standard-focus:focus
{
    border: 1px solid #66afe9;
    background-color: white;
}
div.validationWrapper input.tt-hint, div.validationWrapper input.form-control.ui-autocomplete-input, div.validationWrapper input[type='text']
{
    background-color: #FDC;
}
div.validationWrapper input.tt-input, div.validationWrapper input.form-control.ui-autocomplete-input, div.validationWrapper input[type='text']
{
    border: 1px solid red;
}
div.validationWrapper.standard-focus input.tt-input:focus, div.validationWrapper.has-focus input.form-control.ui-autocomplete-input
{
    border: 1px solid #66afe9;
}
div.validationWrapper.standard-focus.has-focus input.tt-hint, div.validationWrapper.has-focus input.form-control.ui-autocomplete-input
{
    background-color: white;
}
div.validationWrapper.standard-focus.has-focus .validationMessage 
{
    display: none;
}
.validation-summary-errors
{
    color: red;
    font-size: 0.7em;
}
div.alert .validation-summary-errors 
{
    font-size: 1.0em;
}
legend, .field-validation-valid, .validation-summary-valid, .hidden
{
    display: none;
}
.alert .title
{
    display: block;
    font-weight: bold;
}
select option.alertx
{
    color: #900;
    background-color: #fbb;    
}
select option.warn
{
    background-color: #ffecb3;
}
select.narrow, select.form-control.narrow, input.narrow, input.form-control.narrow
{
    padding: 6px 3px;
}
.has-warning .form-control, .form-control.has-warning 
{
    background-color: #FFFFD2;    
}

/********************************************************
 ***  Fixed width styles
 ***  tag:width
 *******************************************************/
.w-1040, .w-1040.form-control { width: 1040px; }
.w-960, .w-960.form-control { width: 960px; }
.w-480, .w-480.form-control { width: 480px; }
.w-400, .w-400.form-control { width: 400px; }
.w-350, .w-350.form-control { width: 350px; }
.w-300, .w-300.form-control { width: 300px; }
.w-320, .w-320.form-control { width: 320px; }
.w-250, .w-250.form-control { width: 250px; }
.w-240, .w-240.form-control { width: 240px; }
.w-200, .w-200.form-control { width: 200px; }
.w-150, .w-150.form-control { width: 150px; }
.w-125, .w-125.form-control { width: 125px; }
.w-100, .w-100.form-control, .fixed-100, .fixed-100.form-control { width: 100px; }
.w-75, .w-75.form-control, .fixed-75, .fixed-75.form-control { width: 75px; }
.w-60, .w-60.form-control { width: 60px; }
.w-50, .w-50.form-control, .fixed-50, .fixed-50.form-control { width: 50px; }
.w-25, .w-25.form-control, .fixed-25, .fixed-25.form-control { width: 25px; }

.w-auto, .w-auto.form-control { width: auto; }
.w-full, .w-half.form-control { width: 100%; }
.w-3quarters, .w-3quarters.form-control { width: 75%;}
.w-half, .w-half.form-control { width: 50%; }
.w-third, .w-third.form-control { width: 33%; }
.w-quarter, .w-quarter.form-control { width: 25%; }

.row-narrow { margin-left: -7px !important; margin-right: -7px !important; }
.col-narrow  { padding-left: 7px; padding-right: 7px; }
.col-xs-none { width: auto; float: inherit; }
@media (min-width: 768px) { .col-sm-none { width: auto; float: inherit; } }
@media (min-width: 992px) { .col-md-none { width: auto; float: inherit; } }
@media (min-width: 1200px) { .col-lg-none { width: auto; float: inherit; } }

@media screen
{
    .panel-expand-with-content
    {
        display: inline-block;
        min-width: 100%;
    }
}

.max-page { max-width: none !important; box-sizing: border-box; }
@media (min-width: 768px) { .max-page { max-width: 720px !important; } }
@media (min-width: 992px) { .max-page { max-width: 940px !important; } }
@media (min-width: 1200px) { .max-page { max-width: 1140px !important; } }

.bs-content-width { width: none; box-sizing: border-box; }
@media (min-width: 768px) { .bs-content-width { max-width: 720px; width: 720px; } }
@media (min-width: 992px) { .bs-content-width { max-width: 940px; width: 940px; } }
@media (min-width: 1200px) { .bs-content-width { max-width: 1140px; width: 1140px; } }

.max-1040 { max-width: 1040px; }
.max-1024 { max-width: 1024px; }
.max-960 { max-width: 960px; }
.max-768 { max-width: 768px; }
.max-640 { max-width: 640px; }
.max-480 { max-width: 480px; }
.max-400 { max-width: 400px; }
.max-350 { max-width: 350px; }
.max-300 { max-width: 300px; }
.max-320 { max-width: 320px; }
.max-250 { max-width: 250px; }
.max-240 { max-width: 240px; }
.max-200 { max-width: 200px; }
.max-150 { max-width: 150px; }
.max-125 { max-width: 125px; }
.max-100 { max-width: 100px; }
.max-100p { max-width: 100%; }
.max-75 { max-width: 75px; }
.max-60 { max-width: 60px; }
.max-50 { max-width: 50px; }
.max-25 { max-width: 25px; }

.h-200, textarea.form-control.h-200 { height: 200px; }
.h-100, textarea.form-control.h-100 { height: 100px; }
.full-height { height: 100%; }

.min-150 { min-width: 150px; }
.min-250 { min-width: 250px; }

.min-h-100 { min-height: 100px; }
.min-h-150 { min-height: 150px; }
.min-h-200 { min-height: 200px; }
.min-h-400 { min-height: 400px; }

.modal-body.modal-body-scrollable { overflow-y: auto; }

textarea.notes
{
    min-height: 100px;
    resize: vertical;
}

/********************************************************
 ***  Printer CSS
 ***  tag:print
 *******************************************************/
.page-break, .page-bottom
{
    display: none; 
}
.site-root-flex
{
    flex-grow: 1;
    overflow: auto;
}
.container.for-pdf
{
    width: auto !important;
}
.page-break-avoid
{
    page-break-inside: avoid;
}
@media print
{
    .site-root-flex
    {
        overflow: visible;
    }
    
    .question-table .answer-info { background-color: #e6f2ff !important; }
    .question-table .answer-warn { background-color: #ffecb3 !important; }
    .question-table .answer-alert { background-color: #ffc2b3 !important;  font-weight: bold !important;}
    ul.nav.nav-tabs 
    {
        display: none;    
    }
    .tab-content
    {
        border: 0;    
    }
    a:link:after, a:visited:after 
    {
        content: "";
    }
    
    .container
    {
        width: auto !important;
    }
}


/********************************************************
 ***  tag:results
 *******************************************************/
table.results 
{
}
table.results tr.new,
table.results tr.new.striped-row
{
    background-color: lightblue !important;    
}

@keyframes new-fade
{
    0%   { background-color: lightblue; }
    70%  { background-color: lightblue; }
    100% { background-color: #FFF; }
}

table.results tr.new-fade, li.new-fade, .results .new-fade 
{
    background-image: none !important;
    animation: new-fade 7s ease-out;
}

table.results tr.updated,
table.results tr.updated.striped-row
{
    background-color: #ffa07a !important;
}

@keyframes updated-fade
{
    0%   { background-color: #ffa07a; }
    70%  { background-color: #ffa07a; }
    100% { background-color: #FFF; }
}

table.results tr.updated-fade, li.updated-fade, .results .updated-fade
{
    background-image: none !important;
    animation: updated-fade 7s ease-out;
}

table.results tr.deleted,
table.results.table-striped > tbody > tr.deleted:nth-child(odd) > td
{
    background-color: lightsalmon;
    text-decoration: line-through;
}
table.results tr.selected a
{
    color: White !important;
}
table.results tr.selected, tr.selected, table.results tr.striped-row.selected
{
    color: White;
    background-color: #3399FF !important;
}
table.table-hover.results tr:hover.selected td
{
    background-color: #66BBFF !important;
}
.table.results > tbody > tr > td, 
.table.results > tbody > tr > th 
{
    color: inherit !important;
    background-color: inherit !important;
}

table.table-hover tr:hover td.underline-on-hover 
{
    text-decoration: underline;  
}
table.results .striped-row
{
    background-color: #f9f9f9;
}
table.results tr.expanded
{
    background-color: #ffe699;
}
table.results tr.striped-row.expanded
{
    background-color: #fff2cc;
}

span.with-icon.sort-icon 
{
    margin-left: 5px;
}
table.table-hover tr.hover 
{
    background-color: #f5f5f5;
}
@media (max-width: 768px) 
{
    #site-root table.results td { padding: 15px 8px; }
    #site-root table.results { font-size: 114%; }
}
table.results tr.text-center th
{
    text-align: center;
}
table .border-all, .border-all
{
    border: solid 2px rgb(221, 221, 221) !important;
}
table .border-left
{
    border-left: solid 2px rgb(221, 221, 221) !important;
}
table .border-right
{
    border-right: solid 2px rgb(221, 221, 221) !important;
}
table .border-bottom
{
    border-bottom: solid 2px rgb(221, 221, 221) !important;
}
th.col-dragging
{
    background-color: #eee;
}
th.col-drop-location
{
    background-color: #cceeff;
}

/********************************************************
 *** tag: viewed
 *******************************************************/
span.with-icon.view-dot { display: none; }
.viewed-on span.with-icon.view-dot { display: inline-block; }
.viewed-on.viewed span.with-icon.view-dot { display: none; }


/********************************************************
 *** tag:btn stuff
 *******************************************************/
div.btn-group.responsive .btn { margin-top: 20px; }
div.btn-group.responsive:first-line .btn { margin-top: 0; }
@media (max-width: 768px) { div.btn-group.responsive .btn { line-height: 2.5; }}


.btn-glowing { animation: btn-glowing-pulse 2s ease-in-out infinite alternate; }
@keyframes btn-glowing-pulse 
{
  from { box-shadow:0 0 5px 3px #fff; }
  to { box-shadow:0 0 10px 5px #3a3a3a; }
}

button.btn-mini
{
    width: 30px;
    padding: 6px;
}

/********************************************************
 *** Copied the bootstrap 2 button look
 ***  tag:btn2
 *******************************************************/
.btn2.active, .btn2:active 
{
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn2:hover, .btn2:focus 
{
    color: #333333;
    text-decoration: none;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.btn2:hover, .btn2:focus, .btn2:active, .btn2.active, .btn2.disabled, .btn2[disabled] 
{
    color: #333333;
    background-color: #e6e6e6;
}

.btn2 
{
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
    cursor: pointer;
    background-color: #f5f5f5;
    background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
    background-repeat: repeat-x;
    border: 1px solid #cccccc;
    border-color: #e6e6e6 #e6e6e6 #bfbfbf;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    border-bottom-color: #b3b3b3;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn2.disabled, .btn2[disabled] 
{
    cursor: default;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.btn2.btn-lg
{
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn.btn-white
{
    background-color: whitesmoke !important;
    background-image: none !important;    
}

/********************************************************
 *** transition
 ***  tag:rotator
 *******************************************************/
div.rotator 
{
    position: relative;    
}

div.rotator > div 
{
    width: 100%;
    position: absolute;    
}

/********************************************************
 ***  tag:draggable
 *******************************************************/
.drag-row 
{
    margin: 7px 0; 
    padding: 7px 3px;
    background: #ade6d8;
    border-radius: 4px;
    font-weight: bold;
    font-size: 114%;
}

.drag-row.alt 
{
    background: #ccf6e8;
}

.drag-row.sortable-chosen 
{
    background: none;    
    border: 1px solid black;
}

/********************************************************
 ***  tag:autocomplete
 *******************************************************/
.ui-front.ui-autocomplete 
{ 
    z-index: 10000;
}

span.report-field 
{
    white-space: nowrap;
    margin-left: 15px;
    min-width: 230px;
    display: inline-block;
}         
span.report-field.title
{
    margin-left: 0;
    min-width: 245px;
}         
span.report-field.field-2
{
    min-width: 475px;
}         
span.report-field.plus-space 
{
    margin-left: 18px;
}

/********************************************************
 ***  tag:dropdown
 *******************************************************/
.dropdown-menu > li > span.disabled
{
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.42857143;
    color: lightgray;
    white-space: nowrap;
}
.dropdown-menu > li > span.dropdown-header
{
    font-weight: bold;
}
.dropdown-menu > li > span.with-gap
{
    padding-top: 10px;
}

.dropdown-menu.open
{
    display: block;
}
.dropdown-menu.show
{
    display: block;
}
.dropdown-menu.hide-menu
{
    padding-top: 0;
}
li.dropdown-close
{
    padding: 3px 0;
    width: 100%;
    text-align: right; 
    border-bottom: 1px solid #ccc; 
    background-color: #f5f5f5; 
    margin-bottom: 7px;
}
.dropdown-menu.dropdown-scrollable
{
    overflow-y: auto;
    max-height: 300px;
}

/********************************************************
 ***  tag:popover
 *******************************************************/
.popover
{
    color: black !important;
    background-color: white !important;
}
.popover-md .popover { max-width: 450px; }
.popover-lg .popover { max-width: 640px; }
.popover-scrollable .popover-content { max-height: 450px; overflow-y: auto; }

.line-height-2 { line-height: 2 !important; }
.line-height-3 { line-height: 3 !important; }
.line-height-1-5 { line-height: 1.5 !important; }

/********************************************************
 ***  tag:hover-icon
 *******************************************************/
div.hover-icon
{
    position: fixed;
    z-index: 10;
}

div.hover-icon div.popover
{
    font-size: 18px;
}

div.hover-icon.shake
{
    animation: shake 15s ease-in-out infinite;
}

div.hover-icon div.popover ul.hover-items
{
    padding-left: 15px;
}

@keyframes shake
{
    21%, 29% { transform: translateX(-1px);  }
    22%, 28% { transform: translateX(2px);  }
    23%, 25%, 27% { transform: translateX(-4px);  }
    24%, 26% { transform: translateX(4px);  }
}

/********************************************************
 ***  tag:customFields
 *******************************************************/

span.custom-field 
{
    display: inline-block;
    width: 24px;
    height: 24px;
    background: #777;
    border-radius: 3px;
    vertical-align: -7px;
}

.custom-field-chart span.custom-field 
{
    width: 16px;
    height: 16px;
    vertical-align: -3px;
}

/********************************************************
 ***  tag:navButtonBar
 *******************************************************/

.btn.btn-mode
{
    color: black;
    background-color: #aaccdd;
}
.btn.btn-mode[disabled]
{
    color: #777777;
    background-color: #aaccdd;
}

/********************************************************
 ***  tag:profilePicture
 *******************************************************/
.initials
{
    background-color: #888;
    border-radius: 3rem;
    color: #fff;
    font-size: 0.8rem;
    font-weight: normal;
    height: 1.8rem;
    width: 1.8rem;
    padding-top: 0.25rem;
    text-align: center;
    z-index: 1;
    position: relative;
}
img.profile-picture
{
    background-color: #888;
    border-radius: 0.5rem;
    height: 1.8rem;
    width: 1.8rem;
    padding-top: 0.25rem;
    z-index: 1;
    position: relative;
    margin-bottom: 0.3rem;
}
.profile-full-name
{
    margin-bottom: 0.3rem;
}

.pp-large .initials
{
    margin-bottom: 0;
    font-size: 1.5rem;
    height: 3.0rem;
    width: 3.0rem;
    line-height: 2.25rem;
}

.pp-large img.profile-picture
{
    margin-bottom: 0;
    height: 40px;
    width: 40px;
    padding: 4px 0;
}

.pp-full .initials
{
    border-radius: 15rem;
    margin-bottom: 0;
    font-size: 10rem;
    height: 300px;
    width: 300px;
}

.pp-full img.profile-picture
{
    border-radius: 3rem;
    margin-bottom: 0;
    height: 300px;
    width: 300px;
}

/********************************************************
 ***  tag:profilePicture
 *******************************************************/
.btn-bs5, .bs5 .btn
{
}

.col-background-gray-blue
{
    background-color: #f3f3f8;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
}
.bs5 a.black
 {
     text-decoration: none !important;
 }
.bs5 a.black:hover
{
    text-decoration: underline !important;
}

/****************************************************************************************************************
 ***  tag:phantom width. Use to dynamically size text upon some hidden text
 ***************************************************************************************************************/
.phantom-width 
{
    position: relative;
    display: inline-block;
    width: max-content;
}

.phantom-width .phantom-visible 
{
    position: absolute;
    left: 0;
    top: 0;
    white-space: nowrap;
}

.phantom-width .phantom-hidden 
{
    visibility: hidden;
}

.dashboard-survey-panel .dashboard-survey-panel__action-link
{
    color: #0A72F8 !important;
}

.dashboard-survey-panel .dashboard-survey-panel__action-link:hover,
.dashboard-survey-panel .dashboard-survey-panel__action-link:focus
{
    color: #23527C !important;
}

.dashboard-survey-panel .dashboard-survey-panel__action-link.disabled,
.dashboard-survey-panel .dashboard-survey-panel__action-link.disabled:hover,
.dashboard-survey-panel .dashboard-survey-panel__action-link.disabled:focus
{
    cursor: not-allowed !important;
    pointer-events: auto !important;
}







/********************************************************
 ***  Button with icon
 ***  tag:button 
 *******************************************************/
span.with-icon, i.with-icon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    padding: 0;
    background-repeat: no-repeat;
    vertical-align: -2px;
}

span.with-icon.icon24, i.with-icon.icon24
{
    width: 24px;
    height: 24px;    
    vertical-align: -4px;
}

span.with-icon.icon32, i.with-icon.icon32
{
    width: 32px;
    height: 32px;    
    vertical-align: -5px;
}

span.with-icon.icon48, i.with-icon.icon48 
{
    width: 48px;
    height: 48px;    
    vertical-align: -6px;
}

img.with-icon
{
    display: inline-block;
    width: 16px;
    height: 16px;
    content: url("../../content/icon/icon_16.png?198");
    margin-right: 3px;
    vertical-align: -2px;
    object-fit: none;
}

img.with-icon.icon24 
{
    width: 24px;
    height: 24px;
    vertical-align: -4px;
    content: url("../../content/icon/icon_24.png?198");
}

img.with-icon.icon48 
{
    width: 48px;
    height: 48px;    
    vertical-align: -6px;
    content: url("../../content/icon/icon_48.png?198");
}

.btn-primary.btn:disabled
{
    color: lightgray;
}

.btn-replace 
{
    display: inline-block;
}

.btn-replace.btn-replace-lg 
{
    font-size: 18px;
    padding-top: 10px; 
    padding-left: 5px; 
    padding-bottom: 11px;
}

/* Hand coded */
.with-icon.spinner { background-image: url("../../content/icon/spinner_16.gif"); }
span.with-icon.plus,span.with-icon.delete,span.with-icon.closex { vertical-align: -4px; }
i.with-icon.plus,   i.with-icon.delete,   i.with-icon.closex    { vertical-align: -4px; }

/* Generated */

.with-icon.icon48.arrow-right { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 0px; }
img.with-icon.icon48.arrow-right { object-position: 0 0px; }
.with-icon.icon48.cciq-logo { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -48px; }
img.with-icon.icon48.cciq-logo { object-position: 0 -48px; }
.with-icon.icon48.check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -96px; }
img.with-icon.icon48.check { object-position: 0 -96px; }
.with-icon.icon48.doc-submit { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -144px; }
img.with-icon.icon48.doc-submit { object-position: 0 -144px; }
button:disabled span.with-icon.icon48.doc-submit, .disabled .with-icon.icon48.doc-submit { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -192px; }
.with-icon.icon48.feedback { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -240px; }
img.with-icon.icon48.feedback { object-position: 0 -240px; }
.with-icon.icon48.message { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -288px; }
img.with-icon.icon48.message { object-position: 0 -288px; }
.with-icon.icon48.play { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -336px; }
img.with-icon.icon48.play { object-position: 0 -336px; }
.with-icon.icon48.warning { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -384px; }
img.with-icon.icon48.warning { object-position: 0 -384px; }
.with-icon.icon48.wf-alert { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -432px; }
img.with-icon.icon48.wf-alert { object-position: 0 -432px; }
.with-icon.icon48.wf-alert-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -480px; }
img.with-icon.icon48.wf-alert-check { object-position: 0 -480px; }
.with-icon.icon48.wf-alert-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -528px; }
img.with-icon.icon48.wf-alert-lock { object-position: 0 -528px; }
.with-icon.icon48.wf-alert-missing { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -576px; }
img.with-icon.icon48.wf-alert-missing { object-position: 0 -576px; }
.with-icon.icon48.wf-finished { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -624px; }
img.with-icon.icon48.wf-finished { object-position: 0 -624px; }
.with-icon.icon48.wf-finished-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -672px; }
img.with-icon.icon48.wf-finished-check { object-position: 0 -672px; }
.with-icon.icon48.wf-finished-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -720px; }
img.with-icon.icon48.wf-finished-lock { object-position: 0 -720px; }
.with-icon.icon48.wf-nologin { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -768px; }
img.with-icon.icon48.wf-nologin { object-position: 0 -768px; }
.with-icon.icon48.wf-nologin-bademail { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -816px; }
img.with-icon.icon48.wf-nologin-bademail { object-position: 0 -816px; }
.with-icon.icon48.wf-nologin-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -864px; }
img.with-icon.icon48.wf-nologin-check { object-position: 0 -864px; }
.with-icon.icon48.wf-nologin-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -912px; }
img.with-icon.icon48.wf-nologin-lock { object-position: 0 -912px; }
.with-icon.icon48.wf-ok { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -960px; }
img.with-icon.icon48.wf-ok { object-position: 0 -960px; }
.with-icon.icon48.wf-ok-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1008px; }
img.with-icon.icon48.wf-ok-check { object-position: 0 -1008px; }
.with-icon.icon48.wf-ok-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1056px; }
img.with-icon.icon48.wf-ok-lock { object-position: 0 -1056px; }
.with-icon.icon48.wf-ok-missing { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1104px; }
img.with-icon.icon48.wf-ok-missing { object-position: 0 -1104px; }
.with-icon.icon48.wf-pause { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1152px; }
img.with-icon.icon48.wf-pause { object-position: 0 -1152px; }
.with-icon.icon48.wf-pause-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1200px; }
img.with-icon.icon48.wf-pause-check { object-position: 0 -1200px; }
.with-icon.icon48.wf-pause-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1248px; }
img.with-icon.icon48.wf-pause-lock { object-position: 0 -1248px; }
.with-icon.icon48.wf-question { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1296px; }
img.with-icon.icon48.wf-question { object-position: 0 -1296px; }
.with-icon.icon48.wf-question-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1344px; }
img.with-icon.icon48.wf-question-check { object-position: 0 -1344px; }
.with-icon.icon48.wf-question-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1392px; }
img.with-icon.icon48.wf-question-lock { object-position: 0 -1392px; }
.with-icon.icon48.wf-warning { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1440px; }
img.with-icon.icon48.wf-warning { object-position: 0 -1440px; }
.with-icon.icon48.wf-warning-check { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1488px; }
img.with-icon.icon48.wf-warning-check { object-position: 0 -1488px; }
.with-icon.icon48.wf-warning-lock { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1536px; }
img.with-icon.icon48.wf-warning-lock { object-position: 0 -1536px; }
.with-icon.icon48.wf-warning-missing { background-image: url("../../content/icon/icon_48.png?198"); background-position: 0 -1584px; }
img.with-icon.icon48.wf-warning-missing { object-position: 0 -1584px; }
.with-icon.icon32.cciq-logo { background-image: url("../../content/icon/icon_32.png?198"); background-position: 0 0px; }
img.with-icon.icon32.cciq-logo { object-position: 0 0px; }
.with-icon.icon32.help { background-image: url("../../content/icon/icon_32.png?198"); background-position: 0 -32px; }
img.with-icon.icon32.help { object-position: 0 -32px; }
.with-icon.icon32.printer { background-image: url("../../content/icon/icon_32.png?198"); background-position: 0 -64px; }
img.with-icon.icon32.printer { object-position: 0 -64px; }
.with-icon.icon32.warn { background-image: url("../../content/icon/icon_32.png?198"); background-position: 0 -96px; }
img.with-icon.icon32.warn { object-position: 0 -96px; }
.with-icon.icon24.call-multiple-match { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 0px; }
img.with-icon.icon24.call-multiple-match { object-position: 0 0px; }
.with-icon.icon24.call-no-match { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -24px; }
img.with-icon.icon24.call-no-match { object-position: 0 -24px; }
.with-icon.icon24.cciq-logo { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -48px; }
img.with-icon.icon24.cciq-logo { object-position: 0 -48px; }
button:disabled span.with-icon.icon24.cciq-logo, .disabled .with-icon.icon24.cciq-logo { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -72px; }
.with-icon.icon24.check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -96px; }
img.with-icon.icon24.check { object-position: 0 -96px; }
button:disabled span.with-icon.icon24.check, .disabled .with-icon.icon24.check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -120px; }
.with-icon.icon24.clock-edit { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -144px; }
img.with-icon.icon24.clock-edit { object-position: 0 -144px; }
.with-icon.icon24.contact { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -168px; }
img.with-icon.icon24.contact { object-position: 0 -168px; }
.with-icon.icon24.doc { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -192px; }
img.with-icon.icon24.doc { object-position: 0 -192px; }
button:disabled span.with-icon.icon24.doc, .disabled .with-icon.icon24.doc { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -216px; }
.with-icon.icon24.edit-doc { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -240px; }
img.with-icon.icon24.edit-doc { object-position: 0 -240px; }
.with-icon.icon24.email { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -264px; }
img.with-icon.icon24.email { object-position: 0 -264px; }
button:disabled span.with-icon.icon24.email, .disabled .with-icon.icon24.email { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -288px; }
.with-icon.icon24.error { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -312px; }
img.with-icon.icon24.error { object-position: 0 -312px; }
button:disabled span.with-icon.icon24.error, .disabled .with-icon.icon24.error { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -336px; }
.with-icon.icon24.error-placeholder { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -360px; }
img.with-icon.icon24.error-placeholder { object-position: 0 -360px; }
.with-icon.icon24.face { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -384px; }
img.with-icon.icon24.face { object-position: 0 -384px; }
.with-icon.icon24.feedback-bubble { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -408px; }
img.with-icon.icon24.feedback-bubble { object-position: 0 -408px; }
.with-icon.icon24.feedback-bubble-pending { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -432px; }
img.with-icon.icon24.feedback-bubble-pending { object-position: 0 -432px; }
.with-icon.icon24.gears { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -456px; }
img.with-icon.icon24.gears { object-position: 0 -456px; }
button:disabled span.with-icon.icon24.gears, .disabled .with-icon.icon24.gears { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -480px; }
.with-icon.icon24.help { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -504px; }
img.with-icon.icon24.help { object-position: 0 -504px; }
button:disabled span.with-icon.icon24.help, .disabled .with-icon.icon24.help { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -528px; }
.with-icon.icon24.history { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -552px; }
img.with-icon.icon24.history { object-position: 0 -552px; }
button:disabled span.with-icon.icon24.history, .disabled .with-icon.icon24.history { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -576px; }
.with-icon.icon24.hourglass { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -600px; }
img.with-icon.icon24.hourglass { object-position: 0 -600px; }
.with-icon.icon24.info { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -624px; }
img.with-icon.icon24.info { object-position: 0 -624px; }
button:disabled span.with-icon.icon24.info, .disabled .with-icon.icon24.info { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -648px; }
.with-icon.icon24.key-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -672px; }
img.with-icon.icon24.key-lock { object-position: 0 -672px; }
button:disabled span.with-icon.icon24.key-lock, .disabled .with-icon.icon24.key-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -696px; }
.with-icon.icon24.keys { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -720px; }
img.with-icon.icon24.keys { object-position: 0 -720px; }
button:disabled span.with-icon.icon24.keys, .disabled .with-icon.icon24.keys { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -744px; }
.with-icon.icon24.menu { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -768px; }
img.with-icon.icon24.menu { object-position: 0 -768px; }
.with-icon.icon24.menu-contract { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -792px; }
img.with-icon.icon24.menu-contract { object-position: 0 -792px; }
.with-icon.icon24.menu-expand { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -816px; }
img.with-icon.icon24.menu-expand { object-position: 0 -816px; }
.with-icon.icon24.message { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -840px; }
img.with-icon.icon24.message { object-position: 0 -840px; }
.with-icon.icon24.microphone { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -864px; }
img.with-icon.icon24.microphone { object-position: 0 -864px; }
.with-icon.icon24.multiple-name-warning { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -888px; }
img.with-icon.icon24.multiple-name-warning { object-position: 0 -888px; }
button:disabled span.with-icon.icon24.multiple-name-warning, .disabled .with-icon.icon24.multiple-name-warning { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -912px; }
.with-icon.icon24.phone-connected { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -936px; }
img.with-icon.icon24.phone-connected { object-position: 0 -936px; }
.with-icon.icon24.phone-not-connected { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -960px; }
img.with-icon.icon24.phone-not-connected { object-position: 0 -960px; }
.with-icon.icon24.play { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -984px; }
img.with-icon.icon24.play { object-position: 0 -984px; }
.with-icon.icon24.recycle { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1008px; }
img.with-icon.icon24.recycle { object-position: 0 -1008px; }
button:disabled span.with-icon.icon24.recycle, .disabled .with-icon.icon24.recycle { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1032px; }
.with-icon.icon24.save { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1056px; }
img.with-icon.icon24.save { object-position: 0 -1056px; }
.with-icon.icon24.share { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1080px; }
img.with-icon.icon24.share { object-position: 0 -1080px; }
button:disabled span.with-icon.icon24.share, .disabled .with-icon.icon24.share { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1104px; }
.with-icon.icon24.survey-completed { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1128px; }
img.with-icon.icon24.survey-completed { object-position: 0 -1128px; }
.with-icon.icon24.survey-ignore { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1152px; }
img.with-icon.icon24.survey-ignore { object-position: 0 -1152px; }
.with-icon.icon24.survey-inprogress { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1176px; }
img.with-icon.icon24.survey-inprogress { object-position: 0 -1176px; }
.with-icon.icon24.survey-locked { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1200px; }
img.with-icon.icon24.survey-locked { object-position: 0 -1200px; }
.with-icon.icon24.survey-new { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1224px; }
img.with-icon.icon24.survey-new { object-position: 0 -1224px; }
.with-icon.icon24.survey-query { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1248px; }
img.with-icon.icon24.survey-query { object-position: 0 -1248px; }
.with-icon.icon24.survey-reviewed { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1272px; }
img.with-icon.icon24.survey-reviewed { object-position: 0 -1272px; }
.with-icon.icon24.sync { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1296px; }
img.with-icon.icon24.sync { object-position: 0 -1296px; }
.with-icon.icon24.tcm-billable { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1320px; }
img.with-icon.icon24.tcm-billable { object-position: 0 -1320px; }
.with-icon.icon24.tcm-finished-active { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1344px; }
img.with-icon.icon24.tcm-finished-active { object-position: 0 -1344px; }
.with-icon.icon24.tcm-finished-unclaimed { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1368px; }
img.with-icon.icon24.tcm-finished-unclaimed { object-position: 0 -1368px; }
.with-icon.icon24.tcm-first-appointment { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1392px; }
img.with-icon.icon24.tcm-first-appointment { object-position: 0 -1392px; }
.with-icon.icon24.tcm-first-call { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1416px; }
img.with-icon.icon24.tcm-first-call { object-position: 0 -1416px; }
.with-icon.icon24.tcm-pending { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1440px; }
img.with-icon.icon24.tcm-pending { object-position: 0 -1440px; }
.with-icon.icon24.tcm-pending-appointment { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1464px; }
img.with-icon.icon24.tcm-pending-appointment { object-position: 0 -1464px; }
.with-icon.icon24.tcm-pending-call { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1488px; }
img.with-icon.icon24.tcm-pending-call { object-position: 0 -1488px; }
.with-icon.icon24.upgrade { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1512px; }
img.with-icon.icon24.upgrade { object-position: 0 -1512px; }
.with-icon.icon24.view-doc { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1536px; }
img.with-icon.icon24.view-doc { object-position: 0 -1536px; }
button:disabled span.with-icon.icon24.view-doc, .disabled .with-icon.icon24.view-doc { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1560px; }
.with-icon.icon24.warn { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1584px; }
img.with-icon.icon24.warn { object-position: 0 -1584px; }
button:disabled span.with-icon.icon24.warn, .disabled .with-icon.icon24.warn { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1608px; }
.with-icon.icon24.web-cam { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1632px; }
img.with-icon.icon24.web-cam { object-position: 0 -1632px; }
.with-icon.icon24.wf-alert { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1656px; }
img.with-icon.icon24.wf-alert { object-position: 0 -1656px; }
.with-icon.icon24.wf-alert-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1680px; }
img.with-icon.icon24.wf-alert-check { object-position: 0 -1680px; }
.with-icon.icon24.wf-alert-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1704px; }
img.with-icon.icon24.wf-alert-lock { object-position: 0 -1704px; }
.with-icon.icon24.wf-alert-missing { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1728px; }
img.with-icon.icon24.wf-alert-missing { object-position: 0 -1728px; }
.with-icon.icon24.wf-bademail { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1752px; }
img.with-icon.icon24.wf-bademail { object-position: 0 -1752px; }
.with-icon.icon24.wf-bademail-alert { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1776px; }
img.with-icon.icon24.wf-bademail-alert { object-position: 0 -1776px; }
.with-icon.icon24.wf-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1800px; }
img.with-icon.icon24.wf-check { object-position: 0 -1800px; }
.with-icon.icon24.wf-finished { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1824px; }
img.with-icon.icon24.wf-finished { object-position: 0 -1824px; }
.with-icon.icon24.wf-finished-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1848px; }
img.with-icon.icon24.wf-finished-check { object-position: 0 -1848px; }
.with-icon.icon24.wf-finished-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1872px; }
img.with-icon.icon24.wf-finished-lock { object-position: 0 -1872px; }
.with-icon.icon24.wf-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1896px; }
img.with-icon.icon24.wf-lock { object-position: 0 -1896px; }
.with-icon.icon24.wf-missing { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1920px; }
img.with-icon.icon24.wf-missing { object-position: 0 -1920px; }
.with-icon.icon24.wf-nologin { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1944px; }
img.with-icon.icon24.wf-nologin { object-position: 0 -1944px; }
.with-icon.icon24.wf-nologin-bademail { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1968px; }
img.with-icon.icon24.wf-nologin-bademail { object-position: 0 -1968px; }
.with-icon.icon24.wf-nologin-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -1992px; }
img.with-icon.icon24.wf-nologin-check { object-position: 0 -1992px; }
.with-icon.icon24.wf-nologin-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2016px; }
img.with-icon.icon24.wf-nologin-lock { object-position: 0 -2016px; }
.with-icon.icon24.wf-ok { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2040px; }
img.with-icon.icon24.wf-ok { object-position: 0 -2040px; }
.with-icon.icon24.wf-ok-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2064px; }
img.with-icon.icon24.wf-ok-check { object-position: 0 -2064px; }
.with-icon.icon24.wf-ok-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2088px; }
img.with-icon.icon24.wf-ok-lock { object-position: 0 -2088px; }
.with-icon.icon24.wf-ok-missing { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2112px; }
img.with-icon.icon24.wf-ok-missing { object-position: 0 -2112px; }
.with-icon.icon24.wf-pause { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2136px; }
img.with-icon.icon24.wf-pause { object-position: 0 -2136px; }
.with-icon.icon24.wf-pause-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2160px; }
img.with-icon.icon24.wf-pause-check { object-position: 0 -2160px; }
.with-icon.icon24.wf-pause-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2184px; }
img.with-icon.icon24.wf-pause-lock { object-position: 0 -2184px; }
.with-icon.icon24.wf-question { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2208px; }
img.with-icon.icon24.wf-question { object-position: 0 -2208px; }
.with-icon.icon24.wf-question-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2232px; }
img.with-icon.icon24.wf-question-check { object-position: 0 -2232px; }
.with-icon.icon24.wf-question-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2256px; }
img.with-icon.icon24.wf-question-lock { object-position: 0 -2256px; }
.with-icon.icon24.wf-warning { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2280px; }
img.with-icon.icon24.wf-warning { object-position: 0 -2280px; }
.with-icon.icon24.wf-warning-check { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2304px; }
img.with-icon.icon24.wf-warning-check { object-position: 0 -2304px; }
.with-icon.icon24.wf-warning-lock { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2328px; }
img.with-icon.icon24.wf-warning-lock { object-position: 0 -2328px; }
.with-icon.icon24.wf-warning-missing { background-image: url("../../content/icon/icon_24.png?198"); background-position: 0 -2352px; }
img.with-icon.icon24.wf-warning-missing { object-position: 0 -2352px; }
.with-icon.alertx { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 0px; }
img.with-icon.alertx { object-position: 0 0px; }
.with-icon.bad-sms-alert { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -16px; }
img.with-icon.bad-sms-alert { object-position: 0 -16px; }
.with-icon.bad-sms-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -32px; }
img.with-icon.bad-sms-warn { object-position: 0 -32px; }
.with-icon.bademail-alert { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -48px; }
img.with-icon.bademail-alert { object-position: 0 -48px; }
.with-icon.bademail-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -64px; }
img.with-icon.bademail-warn { object-position: 0 -64px; }
.with-icon.black-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -80px; }
img.with-icon.black-check { object-position: 0 -80px; }
button:disabled span.with-icon.black-check, .disabled .with-icon.black-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -96px; }
.with-icon.book { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -112px; }
img.with-icon.book { object-position: 0 -112px; }
button:disabled span.with-icon.book, .disabled .with-icon.book { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -128px; }
.with-icon.broom { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -144px; }
img.with-icon.broom { object-position: 0 -144px; }
.with-icon.calculator-coin { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -160px; }
img.with-icon.calculator-coin { object-position: 0 -160px; }
button:disabled span.with-icon.calculator-coin, .disabled .with-icon.calculator-coin { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -176px; }
.with-icon.calendar { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -192px; }
img.with-icon.calendar { object-position: 0 -192px; }
button:disabled span.with-icon.calendar, .disabled .with-icon.calendar { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -208px; }
.with-icon.call-multiple-match { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -224px; }
img.with-icon.call-multiple-match { object-position: 0 -224px; }
button:disabled span.with-icon.call-multiple-match, .disabled .with-icon.call-multiple-match { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -240px; }
.with-icon.chart { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -256px; }
img.with-icon.chart { object-position: 0 -256px; }
button:disabled span.with-icon.chart, .disabled .with-icon.chart { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -272px; }
.with-icon.chart-pie { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -288px; }
img.with-icon.chart-pie { object-position: 0 -288px; }
.with-icon.check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -304px; }
img.with-icon.check { object-position: 0 -304px; }
button:disabled span.with-icon.check, .disabled .with-icon.check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -320px; }
.with-icon.claim { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -336px; }
img.with-icon.claim { object-position: 0 -336px; }
.with-icon.clipboard-block { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -352px; }
img.with-icon.clipboard-block { object-position: 0 -352px; }
.with-icon.clipboard-minus { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -368px; }
img.with-icon.clipboard-minus { object-position: 0 -368px; }
.with-icon.clipboard-pencil { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -384px; }
img.with-icon.clipboard-pencil { object-position: 0 -384px; }
button:disabled span.with-icon.clipboard-pencil, .disabled .with-icon.clipboard-pencil { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -400px; }
.with-icon.clipboard-plus { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -416px; }
img.with-icon.clipboard-plus { object-position: 0 -416px; }
button:disabled span.with-icon.clipboard-plus, .disabled .with-icon.clipboard-plus { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -432px; }
.with-icon.clipboard-survey { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -448px; }
img.with-icon.clipboard-survey { object-position: 0 -448px; }
button:disabled span.with-icon.clipboard-survey, .disabled .with-icon.clipboard-survey { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -464px; }
.with-icon.clipboard-warning { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -480px; }
img.with-icon.clipboard-warning { object-position: 0 -480px; }
.with-icon.clock-edit { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -496px; }
img.with-icon.clock-edit { object-position: 0 -496px; }
button:disabled span.with-icon.clock-edit, .disabled .with-icon.clock-edit { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -512px; }
.with-icon.closex { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -528px; }
img.with-icon.closex { object-position: 0 -528px; }
button:disabled span.with-icon.closex, .disabled .with-icon.closex { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -544px; }
.with-icon.comment { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -560px; }
img.with-icon.comment { object-position: 0 -560px; }
button:disabled span.with-icon.comment, .disabled .with-icon.comment { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -576px; }
.with-icon.comment-add { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -592px; }
img.with-icon.comment-add { object-position: 0 -592px; }
button:disabled span.with-icon.comment-add, .disabled .with-icon.comment-add { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -608px; }
.with-icon.comment-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -624px; }
img.with-icon.comment-warn { object-position: 0 -624px; }
button:disabled span.with-icon.comment-warn, .disabled .with-icon.comment-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -640px; }
.with-icon.contact { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -656px; }
img.with-icon.contact { object-position: 0 -656px; }
.with-icon.crane-machine { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -672px; }
img.with-icon.crane-machine { object-position: 0 -672px; }
button:disabled span.with-icon.crane-machine, .disabled .with-icon.crane-machine { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -688px; }
.with-icon.crop { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -704px; }
img.with-icon.crop { object-position: 0 -704px; }
button:disabled span.with-icon.crop, .disabled .with-icon.crop { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -720px; }
.with-icon.delete { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -736px; }
img.with-icon.delete { object-position: 0 -736px; }
button:disabled span.with-icon.delete, .disabled .with-icon.delete { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -752px; }
.with-icon.doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -768px; }
img.with-icon.doc { object-position: 0 -768px; }
button:disabled span.with-icon.doc, .disabled .with-icon.doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -784px; }
.with-icon.doc-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -800px; }
img.with-icon.doc-check { object-position: 0 -800px; }
button:disabled span.with-icon.doc-check, .disabled .with-icon.doc-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -816px; }
.with-icon.doc-copy { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -832px; }
img.with-icon.doc-copy { object-position: 0 -832px; }
.with-icon.doc-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -848px; }
img.with-icon.doc-warn { object-position: 0 -848px; }
button:disabled span.with-icon.doc-warn, .disabled .with-icon.doc-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -864px; }
.with-icon.door-in { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -880px; }
img.with-icon.door-in { object-position: 0 -880px; }
.with-icon.down-arrow { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -896px; }
img.with-icon.down-arrow { object-position: 0 -896px; }
.with-icon.down-arrow-white { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -912px; }
img.with-icon.down-arrow-white { object-position: 0 -912px; }
.with-icon.download { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -928px; }
img.with-icon.download { object-position: 0 -928px; }
button:disabled span.with-icon.download, .disabled .with-icon.download { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -944px; }
.with-icon.edit-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -960px; }
img.with-icon.edit-doc { object-position: 0 -960px; }
button:disabled span.with-icon.edit-doc, .disabled .with-icon.edit-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -976px; }
.with-icon.email { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -992px; }
img.with-icon.email { object-position: 0 -992px; }
button:disabled span.with-icon.email, .disabled .with-icon.email { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1008px; }
.with-icon.error { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1024px; }
img.with-icon.error { object-position: 0 -1024px; }
button:disabled span.with-icon.error, .disabled .with-icon.error { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1040px; }
.with-icon.error-placeholder { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1056px; }
img.with-icon.error-placeholder { object-position: 0 -1056px; }
.with-icon.eye-locked { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1072px; }
img.with-icon.eye-locked { object-position: 0 -1072px; }
.with-icon.eye-open { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1088px; }
img.with-icon.eye-open { object-position: 0 -1088px; }
.with-icon.face { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1104px; }
img.with-icon.face { object-position: 0 -1104px; }
button:disabled span.with-icon.face, .disabled .with-icon.face { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1120px; }
.with-icon.feedback-bubble { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1136px; }
img.with-icon.feedback-bubble { object-position: 0 -1136px; }
.with-icon.feedback-bubble-pending { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1152px; }
img.with-icon.feedback-bubble-pending { object-position: 0 -1152px; }
.with-icon.filter-list { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1168px; }
img.with-icon.filter-list { object-position: 0 -1168px; }
button:disabled span.with-icon.filter-list, .disabled .with-icon.filter-list { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1184px; }
.with-icon.find { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1200px; }
img.with-icon.find { object-position: 0 -1200px; }
button:disabled span.with-icon.find, .disabled .with-icon.find { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1216px; }
.with-icon.flag { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1232px; }
img.with-icon.flag { object-position: 0 -1232px; }
button:disabled span.with-icon.flag, .disabled .with-icon.flag { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1248px; }
.with-icon.flag-red { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1264px; }
img.with-icon.flag-red { object-position: 0 -1264px; }
button:disabled span.with-icon.flag-red, .disabled .with-icon.flag-red { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1280px; }
.with-icon.flowers { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1296px; }
img.with-icon.flowers { object-position: 0 -1296px; }
button:disabled span.with-icon.flowers, .disabled .with-icon.flowers { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1312px; }
.with-icon.folder-add { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1328px; }
img.with-icon.folder-add { object-position: 0 -1328px; }
button:disabled span.with-icon.folder-add, .disabled .with-icon.folder-add { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1344px; }
.with-icon.folder-stack { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1360px; }
img.with-icon.folder-stack { object-position: 0 -1360px; }
button:disabled span.with-icon.folder-stack, .disabled .with-icon.folder-stack { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1376px; }
.with-icon.gear { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1392px; }
img.with-icon.gear { object-position: 0 -1392px; }
button:disabled span.with-icon.gear, .disabled .with-icon.gear { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1408px; }
.with-icon.help { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1424px; }
img.with-icon.help { object-position: 0 -1424px; }
.with-icon.home { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1440px; }
img.with-icon.home { object-position: 0 -1440px; }
.with-icon.hourglass { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1456px; }
img.with-icon.hourglass { object-position: 0 -1456px; }
.with-icon.image { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1472px; }
img.with-icon.image { object-position: 0 -1472px; }
button:disabled span.with-icon.image, .disabled .with-icon.image { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1488px; }
.with-icon.info { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1504px; }
img.with-icon.info { object-position: 0 -1504px; }
button:disabled span.with-icon.info, .disabled .with-icon.info { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1520px; }
.with-icon.invoice { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1536px; }
img.with-icon.invoice { object-position: 0 -1536px; }
button:disabled span.with-icon.invoice, .disabled .with-icon.invoice { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1552px; }
.with-icon.key-lock { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1568px; }
img.with-icon.key-lock { object-position: 0 -1568px; }
button:disabled span.with-icon.key-lock, .disabled .with-icon.key-lock { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1584px; }
.with-icon.labs { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1600px; }
img.with-icon.labs { object-position: 0 -1600px; }
button:disabled span.with-icon.labs, .disabled .with-icon.labs { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1616px; }
.with-icon.left-arrow { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1632px; }
img.with-icon.left-arrow { object-position: 0 -1632px; }
.with-icon.left-arrow-white { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1648px; }
img.with-icon.left-arrow-white { object-position: 0 -1648px; }
.with-icon.list-num { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1664px; }
img.with-icon.list-num { object-position: 0 -1664px; }
button:disabled span.with-icon.list-num, .disabled .with-icon.list-num { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1680px; }
.with-icon.list-num-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1696px; }
img.with-icon.list-num-warn { object-position: 0 -1696px; }
button:disabled span.with-icon.list-num-warn, .disabled .with-icon.list-num-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1712px; }
.with-icon.lock-closed { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1728px; }
img.with-icon.lock-closed { object-position: 0 -1728px; }
button:disabled span.with-icon.lock-closed, .disabled .with-icon.lock-closed { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1744px; }
.with-icon.lock-open { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1760px; }
img.with-icon.lock-open { object-position: 0 -1760px; }
button:disabled span.with-icon.lock-open, .disabled .with-icon.lock-open { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1776px; }
.with-icon.log-out { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1792px; }
img.with-icon.log-out { object-position: 0 -1792px; }
.with-icon.medicine-bottle { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1808px; }
img.with-icon.medicine-bottle { object-position: 0 -1808px; }
button:disabled span.with-icon.medicine-bottle, .disabled .with-icon.medicine-bottle { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1824px; }
.with-icon.megaphone { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1840px; }
img.with-icon.megaphone { object-position: 0 -1840px; }
.with-icon.menu-hamburger { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1856px; }
img.with-icon.menu-hamburger { object-position: 0 -1856px; }
.with-icon.message { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1872px; }
img.with-icon.message { object-position: 0 -1872px; }
button:disabled span.with-icon.message, .disabled .with-icon.message { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1888px; }
.with-icon.microphone { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1904px; }
img.with-icon.microphone { object-position: 0 -1904px; }
.with-icon.mobile-phone { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1920px; }
img.with-icon.mobile-phone { object-position: 0 -1920px; }
.with-icon.monitoring-device { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1936px; }
img.with-icon.monitoring-device { object-position: 0 -1936px; }
button:disabled span.with-icon.monitoring-device, .disabled .with-icon.monitoring-device { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1952px; }
.with-icon.move-bottom { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1968px; }
img.with-icon.move-bottom { object-position: 0 -1968px; }
.with-icon.move-top { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -1984px; }
img.with-icon.move-top { object-position: 0 -1984px; }
.with-icon.next-billing-manually-halted { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2000px; }
img.with-icon.next-billing-manually-halted { object-position: 0 -2000px; }
.with-icon.next-billing-none { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2016px; }
img.with-icon.next-billing-none { object-position: 0 -2016px; }
.with-icon.next-billing-none-requirements-missing { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2032px; }
img.with-icon.next-billing-none-requirements-missing { object-position: 0 -2032px; }
.with-icon.next-billing-none-with-next-pending { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2048px; }
img.with-icon.next-billing-none-with-next-pending { object-position: 0 -2048px; }
.with-icon.next-billing-present { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2064px; }
img.with-icon.next-billing-present { object-position: 0 -2064px; }
.with-icon.next-billing-present-with-next-pending { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2080px; }
img.with-icon.next-billing-present-with-next-pending { object-position: 0 -2080px; }
.with-icon.next-billing-requirements-missing { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2096px; }
img.with-icon.next-billing-requirements-missing { object-position: 0 -2096px; }
.with-icon.next-billing-time-exhausted { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2112px; }
img.with-icon.next-billing-time-exhausted { object-position: 0 -2112px; }
.with-icon.nologin { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2128px; }
img.with-icon.nologin { object-position: 0 -2128px; }
.with-icon.not-billable { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2144px; }
img.with-icon.not-billable { object-position: 0 -2144px; }
.with-icon.note { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2160px; }
img.with-icon.note { object-position: 0 -2160px; }
button:disabled span.with-icon.note, .disabled .with-icon.note { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2176px; }
.with-icon.note-interactive { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2192px; }
img.with-icon.note-interactive { object-position: 0 -2192px; }
.with-icon.note-phone { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2208px; }
img.with-icon.note-phone { object-position: 0 -2208px; }
.with-icon.note-pin { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2224px; }
img.with-icon.note-pin { object-position: 0 -2224px; }
.with-icon.note-plus { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2240px; }
img.with-icon.note-plus { object-position: 0 -2240px; }
.with-icon.paragraph { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2256px; }
img.with-icon.paragraph { object-position: 0 -2256px; }
.with-icon.pencil { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2272px; }
img.with-icon.pencil { object-position: 0 -2272px; }
.with-icon.phone { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2288px; }
img.with-icon.phone { object-position: 0 -2288px; }
button:disabled span.with-icon.phone, .disabled .with-icon.phone { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2304px; }
.with-icon.phone-inbound { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2320px; }
img.with-icon.phone-inbound { object-position: 0 -2320px; }
.with-icon.phone-outbound { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2336px; }
img.with-icon.phone-outbound { object-position: 0 -2336px; }
.with-icon.pin {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 247 247' fill='%2365779f'><path d='M135.53,222.85c-3.18-.34-6.78-1.12-9.21-3.54l-38.17-37.99-54.39,44.05c-3.89,3.15-8.9,2.61-11.9-.51-3.41-3.54-3.14-7.95-.21-11.97l31.06-42.61,10.37-14.01-35.01-35.23c-5.23-5.26-4.61-12.69.14-18.21,16.17-16.12,44.84-23.96,64.39-9.56l37.22-37.24c-7.04-9.63-5.3-22.73,3.16-30.43s21.71-8.17,30.69-.41l16.83,16.66,25.46,25.49,15.65,15.94c9.36,9.54,7.26,24.59-2.72,33.25-7.12,6.19-17.72,7.03-25.78,1.82-1-1.08-2.38-1.13-3.49-.02l-35.97,35.91c14.17,20.87,7.66,44.93-8.03,62.9-2.74,3.01-5.66,4.93-10.1,5.7Z'/></svg>") !important;
    background-position: center !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
}
:hover > .with-icon.pin,
:focus > .with-icon.pin,
.active > .with-icon.pin,
.with-icon.pin:hover {
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 247 247' fill='%230878f2'><path d='M135.53,222.85c-3.18-.34-6.78-1.12-9.21-3.54l-38.17-37.99-54.39,44.05c-3.89,3.15-8.9,2.61-11.9-.51-3.41-3.54-3.14-7.95-.21-11.97l31.06-42.61,10.37-14.01-35.01-35.23c-5.23-5.26-4.61-12.69.14-18.21,16.17-16.12,44.84-23.96,64.39-9.56l37.22-37.24c-7.04-9.63-5.3-22.73,3.16-30.43s21.71-8.17,30.69-.41l16.83,16.66,25.46,25.49,15.65,15.94c9.36,9.54,7.26,24.59-2.72,33.25-7.12,6.19-17.72,7.03-25.78,1.82-1-1.08-2.38-1.13-3.49-.02l-35.97,35.91c14.17,20.87,7.66,44.93-8.03,62.9-2.74,3.01-5.66,4.93-10.1,5.7Z'/></svg>") !important;
}
.with-icon.pin-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2368px; }
img.with-icon.pin-doc { object-position: 0 -2368px; }
button:disabled span.with-icon.pin-doc, .disabled .with-icon.pin-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2384px; }
.with-icon.play { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2400px; }
img.with-icon.play { object-position: 0 -2400px; }
.with-icon.plus { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2416px; }
img.with-icon.plus { object-position: 0 -2416px; }
button:disabled span.with-icon.plus, .disabled .with-icon.plus { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2432px; }
.with-icon.power { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2448px; }
img.with-icon.power { object-position: 0 -2448px; }
button:disabled span.with-icon.power, .disabled .with-icon.power { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2464px; }
.with-icon.power-off { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2480px; }
img.with-icon.power-off { object-position: 0 -2480px; }
.with-icon.power-on { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2496px; }
img.with-icon.power-on { object-position: 0 -2496px; }
.with-icon.present { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2512px; }
img.with-icon.present { object-position: 0 -2512px; }
.with-icon.printer { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2528px; }
img.with-icon.printer { object-position: 0 -2528px; }
.with-icon.question { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2544px; }
img.with-icon.question { object-position: 0 -2544px; }
button:disabled span.with-icon.question, .disabled .with-icon.question { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2560px; }
.with-icon.recycle { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2576px; }
img.with-icon.recycle { object-position: 0 -2576px; }
button:disabled span.with-icon.recycle, .disabled .with-icon.recycle { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2592px; }
.with-icon.reply { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2608px; }
img.with-icon.reply { object-position: 0 -2608px; }
.with-icon.right-arrow { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2624px; }
img.with-icon.right-arrow { object-position: 0 -2624px; }
button:disabled span.with-icon.right-arrow, .disabled .with-icon.right-arrow { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2640px; }
.with-icon.right-arrow-white { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2656px; }
img.with-icon.right-arrow-white { object-position: 0 -2656px; }
button:disabled span.with-icon.right-arrow-white, .disabled .with-icon.right-arrow-white { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2672px; }
.with-icon.save { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2688px; }
img.with-icon.save { object-position: 0 -2688px; }
.with-icon.search { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2704px; }
img.with-icon.search { object-position: 0 -2704px; }
.with-icon.share { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2720px; }
img.with-icon.share { object-position: 0 -2720px; }
button:disabled span.with-icon.share, .disabled .with-icon.share { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2736px; }
.with-icon.share-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2752px; }
img.with-icon.share-doc { object-position: 0 -2752px; }
button:disabled span.with-icon.share-doc, .disabled .with-icon.share-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2768px; }
.with-icon.share-doc-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2784px; }
img.with-icon.share-doc-check { object-position: 0 -2784px; }
button:disabled span.with-icon.share-doc-check, .disabled .with-icon.share-doc-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2800px; }
.with-icon.share-doc-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2816px; }
img.with-icon.share-doc-warn { object-position: 0 -2816px; }
button:disabled span.with-icon.share-doc-warn, .disabled .with-icon.share-doc-warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2832px; }
.with-icon.shopping-cart { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2848px; }
img.with-icon.shopping-cart { object-position: 0 -2848px; }
.with-icon.sort-asc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2864px; }
img.with-icon.sort-asc { object-position: 0 -2864px; }
.with-icon.sort-desc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2880px; }
img.with-icon.sort-desc { object-position: 0 -2880px; }
.with-icon.sort-none { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2896px; }
img.with-icon.sort-none { object-position: 0 -2896px; }
.with-icon.star { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2912px; }
img.with-icon.star { object-position: 0 -2912px; }
button:disabled span.with-icon.star, .disabled .with-icon.star { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2928px; }
.with-icon.submit-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2944px; }
img.with-icon.submit-doc { object-position: 0 -2944px; }
button:disabled span.with-icon.submit-doc, .disabled .with-icon.submit-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2960px; }
.with-icon.sync { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2976px; }
img.with-icon.sync { object-position: 0 -2976px; }
button:disabled span.with-icon.sync, .disabled .with-icon.sync { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -2992px; }
.with-icon.tablex { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3008px; }
img.with-icon.tablex { object-position: 0 -3008px; }
.with-icon.talk { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3024px; }
img.with-icon.talk { object-position: 0 -3024px; }
button:disabled span.with-icon.talk, .disabled .with-icon.talk { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3040px; }
.with-icon.target { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3056px; }
img.with-icon.target { object-position: 0 -3056px; }
button:disabled span.with-icon.target, .disabled .with-icon.target { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3072px; }
.with-icon.thumb-down { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3088px; }
img.with-icon.thumb-down { object-position: 0 -3088px; }
button:disabled span.with-icon.thumb-down, .disabled .with-icon.thumb-down { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3104px; }
.with-icon.thumb-up { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3120px; }
img.with-icon.thumb-up { object-position: 0 -3120px; }
button:disabled span.with-icon.thumb-up, .disabled .with-icon.thumb-up { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3136px; }
.with-icon.thunder { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3152px; }
img.with-icon.thunder { object-position: 0 -3152px; }
.with-icon.tools { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3168px; }
img.with-icon.tools { object-position: 0 -3168px; }
.with-icon.transfer { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3184px; }
img.with-icon.transfer { object-position: 0 -3184px; }
.with-icon.tree { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3200px; }
img.with-icon.tree { object-position: 0 -3200px; }
button:disabled span.with-icon.tree, .disabled .with-icon.tree { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3216px; }
.with-icon.truck { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3232px; }
img.with-icon.truck { object-position: 0 -3232px; }
button:disabled span.with-icon.truck, .disabled .with-icon.truck { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3248px; }
.with-icon.unpin { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3264px; }
img.with-icon.unpin { object-position: 0 -3264px; }
.with-icon.up-arrow { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3280px; }
img.with-icon.up-arrow { object-position: 0 -3280px; }
.with-icon.upgrade { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3296px; }
img.with-icon.upgrade { object-position: 0 -3296px; }
.with-icon.view-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3312px; }
img.with-icon.view-doc { object-position: 0 -3312px; }
button:disabled span.with-icon.view-doc, .disabled .with-icon.view-doc { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3328px; }
.with-icon.view-dot { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3344px; }
img.with-icon.view-dot { object-position: 0 -3344px; }
.with-icon.warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3360px; }
img.with-icon.warn { object-position: 0 -3360px; }
button:disabled span.with-icon.warn, .disabled .with-icon.warn { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3376px; }
.with-icon.web-cam { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3392px; }
img.with-icon.web-cam { object-position: 0 -3392px; }
.with-icon.wf-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3408px; }
img.with-icon.wf-check { object-position: 0 -3408px; }
button:disabled span.with-icon.wf-check, .disabled .with-icon.wf-check { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3424px; }
.with-icon.wf-lock { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3440px; }
img.with-icon.wf-lock { object-position: 0 -3440px; }
button:disabled span.with-icon.wf-lock, .disabled .with-icon.wf-lock { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3456px; }
.with-icon.wf-missing { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3472px; }
img.with-icon.wf-missing { object-position: 0 -3472px; }
.with-icon.wf-pause { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3488px; }
img.with-icon.wf-pause { object-position: 0 -3488px; }
button:disabled span.with-icon.wf-pause, .disabled .with-icon.wf-pause { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3504px; }
.with-icon.wf-question { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3520px; }
img.with-icon.wf-question { object-position: 0 -3520px; }
.with-icon.window-cascade { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3536px; }
img.with-icon.window-cascade { object-position: 0 -3536px; }
.with-icon.window-minimize { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3552px; }
img.with-icon.window-minimize { object-position: 0 -3552px; }
.with-icon.window-restore { background-image: url("../../content/icon/icon_16.png?198"); background-position: 0 -3568px; }
img.with-icon.window-restore { object-position: 0 -3568px; }
/********************************************************
 ***  tag:page
 *******************************************************/
:root {
    /* Design System Colors - matching mockup */
    --blue: #0878f2;
    --blue-deep: #0d2f78;
    --cyan: #22b8e9;
    --ink: #14214d;
    --muted: #65779f;
    --surface: #ffffff;
    --surface-soft: #f4f9ff;
    --line: #d9e6f6;
    --shadow: 0 14px 36px rgba(8, 120, 242, 0.11);
    --app-card-dropdown-border: #e2e8f0;
    --app-card-dropdown-hover: #f1f5f9;
    --app-card-dropdown-shadow: 0 12px 32px rgba(15, 23, 42, 0.14), 0 4px 10px rgba(15, 23, 42, 0.04);
    --font-heading: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --fs-h1: 28px;
    --fs-h2: 22px;
    --fs-h3: 17px;
    --fs-h4: 14px;
    --fs-h5: 13px;
    --fs-h6: 11px;
    --fw-h1: 800;
    --fw-h2: 800;
    --fw-h3: 800;
    --fw-h4: 700;
    --fw-h5: 700;
    --fw-h6: 800;
    --fs-body: 14px;
    --fw-body: 500;
    --fs-label: 13px;
    --fw-label: 700;
    --fs-caption: 12px;
    --fw-caption: 600;
    --btn-radius: 10px;
    --btn-height: 40px;
    --btn-height-sm: 34px;
    --btn-height-lg: 44px;
    --btn-padding-x: 18px;
    --btn-padding-x-sm: 14px;
    --btn-padding-x-lg: 20px;
    --btn-fs: 14px;
    --btn-fw: 600;
    --btn-shadow-primary: 0 8px 20px rgba(8, 120, 242, 0.18);
}

html {
    background-color: white;
    margin: 0;
    padding: 0;
}

body {
    background-color: white;
    color: var(--ink);
    font-size: var(--fs-body);
    font-family: var(--font-heading);
    margin: 0;
    padding: 0;
}

.dashboard-poc-typography {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
}

.dashboard-poc-typography button,
.dashboard-poc-typography input,
.dashboard-poc-typography select,
.dashboard-poc-typography textarea,
.dashboard-poc-typography table,
.dashboard-poc-typography .dropdown-menu,
.dashboard-poc-typography .dropdown-toggle {
    font-family: inherit;
}

.dashboard-poc-typography .monitoringFiltersHeader h2,
.dashboard-poc-typography .advancedFiltersHeader h2,
.dashboard-poc-typography .filterFinder h3,
.dashboard-poc-typography .filterGroup h3,
.dashboard-poc-typography .sectionHeading h1,
.dashboard-poc-typography .modal.patientFilterModal .modal-title {
    font-family: var(--font-body);
}

/********************************************************
 ***  Design System Button Utilities
 *******************************************************/
.btn-app-primary,
.btn-app-secondary,
.btn-app-ghost {
    align-items: center;
    border: 1px solid transparent;
    border-radius: var(--btn-radius);
    cursor: pointer;
    display: inline-flex;
    gap: 8px;
    justify-content: center;
    min-height: var(--btn-height);
    padding: 8px var(--btn-padding-x);
    font-family: var(--font-body);
    font-size: var(--btn-fs);
    font-weight: var(--btn-fw);
    line-height: 1.2;
    text-decoration: none;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-app-primary {
    background: var(--blue);
    border-color: var(--blue);
    box-shadow: var(--btn-shadow-primary);
    color: #ffffff;
}

.btn-app-primary:hover,
.btn-app-primary:focus {
    background: var(--blue-deep);
    border-color: var(--blue-deep);
    color: #ffffff;
    text-decoration: none;
}

.btn-app-secondary {
    background: #ffffff;
    border-color: var(--line);
    color: var(--blue);
}

.btn-app-secondary:hover,
.btn-app-secondary:focus {
    background: #f8fbff;
    border-color: #c3d8f0;
    color: var(--blue-deep);
    text-decoration: none;
}

.btn-app-ghost {
    background: transparent;
    border-color: transparent;
    color: var(--blue);
    box-shadow: none;
}

.btn-app-ghost:hover,
.btn-app-ghost:focus {
    background: rgba(22, 87, 183, 0.08);
    border-color: rgba(22, 87, 183, 0.08);
    color: var(--blue-deep);
    text-decoration: none;
}

.btn-app-primary:focus-visible,
.btn-app-secondary:focus-visible,
.btn-app-ghost:focus-visible {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(34, 184, 233, 0.22);
}

.btn-app-primary:disabled,
.btn-app-secondary:disabled,
.btn-app-ghost:disabled,
.btn-app-primary.disabled,
.btn-app-secondary.disabled,
.btn-app-ghost.disabled,
.btn-app-primary[aria-disabled="true"],
.btn-app-secondary[aria-disabled="true"],
.btn-app-ghost[aria-disabled="true"] {
    box-shadow: none;
    cursor: not-allowed;
    opacity: 0.65;
}

.btn-app-sm {
    min-height: var(--btn-height-sm);
    padding: 6px var(--btn-padding-x-sm);
    font-size: var(--fs-label);
}

.btn-app-lg {
    min-height: var(--btn-height-lg);
    padding: 10px var(--btn-padding-x-lg);
}

.layout-flex-body {
    background: #f5f7fb;
    color: #183153;
    height: 100vh;
    overflow: hidden;
}

.app-shell {
    display: flex;
    gap: 20px;
    height: 100%;
    padding: 14px;
}

.app-sidebar,
.app-topbar,
.app-footer,
.layout-flex-body #account-menu-bar {
    font-family: var(--font-heading);
    font-size: var(--fs-body);
}

.app-sidebar {
    background: linear-gradient(#05246b 0%, #0648a9 48%, #087cf0 100%);
    border: 0;
    border-radius: 28px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    width: 232px;
    min-width: 232px;
    height: calc(100vh - 48px);
    max-height: calc(100vh - 48px);
    padding: 24px 16px 20px;
    box-shadow: 0 20px 50px #042b7738;
    transition: width 0.2s ease, min-width 0.2s ease, padding 0.2s ease;
    overflow: visible;
    box-sizing: border-box;
}




.app-sidebar-brand {
    color: #fff;
    border-top: 0;
    padding: 14px 0 0;
    display: flex;
    min-width: 0;
    min-height: 72px;
}

.app-sidebar-brand .header-logo {
    width: 100%;
    max-width: 100%;
    height: 36px;
    max-height: 42px;
    margin-top: 0;
    background-position: left center;
    background-size: contain;
    background-repeat: no-repeat;
    filter: brightness(0) invert(1);
}

.app-sidebar-brand .header-logo.chronic-care-iq-small {
    width: 32px;
}

.menuToggle {
    background: #ffffff1a;
    border: 1px solid #ffffff2e;
    border-radius: 12px;
    width: 42px;
    height: 38px;
    margin: 0 6px 14px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 4px;
    padding: 0;
}

.menuToggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.94);
    transition: transform 0.15s ease, opacity 0.15s ease;
}

.menuToggle:hover,
.menuToggle:focus {
    background: #ffffff24;
    border-color: #ffffff45;
}

.menuToggle:focus-visible {
    outline: 2px solid rgba(255, 255, 255, 0.45);
    outline-offset: 2px;
}

.sidebar-login-collapsed-signout {
    display: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: rgba(255, 255, 255, 0.85);
    font-size: 18px;
    text-decoration: none !important;
    transition: background-color 0.15s ease, color 0.15s ease, transform 0.15s ease;
    margin-top: 8px;
}

.sidebar-login-collapsed-signout:hover,
.sidebar-login-collapsed-signout:focus {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.18);
    transform: scale(1.08);
}

/* Collapsed sidebar - reduce width to icon-only */
.app-shell.sidebar-collapsed .app-sidebar {
    width: 78px;
    min-width: 78px;
    padding-left: 12px;
    padding-right: 12px;
}

.app-shell.sidebar-collapsed .sidebar-login {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 14px 0;
}

.app-shell.sidebar-collapsed .sidebar-login-collapsed-signout {
    display: inline-flex !important;
}

.app-shell.sidebar-collapsed .app-sidebar-brand {
    align-items: center;
    justify-content: center;
}

.app-shell.sidebar-collapsed .app-sidebar-brand .header-logo {
    width: 36px;
    height: 36px;
    background-image: url("../../images/site/chronic_care_iq_logo_no_text.png");
    background-position: center;
}

.app-shell.sidebar-collapsed .sidebar-nav-label,
.app-shell.sidebar-collapsed .sidebar-nav-section-title,
.app-shell.sidebar-collapsed .app-sidebar-spacer {
    display: none;
}

.app-shell.sidebar-collapsed .sidebar-login-profile {
    flex-direction: column;
    gap: 0;
}

.app-shell.sidebar-collapsed .sidebar-login-profile-copy,
.app-shell.sidebar-collapsed .sidebar-login-title,
.app-shell.sidebar-collapsed .sidebar-login-copy,
.app-shell.sidebar-collapsed .sidebar-login-actions {
    display: none;
}

.app-shell.sidebar-collapsed .sidebar-nav-link {
    justify-content: center;
    padding-left: 0;
    padding-right: 0;
}

.app-shell.sidebar-collapsed .sidebar-nav-chevron {
    display: none;
}

/* Collapsed sidebar: submenu positioning and hover behavior */
.app-shell.sidebar-collapsed .sidebar-subnav-list {
    left: calc(100% + 14px);
    display: none;
}
/* Show submenu on hover or when opened (clicked) in both expanded and collapsed states */
.sidebar-nav-item-with-subnav:hover>.sidebar-subnav-list,
.sidebar-nav-item-with-subnav.subnav-open>.sidebar-subnav-list,
.app-shell.sidebar-collapsed .sidebar-nav-item-with-subnav:hover>.sidebar-subnav-list,
.app-shell.sidebar-collapsed .sidebar-nav-item-with-subnav.subnav-open>.sidebar-subnav-list {
    display: block !important;
}

.app-sidebar,
.sidebar-nav {
    overflow: visible !important;
}



.app-sidebar-spacer {
    flex: 1 1 auto;
}

.sidebar-nav {
    margin: 0;
    display: flex;
    position: relative;
    padding-top: 10px;
    z-index: 1040;
    flex-direction: column;
    min-width: 0;
    gap: 8px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    overflow-x: hidden;
    scrollbar-width: thin;
    scrollbar-color: rgba(255, 255, 255, 0.25) transparent;
}

.app-sidebar,
.sidebar-nav {
    overflow: visible !important;
}
.sidebar-nav::-webkit-scrollbar {
    width: 4px;
}

.sidebar-nav::-webkit-scrollbar-track {
    background: transparent;
}

.sidebar-nav::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.25);
    border-radius: 4px;
}

.sidebar-nav-list,
.sidebar-subnav-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar-nav-item {
    position: relative;
    margin-bottom: 10px;
}

.sidebar-nav-item-hidden {
    display: none;
}

.sidebar-nav-link,
.sidebar-subnav-link {
    display: flex;
    align-items: center;
    gap: 12px;
    width: 100%;
    border-radius: 14px;
    outline: none;
    text-decoration: none !important;
    transition: background-color 0.15s ease, color 0.15s ease;
}

.sidebar-nav-link {
    align-items: center;
    border-radius: 12px;
    display: flex;
    gap: 14px;
    min-height: 54px;
    min-width: 0;
    padding: 0 18px;
    text-align: left;
    width: 100%;
    background: transparent;
    border: 0;
    color: #eaf7ff;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none !important;
}

/* Non-active navigation links - default state */
.sidebar-nav-link {
    color: #eaf7ff;
    text-decoration: none !important;
}

/* Non-active navigation links - hover state */
.sidebar-nav-link:hover,
.sidebar-nav-item:hover>.sidebar-nav-link,
.sidebar-nav-link:focus {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    outline: none;
    text-decoration: none !important;
}

/* Active navigation link - bright blue pill */
.sidebar-nav-item.active .sidebar-nav-link {
    background: linear-gradient(135deg, #0e95ffc7, #076eece6);
    box-shadow: 0 12px 24px rgba(10, 22, 95, 0.18);
    color: #ffffff;
    border-radius: 12px;
    text-decoration: none !important;
}

/* Icon styling - default for non-active items */
.sidebar-nav-icon {
    width: 30px;
    font-size: 22px;
    line-height: 1;
    text-align: center;
    color: rgba(255, 255, 255, 0.92);
    flex-shrink: 0;
}

/* Active item icon */
.sidebar-nav-item.active>.sidebar-nav-link .sidebar-nav-icon {
    color: #ffffff;
}

.sidebar-nav-label {
    flex: 1 1 auto;
    min-width: 0;
    white-space: nowrap;
    font-size: 16px;
    line-height: 1.25;
    text-decoration: none !important;
}

.sidebar-nav-chevron {
    margin-left: auto;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.74);
    transition: transform 0.15s ease, color 0.15s ease;
}

.sidebar-nav-item.subnav-open>.sidebar-nav-link .sidebar-nav-chevron {
    transform: rotate(90deg);
    color: #fff;
}

.sidebar-nav-section-title {
    margin: 16px 0 8px;
    padding: 0 14px;
    color: rgba(255, 255, 255, 0.72);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sidebar-subnav-list {
    position: absolute;
    top: 0;
    display: none;
    width: 240px;
    margin: 0;
    padding: 10px 0;
    background: #ffffff;
    box-shadow: 0 22px 50px rgba(7, 24, 79, 0.16);
    border: 1px solid #e4ecf7;
    border-radius: 16px;
    left: calc(100% + 18px);
    z-index: 9999 !important;
}

/* Bridges the gap between the sidebar item and the submenu so the hover
   state is not lost while the pointer travels from one to the other. */
.sidebar-subnav-list::after {
    content: "";
    position: absolute;
    top: 0;
    left: -20px;
    width: 20px;
    height: 100%;
}

.sidebar-subnav-list-section {
    padding-top: 34px;
}

.sidebar-subnav-list-section::before {
    content: attr(data-subnav-title);
    position: absolute;
    top: 12px;
    left: 26px;
    color: #0f2b66;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sidebar-subnav-item {
    margin: 0;
}

.sidebar-subnav-divider {
    height: 1px;
    margin: 6px 16px;
    background: #e4ecf7;
}

.sidebar-subnav-link {
    box-sizing: border-box;
    width: calc(100% - 24px);
    margin: 0 12px;
    padding: 10px 16px;
    color: #0878f2;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    border: 1px solid transparent;
    border-radius: 12px;
    align-items: flex-start;
    text-decoration: none !important;
}

.sidebar-subnav-link:visited,
.sidebar-subnav-link:hover,
.sidebar-subnav-link:focus,
.sidebar-subnav-item.active>.sidebar-subnav-link {
    text-decoration: none;
}

.sidebar-subnav-link:hover,
.sidebar-subnav-link:focus,
.sidebar-subnav-link:active {
    color: #0566d3;
    background: #f0f7ff;
    border-color: #e4edf9;
    outline: none;
    text-decoration: none !important;
}

.sidebar-nav-link:focus-visible,
.sidebar-subnav-link:focus-visible {
    outline: none;
}

.sidebar-subnav-item.active>.sidebar-subnav-link {
    color: #0566d3;
    background: #eef5ff;
    border-color: #d8e6fb;
    text-decoration: none !important;
}

.sidebar-nav-item-with-subnav.subnav-open>.sidebar-subnav-list {
    display: block;
}

.sidebar-subnav-list-dashboard {
    padding-top: 34px;
}

.sidebar-subnav-list-dashboard::before {
    content: "HOME";
    position: absolute;
    top: 12px;
    left: 26px;
    color: #0f2b66;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.sidebar-subnav-label,
.sidebar-subnav-copy {
    display: block;
    text-decoration: none !important;
}

.sidebar-subnav-copy {
    margin-top: 2px;
    color: #68778d;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
}

.sidebar-login {
    padding: 14px 0 0;
    margin-top: auto;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    flex-shrink: 0;
    width: 100%;
}

.sidebar-login-title {
    margin: 0 0 6px;
    color: rgba(255, 255, 255, 0.76);
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.sidebar-login-name,
.sidebar-login-copy {
    color: #fff;
    font-size: 16px;
    font-weight: 700;
}

.sidebar-login-copy {
    line-height: 1.4;
    overflow-wrap: break-word;
}

.sidebar-login-profile {
    display: flex;
    align-items: center;
    gap: 14px;
}

.sidebar-login-avatar {
    align-items: center;
    background: #072a78;
    border-radius: 50px;
    color: #ffffff;
    display: inline-flex;
    flex: 0 0 48px;
    font-size: 20px;
    font-weight: 600;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.sidebar-login-profile-copy {
    min-width: 0;
    flex: 1 1 auto;
    overflow: hidden;
}

.sidebar-login-name-link,
.sidebar-login-signout {
    display: block;
    color: #fff;
    text-decoration: none;
}

.sidebar-login-name-link {
    color: #fff;
    display: block;
    font-weight: 760;
    font-size: 15px;
    margin-bottom: 2px;
    line-height: 1.25;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sidebar-login-signout {
    color: #c9dafa;
    text-decoration: none;
    font-size: 15px;
    line-height: 1.3;
}

.sidebar-login-signout:hover {
    color: #ffffff;
    text-decoration: underline;
}

.sidebar-login-actions {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 12px;
}

.sidebar-login-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 14px;
    border-radius: 12px;
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.14);
}

.sidebar-login-link:hover,
.sidebar-login-link:focus {
    color: #fff;
    text-decoration: none;
    background: rgba(255, 255, 255, 0.22);
}

.sidebar-login-link-primary {
    background: rgba(255, 255, 255, 0.22);
}

.site-root-flex.app-main {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    padding-right: 4px;
}

.app-topbar {
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--surface);
    box-shadow: var(--shadow);
}

.app-topbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    min-height: 85px;
    padding: 22px 24px;
}

.app-topbar-title-group {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 6px;
    min-width: 0;
}

.app-topbar-eyebrow {
    display: block;
    margin-bottom: 0;
    color: var(--blue);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.app-topbar-title,
.app-content-header-title {
    margin: 0;
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: var(--fs-h1);
    font-weight: var(--fw-h1);
    line-height: 1.2;
}

.app-topbar-title-group-with-subtitle {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.app-topbar-subtitle {
    margin: 0;
    color: #6a7895;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.35;
}

.app-topbar-actions-host {
    display: flex;
    flex: 1 1 auto;
    justify-content: flex-end;
    min-width: 0;
}

.app-topbar-actions-host:empty {
    display: none;
}

.app-topbar-content--with-action .app-topbar-title-group {
    flex: 1 1 auto;
}

.app-topbar-content--with-action .app-topbar-actions-host {
    flex: 0 0 auto;
}

.app-topbar-actions-host.protocol-site-header-actions-host {
    flex: 1 1 540px;
}

.protocol-site-header-actions-host .app-topbar-actions-row {
    align-items: flex-end;
    gap: 10px 12px;
}

.protocol-site-header-actions-host .app-topbar-action-buttons {
    flex: 0 0 auto;
}

.protocol-site-header-actions-host .app-topbar-search {
    flex: 1 1 300px;
    max-width: 490px;
    min-width: 230px;
}

@media (max-height: 768px) {
    .app-sidebar {
        padding: 16px 12px 14px;
    }

    .app-sidebar-brand {
        min-height: 48px;
        padding-top: 4px;
    }

    .menuToggle {
        margin-bottom: 8px;
        height: 34px;
    }

    .sidebar-nav {
        padding-top: 4px;
        gap: 4px;
    }

    .sidebar-nav-link {
        min-height: 44px;
        font-size: 14px;
        padding: 0 12px;
        gap: 10px;
    }

    .sidebar-login {
        padding-top: 10px;
    }

    .sidebar-login-avatar {
        flex: 0 0 38px;
        width: 38px;
        height: 38px;
        font-size: 16px;
    }

    .sidebar-login-name-link {
        font-size: 14px;
    }

    .sidebar-login-signout {
        font-size: 13px;
    }
}
@media (max-width: 1240px) {
    .app-topbar-actions-host.protocol-site-header-actions-host {
        flex-basis: 100%;
    }

    .protocol-site-header-actions-host .app-topbar-actions-row {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .protocol-site-header-actions-host .app-topbar-search {
        flex: 1 1 100%;
        max-width: 420px;
        min-width: 0;
    }
}

.app-topbar-actions {
    width: 100%;
}

.app-topbar-actions-row {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 14px;
    flex-wrap: wrap;
}

.app-topbar-selection-copy {
    margin-right: auto;
    color: #14214d;
    font-size: 12px;
    font-weight: 800;
    line-height: 1.35;
}

.app-topbar-action-buttons {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.app-topbar-actions .btn {
    border-radius: 8px;
    font-size: 13px;
    font-weight: 700;
    min-height: 38px;
    padding: 8px 14px;
    box-shadow: 0 4px 16px rgba(20, 45, 90, 0.06);
}

.app-topbar-actions .btn i {
    font-size: 13px;
}

.app-topbar-actions .btn span {
    display: inline;
    margin: 0;
}

.app-topbar-actions .btn-primary {
    background: #2383f6;
    border-color: #2383f6;
    color: #fff;
}

.app-topbar-actions .btn-primary:hover,
.app-topbar-actions .btn-primary:focus {
    background: #1474e8;
    border-color: #1474e8;
    color: #fff;
}

.app-topbar-actions .btn-outline-primary {
    background: #fff;
    border-color: #dbe5f1;
    color: #1f7f4a;
    font-size: 13px;
    font-weight: 800;
}

.app-topbar-actions .btn-outline-primary:hover,
.app-topbar-actions .btn-outline-primary:focus {
    background: #f7fbff;
    border-color: #9fc7f6;
    color: #0d62c7;
}

.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary,
.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:hover,
.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:focus,
.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:active,
.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:focus-visible {
    background: #fff;
    border-color: #b8d6c1;
    color: #19794f;
}

.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:hover,
.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:focus,
.app-topbar-actions .monitoring-dashboard-header__toggle.btn-outline-primary:focus-visible {
    box-shadow: 0 12px 28px rgba(21, 53, 93, 0.1);
    color: #135f3d;
}

.app-topbar-actions .monitoring-dashboard-header__toggle .monitoring-dashboard-header__toggle-icon {
    background: #e8f3eb;
    color: #1a8b59;
}

.app-topbar-actions .btn-outline-secondary {
    background: #fff;
    border-color: #dbe5f1;
    color: #667796;
}

.app-topbar-actions .btn-outline-secondary:hover,
.app-topbar-actions .btn-outline-secondary:focus {
    background: #f8fafc;
    border-color: #c5d1df;
    color: #495a77;
}

.app-topbar-search {
    display: flex;
    align-items: center;
    gap: 8px;
    min-height: 38px;
    margin: 0;
    padding: 0 12px;
    background: #fff;
    border: 1px solid #dbe5f1;
    border-radius: 8px;
    box-shadow: 0 4px 16px rgba(20, 45, 90, 0.04);
}

.app-topbar-search:focus-within {
    border-color: #9fc7f6;
    box-shadow: 0 0 0 3px rgba(35, 131, 246, 0.14);
}

.app-topbar-search span {
    margin: 0;
    color: #6a7895;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.app-topbar-search input {
    min-width: 220px;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    box-shadow: none;
    color: #14214d;
}

.app-topbar-search input::placeholder {
    color: #8b98b0;
    opacity: 1;
}

.legacy-site-header {
    margin: 0;
}

.app-topbar-actions {
    align-items: center;
    display: flex;
    flex: 0 0 auto;
    gap: 12px;
}

.site-header-signout,
.site-header-signout:visited,
.site-header-signout:hover,
.site-header-signout:focus,
.site-header-signout:focus-visible,
.site-header-signout:active {
    border: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
    outline: none !important;
    text-decoration: none !important;
}

.app-topbar-action-button {
    align-items: center;
    display: inline-flex;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    gap: 12px;
    min-height: 44px;
}

.patients-card table.results thead th,
.protocol-list-page table.results thead th {
    background: #eff6ff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    height: auto !important;
    letter-spacing: 0.06em !important;
    padding: 12px 14px !important;
    position: sticky !important;
    text-transform: uppercase !important;
    top: 0 !important;
    z-index: 10 !important;
}

.patients-card table.results>thead>tr>th:first-child {
    padding-left: 6px !important;
    padding-right: 6px !important;
    width: 36px;
}

.protocol-list-page table.results .protocolResultsTable__name {
    min-width: 260px !important;
    width: 24% !important;
}

.protocol-list-page table.results>thead>tr>th[data-sort] {
    cursor: pointer;
}

.protocol-list-page table.results>thead>tr>th .sort-icon {
    display: inline-block !important;
    margin-left: 6px;
    opacity: 0.75;
    transform: scale(0.95);
    vertical-align: -2px;
}

.protocol-list-page table.results>thead>tr>th .sort-icon.sort-asc,
.protocol-list-page table.results>thead>tr>th .sort-icon.sort-desc {
    opacity: 1;
}

.patients-card table.results tbody td,
.protocol-list-page table.results tbody td {
    border-bottom: 1px solid #f8fafc !important;
    color: #001242 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    height: auto !important;
    line-height: 1.25 !important;
    padding: 8px 14px !important;
    vertical-align: middle !important;
}

.patients-card table.results tbody tr:hover,
.protocol-list-page table.results tbody tr:hover {
    background-color: #f8fafc !important;
}

.patients-card table.results tbody td a,
.protocol-list-page table.results tbody td a {
    color: #0878f2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.patients-card table.results tbody td a.phone,
.patients-card table.results tbody td .phone,
.patients-card table.results tbody td a[href^="tel:"],
.protocol-list-page table.results tbody td a.phone,
.protocol-list-page table.results tbody td .phone,
.protocol-list-page table.results tbody td a[href^="tel:"] {
    color: #001242 !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.patients-card table.results tbody td img.phone,
.patients-card table.results tbody td .with-icon.phone,
.protocol-list-page table.results tbody td img.phone,
.protocol-list-page table.results tbody td .with-icon.phone {
    display: none !important;
}

.tcm-dashboard-table>tbody>tr>td[data-bind*="phoneLink"] a,
.tcm-dashboard-table>tbody>tr>td[data-bind*="phoneLink"] a:hover,
.tcm-dashboard-table>tbody>tr>td[data-bind*="phoneLink"] a:focus {
    color: #0878f2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.table-context-menu-cell,
table.results tbody td.table-context-menu-cell {
    padding-left: 8px !important;
    padding-right: 8px !important;
    text-align: center;
    vertical-align: middle;
    width: 44px;
}

.table-context-menu-toggle,
.table-context-menu-toggle:visited,
.table-context-menu-toggle:hover,
.table-context-menu-toggle:focus,
.table-context-menu-toggle:active {
    align-items: center;
    background: #f8fbff !important;
    border: 1px solid var(--line) !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    color: var(--blue) !important;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    height: 32px;
    justify-content: center;
    min-height: 32px;
    min-width: 32px;
    padding: 0 !important;
    text-decoration: none !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
    width: 32px;
}

.table-context-menu-toggle.dropdown-toggle::after {
    display: none !important;
}

.table-context-menu-toggle:hover,
.table-context-menu-toggle:focus,
.table-context-menu-toggle.show {
    background: var(--app-card-dropdown-hover) !important;
    border-color: #cbd5e1 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    color: #0d62c7 !important;
}

.table-context-menu-toggle:focus,
.table-context-menu-toggle:focus-visible {
    box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.12), 0 8px 18px rgba(15, 23, 42, 0.08) !important;
    outline: none !important;
}

.table-context-menu-toggle .bi {
    display: inline-flex;
    font-size: 16px;
    justify-content: center;
    line-height: 1;
    width: 1em;
}

.table-context-menu-toggle .bi-chevron-down::before {
    content: "\25BE";
    font-family: inherit;
    font-style: normal;
    font-weight: 700;
}

.table-context-menu-cell .table-context-menu-toggle {
    margin: 0 auto;
}

.app-card-dropdown-menu.dropdown-menu {
    background: var(--surface) !important;
    border: 1px solid var(--app-card-dropdown-border) !important;
    border-radius: 14px !important;
    box-shadow: var(--app-card-dropdown-shadow) !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    margin-top: 8px !important;
    min-width: 220px !important;
    padding: 6px !important;
}

.app-card-dropdown-menu.dropdown-menu>li {
    list-style: none !important;
    margin-bottom: 2px !important;
}

.app-card-dropdown-menu.dropdown-menu>li:last-child {
    margin-bottom: 0 !important;
}

.app-card-dropdown-menu.dropdown-menu>li>a,
.app-card-dropdown-menu .dropdown-item {
    align-items: center !important;
    border-radius: 8px !important;
    color: #1e293b !important;
    display: flex !important;
    font-family: inherit !important;
    font-size: 13.5px !important;
    font-weight: 600 !important;
    gap: 10px !important;
    min-height: 38px;
    padding: 8px 12px !important;
    text-decoration: none !important;
    transition: background-color 0.12s ease, color 0.12s ease, box-shadow 0.12s ease !important;
    white-space: nowrap !important;
}

.app-card-dropdown-menu.dropdown-menu>li>a:hover,
.app-card-dropdown-menu.dropdown-menu>li>a:focus,
.app-card-dropdown-menu .dropdown-item:hover,
.app-card-dropdown-menu .dropdown-item:focus {
    background: var(--app-card-dropdown-hover) !important;
    color: #1877f2 !important;
}

.app-card-dropdown-menu .dropdown-divider,
.app-card-dropdown-menu .divider {
    border-top: 1px solid var(--app-card-dropdown-border) !important;
    margin: 6px 0 !important;
}

.app-card-dropdown-menu .with-icon,
.app-card-dropdown-menu i.with-icon {
    flex-shrink: 0;
}

.app-content-panel {
    border: 1px solid var(--line);
    border-radius: 24px;
    background: var(--surface);
    box-shadow: 0 10px 30px rgba(20, 45, 90, 0.08);
    padding: 24px 28px 28px;
}

.app-content-panel.transparent-content-panel {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    margin-top: 6px;
}

.layout-flex-body.hide-monitoring-shared-header .app-content-panel.transparent-content-panel {
    margin-top: 0;
}

.app-content-panel.transparent-content-panel>.app-page-body.container {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.app-content-panel.transparent-content-panel .panel-expand-with-content {
    background: transparent !important;
    padding: 0 !important;
}

.app-content-panel.transparent-content-panel .monitoringFilters {
    margin-top: 0 !important;
    margin-bottom: 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

.app-content-panel.transparent-content-panel .patients-card {
    margin-top: 24px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    max-width: none !important;
}

.app-page-body.container {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.embedded-page-host {
    position: relative;
    width: 100%;
    min-height: 0;
}

.embedded-page-host-content {
    position: relative;
    min-height: 0;
}

.embedded-page-host [style*="position: absolute"][style*="display: flex"][style*="flex-direction: column"] {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    height: auto !important;
    min-height: 0;
}

.embedded-page-host [style*="overflow: hidden"] {
    overflow: visible !important;
}

.embedded-page-host .content-body {
    overflow-y: visible !important;
    padding-top: 0;
    background-color: transparent;
}

.embedded-page-host .content-body>.container {
    max-width: none;
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.app-empty-state {
    align-items: center;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
    border: 1px dashed #cfddec;
    border-radius: 22px;
    display: flex;
    flex-direction: column;
    padding: 34px 24px;
    text-align: center;
}

.app-empty-state__icon {
    align-items: center;
    background: #eef5ff;
    border-radius: 18px;
    color: #1657b7;
    display: inline-flex;
    font-size: 28px;
    height: 68px;
    justify-content: center;
    margin-bottom: 18px;
    width: 68px;
}

.app-empty-state__title {
    color: #183153;
    font-size: 20px;
    font-weight: 800;
    margin-bottom: 10px;
}

.app-empty-state__text {
    color: #183153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6;
    margin-bottom: 0;
    max-width: 560px;
}

.app-footer {
    border: 1px solid #e7edf5;
    border-radius: 22px;
    background: #fff;
    color: #5d6f86;
    box-shadow: 0 8px 24px rgba(20, 45, 90, 0.05);
}

.layout-flex-body #top-footer.app-footer {
    margin-bottom: 0;
    padding: 16px 22px;
}

body:not(.layout-flex-body)#web-body #top-footer.app-footer {
    margin: 20px auto 24px;
    max-width: 1170px;
    padding: 16px 22px;
    width: calc(100% - 30px);
}

body.layout-flex-body#web-body #top-footer.app-footer {
    margin-bottom: 0;
}

.app-footer-content {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px 14px;
    justify-content: center;
    text-align: center;
}

.app-footer-brand {
    color: #1657b7;
    font-size: 14px;
    font-weight: 700;
}

.app-footer-copy {
    color: #5d6f86;
    font-size: 13px;
    font-weight: 600;
}

.app-footer.app-footer--auth {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #64748b;
}

.layout-flex-body #top-footer.app-footer.app-footer--auth {
    margin-top: auto;
    padding: 24px 20px 32px;
}

.app-footer-auth-copy {
    color: #64748b;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
}

.app-footer-content--auth .app-footer-brand,
.app-footer-content--auth .app-footer-copy {
    color: #64748b;
    font-weight: 400;
}

.layout-flex-body #account-menu-bar {
    display: block;
    margin: 14px 14px 0;
    padding: 0;
    border: 1px solid #f0d4d4;
    border-radius: 18px;
    background: linear-gradient(135deg, #e56f6b 0%, #d9534f 100%);
    color: #fff;
    box-shadow: 0 10px 24px rgba(190, 71, 68, 0.20);
}

.app-account-banner-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 14px 18px;
}

.app-account-banner-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.app-account-banner-actions {
    display: flex;
    align-items: center;
    gap: 18px;
}

.app-account-banner-actions a,
.app-account-banner-actions a:focus,
.app-account-banner-actions a:hover {
    color: #fff;
}

.app-account-banner-actions .disabled {
    color: rgba(255, 255, 255, 0.75);
}

/* Removed conflicting @media (max-width: 991px) query that was breaking sidebar collapse.
   The responsive behavior is now handled by:
   - Desktop (≥1280px): Full sidebar (232px)
   - Tablet (768px-1279px): Icon-only sidebar (78px)
   - Mobile (≤767px): Drawer sidebar (hidden by default)
*/

.fixed-container .fixed-body {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
}

div#top-nav-bar,
ul#adminSubMenu {
    margin-bottom: 0;
}

.site-gradient-up {
    background-color: #CEE3F6;
    background: -moz-linear-gradient(top, #EFFBFB 0%, #E0F2F7 44%, #CEE3F6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #EFFBFB 0%, #E0F2F7 44%, #CEE3F6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #EFFBFB 0%, #E0F2F7 44%, #CEE3F6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFFBFB', endColorstr='#CEE3F6', GradientType=0);
}

.site-gradient-right {
    background-color: #CEE3F6;
    background: -moz-linear-gradient(left, #EFFBFB 0%, #E0F2F7 44%, #CEE3F6 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, #EFFBFB 0%, #E0F2F7 44%, #CEE3F6 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, #EFFBFB 0%, #E0F2F7 44%, #CEE3F6 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFFBFB', endColorstr='#CEE3F6', GradientType=1);
    /* IE6-9 */
}

.side-nav-bar {
    color: #444;
    border-right: 1px solid #a0c1FF;
}

.header {
    color: #444;
    border-bottom: 2px solid #a0c1FF;
}

@media print {
    div.header {
        border-bottom: 0;
    }
}

div.header a,
div.header a:focus,
div.header a:hover {
    color: #444;
}

#top-nav-bar {
    border: none;
}

#top-nav-bar .navbar-toggle {
    margin-top: 0;
    margin-bottom: 0;
}

#top-nav-bar .navbar-toggle span.with-icon {
    margin: 0;
}

#top-nav-bar .nav>li>a,
.side-nav-bar>ul>li>a {
    color: #444;
    font-weight: bold;
}

#top-nav-bar .nav>li.active>a,
.side-nav-bar>ul>li.active>a {
    color: #444;
    text-shadow: none;
    background-color: #A8A7A7;
}

#top-nav-bar .nav>li>a:focus,
#top-nav-bar .nav>li>a:hover,
.side-nav-bar>ul>li>a:focus,
.side-nav-bar>ul>li>a:hover {
    color: #555;
    text-shadow: none;
}

#top-nav-bar .nav>li.active>a:hover,
.side-nav-bar>ul>li.active>a:hover {
    color: darkgray;
}

#top-nav-bar .nav>li.active.dropdown.open>a {
    color: #444;
}

#top-nav-bar .nav>li>a:hover,
.nav>li>a:focus,
.side-nav-bar>ul>li>a:hover,
.side-nav-bar>ul>li>a:focus {
    text-decoration: none;
    background-color: #eeeeee;
}

#top-nav-bar .dropdown-menu {
    font-size: 14px;
}

#top-nav-bar .dropdown-menu>li>a {
    padding: 8px 20px;
}

.side-nav-bar>ul>li>a {
    font-size: 26px;
}

.side-nav-bar>ul>li>a {
    padding: 15px 15px;
}

.side-nav-bar.navmenu {
    width: 275px;
}

#top-footer {
    padding: .7em;
    text-align: center;
}

@media screen {
    #web-body #top-footer {
        margin-bottom: 300px;
    }

    body:not(.layout-flex-body)#web-body #top-footer.app-footer {
        margin-bottom: 24px;
    }
}


#right-header-area ul {
    display: inline-block;
}

.header-logo {
    width: 216px;
    height: 39px;
    vertical-align: top;
    margin-top: 4px;
    background-position: 0 0;
    background-size: 100%;
    background-repeat: no-repeat;
    display: inline-block;
}

.header-logo.chronic-care-iq {
    background-image: url("../../images/site/cciq_logo_rgb.png");
}

.header-logo.chronic-care-iq-small {
    background-image: url("../../images/site/chronic_care_iq_logo_no_text.png");
    width: 39px;
}

@media (max-width: 400px) {
    .header-logo {
        width: 205px;
        height: 37px;
        background-position: 0 1px;
    }

    .header-logo.chronic-care-iq-small {
        width: 37px;
    }
}

@media (max-width: 350px) {
    .header-logo {
        width: 194px;
        height: 35px;
        background-position: 0 2px;
    }

    .header-logo.chronic-care-iq-small {
        width: 35px;
    }
}

@media (max-width: 300px) {
    .header-logo {
        width: 184px;
        height: 33px;
        background-position: 0 3px;
    }

    .header-logo.chronic-care-iq-small {
        width: 33px;
    }
}

#account-menu-bar {
    padding: 10px;
    font-size: 16px;
    background-color: #D9534F;
    color: white;
    border-bottom: 2px solid #AE423F;
}

@media print {
    #account-menu-bar {
        border-bottom: 0;
    }
}

@media (max-width: 767px) {

    #site-root div.container>div,
    #site-header div.container>div {
        width: 100%;
    }

    #top-nav-bar ul.nav>li {
        padding: 7px 0;
        font-size: 114%;
    }

    .text-left-xs {
        text-align: left;
    }

    .text-right-xs {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    #top-nav-bar .navbar-collapse {
        padding-left: 0 !important;
    }
}

@media (max-width: 991px) {
    .text-right-sm {
        text-align: right;
    }
}

/********************************************************
 ***  tag:bootstrap defaults
 *******************************************************/

.dropdown-menu>li>a {
    cursor: pointer;
}

.panel-warning>.panel-heading {
    background-image: -webkit-linear-gradient(top, #EFECD8 0%, #faf2cc 100%);
    background-image: -o-linear-gradient(top, #EFECD8 0%, #faf2cc 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#EFECD8), to(#faf2cc));
    background-image: linear-gradient(to bottom, #EFECD8 0%, #faf2cc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffEFECD8', endColorstr='#fffaf2cc', GradientType=0);
    background-repeat: repeat-x;
    color: #8a6d3b;
    background-color: #EFECD8;
    border-color: #faebcc;
}

.btn-warning {
    background-image: -webkit-linear-gradient(top, #FFD05E 0%, #f0ad4e 100%);
    background-image: -o-linear-gradient(top, #FFD05E 0%, #f0ad4e 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#FFD05E), to(#f0ad4e));
    background-image: linear-gradient(to bottom, #FFD05E 0%, #f0ad4e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffFFD05E', endColorstr='#fff0ad4e', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #FA9B15;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
    background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316));
    background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #e38d13;
}

/********************************************************
 ***  tag:help-icon
 *******************************************************/
div#help-icon {
    right: 15px;
    bottom: 10%;
}

/********************************************************
 ***  Page Header Component
 *******************************************************/
.app-content-header {
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid #e2eaf4;
}

.app-content-header-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    flex-wrap: wrap;
}

.app-content-header-title-group {
    flex: 1 1 auto;
    min-width: 0;
}

.app-content-header-title {
    padding: 0;
}

.app-content-header-subtitle {
    margin: 8px 0 0;
    padding: 0;
    color: #65779f;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.4;
}

.app-content-header-actions {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    gap: 12px;
}

.site-root-flex.app-main {
    /*max-width: 1520px;*/
    max-width: 100%;
    margin: 0px auto;
}

.monitoring-summary-card__title.mb-0 {
    white-space: normal;
}

.monitoring-summary-card__action {
    white-space: normal;
    text-align: left;
}

@media (max-width: 768px) {
    .app-content-header-container {
        flex-direction: column;
        align-items: stretch;
    }

    .app-content-header-actions {
        width: 100%;
        justify-content: flex-start;
    }
}

@media (min-width:1200px) and (max-width:1420px) {

    .monitoring-summary-card__chart-total {
        font-size: 20px !important;
    }

    .monitoring-summary-card__chart-label {
        margin-top: 0px !important;
        font-size: 11px !important;
    }

    .monitoring-summary-card__chart-title {
        padding: 12px 12px !important;
    }
}

.site-root-flex.app-main {
    overflow-x: hidden;
}

.monitoringFilterGrid {
    grid-template-columns: minmax(180px, 1.1fr) repeat(4, minmax(170px, 1fr));
}

.app-content-panel.transparent-content-panel .patients-card {
    width: calc(100vw - 290px) !important;
    overflow-x: auto;
}


@media (max-width: 1200px) {
    .monitoringFilterGrid {
        grid-template-columns: repeat(2, 1fr);
    }
}


@media (max-width: 1199px) {
    .mon-view {
        width: 100%;
    }

    .mon-view .monitoring-summary-card {
        margin-top: 20px;
    }
}

/* Responsive navigation follows the POC shell: full menu, compact rail, then mobile drawer. */
.mobileMenuLauncher {
    display: none;
}

@media (max-width: 1279px) {
    .layout-flex-body {
        height: 100vh;
        min-height: 0;
        overflow: hidden;
    }

    .app-shell {
        flex-direction: row;
        gap: 20px;
        height: 100%;
        padding: 14px;
    }

    .app-sidebar {
        position: relative;
        z-index: 2000;
        width: 78px;
        min-width: 78px;
        height: calc(100vh - 48px);
        padding: 24px 12px 20px;
        border-radius: 28px;
        opacity: 1;
        overflow: visible;
        transform: translateX(0);
        transition: width 180ms ease, min-width 180ms ease, padding 180ms ease,
        opacity 140ms ease, transform 180ms ease;
    }

    /* Ensure sidebar login collapsed signout is visible in icon-only mode */
    .sidebar-login-collapsed-signout {
        display: inline-flex !important;
    }

    .sidebar-login {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .app-sidebar-brand {
        align-items: center;
        justify-content: center;
    }

    .app-sidebar-brand .header-logo {
        width: 36px;
        height: 36px;
        background-image: url("../../images/site/chronic_care_iq_logo_no_text.png");
        background-position: center;
    }

    .menuToggle {
        display: flex;
        margin-right: auto;
        margin-left: auto;
    }

    .sidebar-nav-label,
    .sidebar-nav-section-title,
    .app-sidebar-spacer,
    .sidebar-login-profile-copy,
    .sidebar-login-title,
    .sidebar-login-copy,
    .sidebar-login-actions,
    .sidebar-nav-chevron {
        display: none;
    }

    .sidebar-login,
    .sidebar-login-profile,
    .sidebar-nav-link {
        align-items: center;
        justify-content: center;
    }

    .sidebar-login {
        display: flex;
        padding-right: 0;
        padding-left: 0;
    }

    .sidebar-nav-link {
        padding-right: 0;
        padding-left: 0;
    }

    /* Tablet view: submenu positioning */
    .sidebar-subnav-list,
    .app-shell.sidebar-collapsed .sidebar-subnav-list {
        left: calc(100% + 14px);
    }

    /* Tablet view: show submenu on hover (icon-only mode) */
    .sidebar-nav-item-with-subnav:hover>.sidebar-subnav-list {
        display: block;
    }

    .site-root-flex.app-main {
        position: relative;
        z-index: 1;
        overflow-y: auto;
        padding-right: 4px;
    }

    .app-shell.sidebar-collapsed {
        gap: 0;
    }

    .app-shell.sidebar-collapsed .app-sidebar {
        width: 0;
        min-width: 0;
        padding-right: 0;
        padding-left: 0;
        opacity: 0;
        overflow: visible;
        pointer-events: none;
        transform: translateX(-110%);
    }

    .app-shell.sidebar-collapsed .mobileMenuLauncher {
        position: fixed;
        top: 22px;
        left: 0;
        z-index: 4500;
        display: flex;
        width: 42px;
        height: 44px;
        padding: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 4px;
        background: var(--blue-deep);
        border: 0;
        border-radius: 0 12px 12px 0;
    }

    .mobileMenuLauncher span {
        width: 17px;
        height: 2px;
        background: #fff;
        border-radius: 2px;
    }
}

@media (max-width: 767px) {
    .app-shell {
        gap: 0;
        padding: 10px;
    }

    /* Mobile: sidebar is hidden by default (collapsed), shown when opened */
    .app-sidebar {
        position: fixed;
        top: 10px;
        left: 10px;
        z-index: 5000;
        width: min(252px, calc(100vw - 20px));
        min-width: min(252px, calc(100vw - 20px));
        height: calc(100vh - 20px);
        padding: 24px 16px 20px;
        border-radius: 0 22px 22px 0;
        opacity: 0;
        overflow-y: auto;
        pointer-events: none;
        transform: translateX(calc(-100% - 12px));
    }

    /* When sidebar is NOT collapsed on mobile, show it expanded */
    .app-shell:not(.sidebar-collapsed) .app-sidebar {
        opacity: 1;
        pointer-events: auto;
        transform: translateX(0);
    }

    /* Keep collapsed state hidden */
    .app-shell.sidebar-collapsed .app-sidebar {
        opacity: 0;
        pointer-events: none;
        transform: translateX(calc(-100% - 12px));
    }

    .app-sidebar-brand {
        justify-content: flex-start;
    }

    .app-sidebar-brand .header-logo {
        width: 100%;
        max-width: 100%;
        background-image: url("../../images/site/chronic_care_iq_logo.png");
        background-position: left center;
    }

    .sidebar-nav-label,
    .app-sidebar-spacer,
    .sidebar-login-profile-copy {
        display: block;
    }

    .sidebar-nav-chevron {
        display: inline-block;
    }

    .sidebar-login,
    .sidebar-login-profile,
    .sidebar-nav-link {
        justify-content: flex-start;
    }

    .sidebar-nav-link {
        padding-right: 14px;
        padding-left: 14px;
    }

    /* Mobile subnav behavior */
    .sidebar-nav-item-with-subnav>.sidebar-subnav-list {
        position: static;
        display: none;
        width: auto;
        margin: 8px 0 10px;
        padding: 0 0 0 36px;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }

    .sidebar-nav-item-with-subnav.subnav-open>.sidebar-subnav-list {
        display: block;
    }

    .sidebar-subnav-list-dashboard {
        padding-top: 0;
    }

    .sidebar-subnav-list-dashboard::before,
    .sidebar-subnav-list-section::before {
        display: none;
    }

    .sidebar-subnav-list-section {
        padding-top: 0;
    }

    .sidebar-subnav-link,
    .sidebar-subnav-link:visited,
    .sidebar-subnav-link:hover,
    .sidebar-subnav-link:focus,
    .sidebar-subnav-item.active>.sidebar-subnav-link {
        width: 100%;
        margin: 0;
        padding: 8px 0;
        color: rgba(255, 255, 255, 0.84);
        text-decoration: none;
        border-color: transparent;
        background: transparent;
    }

    .sidebar-subnav-copy {
        color: rgba(255, 255, 255, 0.65);
    }

    .site-root-flex.app-main {
        width: 100%;
        padding-right: 0;
        overflow-y: auto;
    }

    /* Mobile topbar and content panel styles */
    .app-content-panel,
    .app-topbar,
    .app-footer {
        border-radius: 20px;
    }

    .app-topbar-content,
    .app-account-banner-content {
        flex-direction: column;
        align-items: flex-start;
        min-height: 0;
        padding: 20px;
    }

    .app-topbar-title {
        font-size: var(--fs-h1);
    }

    .app-topbar-actions {
        width: 100%;
    }

    .app-topbar-actions-host,
    .app-topbar-actions,
    .app-topbar-actions-row {
        width: 100%;
    }

    .app-topbar-actions-row {
        align-items: stretch;
        justify-content: flex-start;
    }

    .app-topbar-action-buttons,
    .app-topbar-search {
        width: 100%;
    }

    .app-topbar-search input {
        min-width: 0;
        width: 100%;
    }

    .app-account-banner-actions {
        width: 100%;
        justify-content: space-between;
    }
}

.protocol-header-card {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px !important;
    padding: 18px 24px;
    margin: 0 auto 18px auto;
    max-width: 1520px;
    width: calc(100% - 44px);
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.05);
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
}

.protocol-header-title-group {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.protocol-header-title {
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 24px;
    font-weight: 800;
    color: #183153;
    margin: 0;
    line-height: 1.2;
    letter-spacing: -0.01em;
}

.protocol-header-subtitle {
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 500;
    color: #64748b;
    margin: 4px 0 0 0;
    line-height: 1.4;
}

.protocol-header-actions {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.btn-protocol-primary {
    background-color: #1877f2;
    color: #ffffff;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-radius: 10px;
    padding: 8px 18px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1.4;
    min-height: 40px;
    transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    text-decoration: none;
}

.btn-protocol-primary:hover,
.btn-protocol-primary:focus {
    background-color: #1464cc;
    color: #ffffff;
    text-decoration: none;
}

.btn-protocol-primary:disabled {
    background-color: #94a3b8;
    cursor: not-allowed;
    opacity: 0.7;
}

.btn-protocol-outline:disabled,
.btn-protocol-outline-danger:disabled {
    cursor: not-allowed;
    opacity: 0.55;
    box-shadow: none;
}

.btn-protocol-primary.dropdown-toggle::after {
    display: none !important;
}

.btn-protocol-outline {
    background-color: #ffffff;
    color: #1877f2;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    padding: 8px 18px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1.4;
    min-height: 40px;
    transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
    text-decoration: none;
}

.btn-protocol-outline:hover,
.btn-protocol-outline:focus {
    background-color: #f8fafc;
    border-color: #b0b8c4;
    color: #1877f2;
    text-decoration: none;
}

.btn-protocol-danger {
    background-color: #ef4444;
    color: #ffffff;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border: none;
    border-radius: 10px !important;
    padding: 7px 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1.4;
    min-height: 40px;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
}

.btn-protocol-danger:hover {
    background-color: #dc2626;
    color: #ffffff;
}

.btn-protocol-outline-danger {
    background-color: #ffffff;
    color: #ef4444;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 700;
    border: 1px solid #fca5a5;
    border-radius: 10px !important;
    padding: 7px 16px;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    line-height: 1.4;
    min-height: 40px;
    transition: all 0.15s ease-in-out;
    text-decoration: none;
}

.btn-protocol-outline-danger:hover {
    background-color: #fee2e2;
    color: #dc2626;
    border-color: #f87171;
}

.adminTableWrap,
.adminHeader,
.documentHero,
.card,
.q-area {
    border-radius: 8px !important;
}

.protocol-search-box {
    background-color: #ffffff;
    border: 1px solid #d0d5dd;
    border-radius: 10px;
    padding: 6px 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.protocol-search-box:focus-within {
    border-color: #1877f2;
    box-shadow: 0 0 0 3px rgba(24, 119, 242, 0.15);
}

.protocol-search-label {
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 800;
    color: #506080;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    user-select: none;
}

.protocol-search-input {
    border: none;
    outline: none;
    background: transparent;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    color: #183153;
    font-weight: 600;
    width: 180px;
    padding: 0;
}

.protocol-search-input::placeholder {
    color: #94a3b8;
    opacity: 1;
}

.user-list-page {
    margin: 0 auto;
    max-width: 1520px;
    width: calc(100% - 44px);
}

.userResultsTable {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 0;
    width: 100%;
    background-color: #ffffff !important;
    border-radius: 8px !important;
}

.modernTable {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 0;
    width: 100%;
    background-color: #ffffff !important;
    border-radius: 8px !important;
}

.modernTable th {
    color: #26345f !important;
    z-index: 2;
    background: #f8fbff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    position: sticky;
    top: 0;
    text-transform: uppercase !important;
}

.modernTable th,
.modernTable td {
    vertical-align: top !important;
    white-space: normal !important;
    border-bottom: 1px solid #e5eef8 !important;
    height: auto !important;
    padding: 11px 14px !important;
    line-height: 1.4 !important;
}

.modernTable td {
    color: #334064 !important;
    overflow-wrap: anywhere !important;
    font-size: 13px !important;
    font-weight: 650 !important;
}

.modernTable tbody tr,
.userResultsTable tbody tr {
    background-color: #ffffff !important;
}

.modernTable tbody tr td,
.userResultsTable tbody tr td {
    background-color: #ffffff !important;
}

.modernTable tbody tr:hover td,
.userResultsTable tbody tr:hover td,
.userResultsTable>tbody>tr:hover>td {
    background-color: #f0f8ff !important;
}

.userResultsTable>thead>tr>th {
    background: #f4f8fd !important;
    color: #101828 !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.05em !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid #e0eafc !important;
    border-top: none !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.userResultsTable>tbody>tr>td {
    padding: 14px 16px !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    color: #101828 !important;
    border-bottom: 1px solid #e5eef8 !important;
    border-top: none !important;
    vertical-align: middle !important;
}

/* Protocol Detail Header & Card Styling */
.protocol-detail-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px !important;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    margin-bottom: 24px;
    overflow: hidden;
}

.protocol-detail-header-bar {
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid #f1f5f9;
}

.protocol-title-text {
    font-size: 24px;
    font-weight: 800;
    color: #183153;
    margin: 0;
}

.protocol-title-label {
    font-size: 24px;
    font-weight: 600;
    color: #64748b;
    margin-right: 6px;
}

.protocol-meta-grid {
    padding: 4px 0;
}

.protocol-meta-item {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    border-bottom: 1px solid #f1f5f9;
}

.protocol-meta-item:last-child {
    border-bottom: none;
}

.protocol-meta-label-wrap {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 200px;
    flex-shrink: 0;
}

.protocol-meta-icon {
    color: #2563eb;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 20px;
}

.protocol-meta-label {
    font-size: 11px;
    font-weight: 800;
    color: #506080;
}

.protocol-meta-value {
    font-size: 13px;
    font-weight: 600;
    color: #334064;
    min-width: 0;
    overflow-wrap: anywhere;
}

.questions-section-title {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #183153 !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.2 !important;
}

.questions-count-label {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #64748b !important;
    display: flex;
    align-items: center;
    gap: 6px;
}

.questions-count-badge {
    background-color: #2563eb !important;
    color: #ffffff !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    line-height: 1.3 !important;
    display: inline-block;
}

.questions-toolbar {
    gap: 16px;
}

.questions-toolbar-actions,
.question-item-actions {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

/* Question List Items */
.question-item-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px !important;
    box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
    margin-top: 16px;
    padding: 20px 24px;
}

.question-item-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.question-item-title {
    font-size: 20px;
    font-weight: 800;
    color: #183153;
    margin: 0;
}

.question-meta-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    border: 1px solid #e2e8f0;
    border-radius: 8px !important;
    overflow: hidden;
    table-layout: fixed;
}

.question-meta-table td {
    padding: 9px 14px;
    border-bottom: 1px solid #e2e8f0;
    font-size: 13px;
}

.question-meta-table tr:last-child td {
    border-bottom: none;
}

.question-meta-table td.q-label {
    background: #f8fafc;
    color: #506080;
    font-size: 11px;
    font-weight: 800;
    width: 150px;
    border-right: 1px solid #e2e8f0;
}

.question-meta-table td.q-val {
    background: #ffffff;
    color: #334064;
    font-weight: 600;
    overflow-wrap: anywhere;
}

.question-preview-box {
    padding: 8px 16px;
    height: 100%;
}

/* Question Preview Box Answer Sizing */
.question-preview-box,
.q-area,
.q2-area {
    font-size: 15px !important;
    color: #1e293b !important;
}

.question-preview-box .q2-header,
.q-area .q2-header,
.q2-area .q2-header,
.question-preview-box h5,
.q-area h5,
.q2-area h5 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    line-height: 1.5 !important;
    margin-bottom: 14px !important;
}

.question-preview-box label,
.q-area label,
.q2-area label,
.question-preview-box .form-check-label,
.q-area .form-check-label,
.q2-area .form-check-label {
    font-size: 15px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    margin-bottom: 8px !important;
    cursor: pointer;
}

.question-preview-box input[type="radio"],
.question-preview-box input[type="checkbox"],
.q-area input[type="radio"],
.q-area input[type="checkbox"],
.q2-area input[type="radio"],
.q2-area input[type="checkbox"] {
    width: 18px !important;
    height: 18px !important;
    accent-color: #2563eb !important;
    margin-right: 8px !important;
    vertical-align: middle !important;
}

.question-preview-box input.form-control,
.q-area input.form-control,
.q2-area input.form-control,
.question-preview-box select.form-select,
.q-area select.form-select,
.q2-area select.form-select {
    font-size: 15px !important;
    padding: 8px 12px !important;
    border-radius: 8px !important;
    border: 1px solid #cbd5e1 !important;
}

.border-end-md {
    border-right: 1px solid #f1f5f9;
}

/* Custom Protocol Popup Modal Styles */
.protocol-modal-custom .modal-dialog,
.modal-dialog {
    max-width: 680px !important;
}

.protocol-modal-custom .modal-content,
.modal-content {
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 20px 40px rgba(15, 23, 42, 0.15) !important;
    background-color: #ffffff !important;
    overflow: hidden;
}

.protocol-modal-custom .modal-header,
.modal .modal-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #f1f5f9 !important;
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.protocol-modal-title,
.modal .modal-title {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #183153 !important;
    margin: 0 !important;
}

.protocol-tab-btn,
.modal-header .btn-group .btn {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 5px 14px !important;
    border-radius: 6px !important;
    line-height: 1.3 !important;
    transition: none !important;
    box-shadow: none !important;
}

.protocol-tab-btn.active,
.modal-header .btn-group .btn-secondary,
.modal-header .btn-group .btn.active,
.modal-header .btn-group .btn-secondary:hover,
.modal-header .btn-group .btn-secondary:focus,
.modal-header .btn-group .btn-secondary:active,
.modal-header .btn-group .btn.active:hover,
.modal-header .btn-group .btn.active:focus,
.modal-header .btn-group .btn.active:active {
    background-color: #64748b !important;
    color: #ffffff !important;
    border: 1px solid #64748b !important;
    box-shadow: none !important;
}

.protocol-tab-btn:not(.active),
.modal-header .btn-group .btn-outline-secondary,
.modal-header .btn-group .btn-light,
.modal-header .btn-group .btn-outline-secondary:hover,
.modal-header .btn-group .btn-outline-secondary:focus,
.modal-header .btn-group .btn-outline-secondary:active,
.modal-header .btn-group .btn-light:hover,
.modal-header .btn-group .btn-light:focus,
.modal-header .btn-group .btn-light:active {
    background-color: #ffffff !important;
    color: #475569 !important;
    border: 1px solid #cbd5e1 !important;
    box-shadow: none !important;
}

.protocol-modal-custom .modal-body,
.modal .modal-body {
    padding: 24px !important;
    background-color: #ffffff !important;
}

.protocol-modal-custom .form-label,
.modal .modal-body label,
.modal .modal-body .form-label {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 6px !important;
}

.protocol-modal-custom .form-control,
.protocol-modal-custom .form-select,
.modal .modal-body .form-control,
.modal .modal-body .form-select,
.modal .modal-body select {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    color: #183153 !important;
    background-color: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 8px 12px !important;
    height: 40px !important;
    box-shadow: none !important;
}

.protocol-modal-custom .form-control:focus,
.protocol-modal-custom .form-select:focus,
.modal .modal-body .form-control:focus,
.modal .modal-body .form-select:focus {
    border-color: #2563eb !important;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12) !important;
    outline: none !important;
}

.protocol-modal-custom .modal-footer,
.modal .modal-footer {
    background-color: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    padding: 16px 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.protocol-modal-required,
.modal .modal-footer .small {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 12px !important;
    color: #64748b !important;
}

.protocol-modal-btn-cancel,
.modal .modal-footer .btn-secondary,
.modal .modal-footer .btn-secondary:hover,
.modal .modal-footer .btn-secondary:focus,
.modal .modal-footer .btn-secondary:active {
    background-color: #64748b !important;
    color: #ffffff !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 7px 20px !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    transition: none !important;
    transform: none !important;
}

.protocol-modal-btn-ok,
.modal .modal-footer .btn-primary,
.modal .modal-footer .btn-primary:hover,
.modal .modal-footer .btn-primary:focus,
.modal .modal-footer .btn-primary:active {
    background-color: #1877f2 !important;
    color: #ffffff !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    padding: 7px 20px !important;
    border-radius: 6px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    transition: none !important;
    transform: none !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-dialog {
    max-width: 840px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-dialog.modal-sm {
    max-width: 520px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-dialog.modal-lg {
    max-width: 980px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-content {
    border: 1px solid #d9e6f6 !important;
    border-radius: 20px !important;
    box-shadow: 0 24px 64px rgba(15, 23, 42, 0.18) !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-header {
    background: linear-gradient(135deg, #f8fbff 0%, #eef6ff 62%, #e1f4ef 100%) !important;
    align-items: flex-start !important;
    border-bottom: 1px solid #dbe7f6 !important;
    flex-wrap: wrap !important;
    gap: 4px 16px;
    justify-content: flex-start !important;
    min-height: 0;
    padding: 18px 28px 16px !important;
    position: relative;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-header .close {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d9e6f6;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 24px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 28px;
    top: 18px;
    text-shadow: none;
    width: 36px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-header .close:hover,
.protocol-modal-custom.tcm-dashboard-popup .modal-header .close:focus {
    background: #eef5ff;
    border-color: #c3d8f0;
    color: #1657b7;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-header .pad-top-7,
.protocol-modal-custom.tcm-dashboard-popup .modal-header .mar-top-7,
.protocol-modal-custom.tcm-dashboard-popup .modal-header>span:not(.modal-title) {
    color: #64748b;
    flex: 1 1 100%;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    margin: 0;
    padding-left: 0 !important;
    padding-right: 56px;
    padding-top: 0 !important;
    text-align: left;
    width: 100%;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-title {
    color: #223a63 !important;
    display: block;
    flex: 1 1 100%;
    font-size: 20px !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    line-height: 1.2;
    margin: 0 !important;
    padding-right: 56px;
    text-align: left;
    width: 100%;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body {
    background: #f8fafc !important;
    color: #334064;
    padding: 18px 24px 22px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__surface {
    background: #ffffff;
    border: 1px solid #dbe7f6;
    border-radius: 22px;
    box-shadow: 0 10px 28px rgba(20, 45, 90, 0.06);
    padding: 18px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__surface+.tcm-dashboard-popup__surface {
    margin-top: 18px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__grid {
    display: grid;
    gap: 18px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__field-label,
.protocol-modal-custom.tcm-dashboard-popup .modal-body .control-label {
    color: #173b73;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .05em;
    text-transform: uppercase;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .h4,
.protocol-modal-custom.tcm-dashboard-popup .modal-body .h5,
.protocol-modal-custom.tcm-dashboard-popup .modal-body .q-header {
    color: #183153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-weight: 700;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .h4 {
    font-size: 18px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .h5,
.protocol-modal-custom.tcm-dashboard-popup .modal-body .q-header {
    font-size: 14px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .control-label,
.protocol-modal-custom.tcm-dashboard-popup .modal-body .form-control-static {
    color: #334064;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .control-label {
    font-weight: 700;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .form-control-static {
    background: #f8fbff;
    border: 1px solid #e2eaf4;
    border-radius: 12px;
    min-height: 48px;
    padding: 12px 14px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .input-group-addon {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #cbd5e1;
    border-left: 0;
    border-radius: 0 12px 12px 0;
    color: #64748b;
    display: flex;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .alert {
    border: 1px solid #dbe7f6;
    border-radius: 12px;
    box-shadow: none;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    margin-bottom: 16px;
    padding: 12px 14px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .validationMessage {
    color: #c2410c;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-top: 6px;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .btn.btn-default {
    background: #ffffff !important;
    border: 1px solid #d0d5dd !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #1657b7 !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    min-height: 48px;
    padding: 8px 16px !important;
    text-decoration: none !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-body .btn.btn-default:hover,
.protocol-modal-custom.tcm-dashboard-popup .modal-body .btn.btn-default:focus {
    background: #f8fbff !important;
    border-color: #c3d8f0 !important;
    color: #0d4f9c !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-footer {
    background: #ffffff !important;
    border-top: 1px solid #e5eef8 !important;
    gap: 10px;
    padding: 22px 28px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-footer .font-small-80,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .pull-left {
    color: #64748b;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn2,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn.btn-default {
    background: #7184a3 !important;
    border: 1px solid #7184a3 !important;
    border-radius: 12px !important;
    box-shadow: none !important;
    color: #ffffff !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    min-height: 52px;
    min-width: 136px;
    padding: 10px 24px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn2:hover,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn2:focus,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn.btn-default:hover,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn.btn-default:focus {
    background: #657896 !important;
    border-color: #657896 !important;
    color: #ffffff !important;
}

.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn-primary,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn-primary:hover,
.protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn-primary:focus {
    border-radius: 12px !important;
    min-height: 52px;
    min-width: 180px;
    padding: 10px 28px !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__dialog {
    margin: 12px auto !important;
    max-width: 920px !important;
    width: min(920px, calc(100vw - 24px)) !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__content {
    background: #ffffff !important;
    overflow: hidden !important;
    padding: 0 !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .modal-header.patient-modal-header {
    background: linear-gradient(180deg, #f0f6ff 0%, #e8f2ff 100%) !important;
    border-bottom: 1px solid #d9e6f6 !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    gap: 16px !important;
    padding: 18px 24px 14px !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .patient-modal-header-text {
    flex: 1 1 auto;
    min-width: 0;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .patient-modal-title {
    color: #0b192c !important;
    display: block;
    font: 700 22px/1.25 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    letter-spacing: 0;
    margin: 0 0 4px !important;
    padding-right: 0;
    text-align: left;
    width: auto;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .patient-modal-subtitle {
    color: #0878f2 !important;
    font: 600 13px/1.4 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .patient-modal-close-btn {
    align-items: center;
    display: inline-flex !important;
    justify-content: center;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__close-icon {
    font-size: 14px;
    line-height: 1;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .input-group {
    align-items: stretch;
    display: flex;
    width: 100%;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .form-control {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-radius: 10px !important;
    box-shadow: none !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .input-group:focus-within .form-control,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .input-group:focus-within .input-group-addon {
    border-color: #93c5fd !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .input-group-addon {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #475569 !important;
    cursor: pointer;
    justify-content: center;
    min-width: 46px;
    padding: 0 !important;
    transition: background-color .18s ease, border-color .18s ease, color .18s ease;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .input-group-addon:hover {
    background: #eef6ff !important;
    border-color: #93c5fd !important;
    color: #0878f2 !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .input-group-addon .with-icon.calendar {
    background: center / 16px 16px no-repeat url("../../images/icons/tcm/calendar.svg") !important;
    height: 16px;
    margin: 0;
    width: 16px;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker {
    border: 1px solid #dbe7f6;
    border-radius: 16px;
    box-shadow: 0 18px 40px rgba(15, 23, 42, 0.18);
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    padding: 8px;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker-dropdown:before,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker-dropdown:after {
    display: none !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr th,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td {
    border-radius: 10px;
    height: 36px;
    width: 36px;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr th {
    color: #173b73;
    font-size: 12px;
    font-weight: 700;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr th.dow {
    color: #64748b;
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker .datepicker-switch,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker .prev,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker .next {
    border-radius: 10px;
    color: #173b73;
    font-weight: 700;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.day,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span {
    color: #334155;
    font-size: 13px;
    font-weight: 600;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.day:hover,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span:hover,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker .datepicker-switch:hover,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker .prev:hover,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker .next:hover {
    background: #edf5ff;
    color: #0878f2;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.active.active,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.active:hover,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span.active,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span.active:hover {
    background: #0878f2 !important;
    color: #ffffff !important;
    text-shadow: none;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.today,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span.focused {
    background: #dbeafe;
    color: #1657b7;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.disabled,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td.disabled:hover,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span.disabled,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .datepicker table tr td span.disabled:hover {
    color: #94a3b8;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .modal-footer.patient-modal-footer {
    background: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    border-radius: 0 0 16px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 12px 20px !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__footer-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__footer-actions .patient-btn-submit {
    align-items: center;
    display: inline-flex !important;
    gap: 6px;
    justify-content: center;
    min-width: 160px;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__submit-spinner {
    margin-right: 0;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__submit-icon {
    font-size: 13px;
    line-height: 1;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__now-btn {
    align-items: center;
    display: inline-flex !important;
    gap: 6px;
    justify-content: center;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__now-icon {
    font-size: 13px;
    line-height: 1;
}

.resolve-call-dialog .resolve-call-dialog__dialog {
    max-width: 660px !important;
}

.resolve-call-dialog .resolve-call-dialog__header {
    align-items: flex-start !important;
    gap: 16px;
}

.resolve-call-dialog .resolve-call-dialog__header-text {
    flex: 1 1 auto;
    min-width: 0;
}

.resolve-call-dialog .resolve-call-dialog__eyebrow {
    align-self: flex-start;
    background: #fff4db;
    border: 1px solid #f4d79b;
    border-radius: 999px;
    color: #b86800;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1;
    margin-bottom: 8px;
    padding: 6px 10px;
    text-transform: uppercase;
}

.resolve-call-dialog .modal-title {
    color: #223a63 !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.resolve-call-dialog .resolve-call-dialog__subtitle {
    color: #64748b;
    display: block;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    margin: 6px 0 0;
    padding-top: 0 !important;
}

.resolve-call-dialog .resolve-call-dialog__close {
    align-items: center;
    align-self: flex-start;
    background: #f8fbff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 999px;
    color: #64748b !important;
    display: inline-flex;
    font-size: 24px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: 0 !important;
    opacity: 1;
    padding: 0 !important;
    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
    width: 36px;
}

.resolve-call-dialog .resolve-call-dialog__close:hover,
.resolve-call-dialog .resolve-call-dialog__close:focus {
    background: #eef5ff !important;
    border-color: #c3d8f0 !important;
    box-shadow: 0 8px 18px rgba(15, 23, 42, 0.08);
    color: #1657b7 !important;
}

.resolve-call-dialog .resolve-call-dialog__footer {
    justify-content: flex-end !important;
}

.resolve-call-dialog .resolve-call-dialog__footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: flex-end;
    margin-left: auto;
}

.resolve-call-dialog .resolve-call-dialog__btn {
    align-items: center;
    border-radius: 12px !important;
    border-width: 1px !important;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    gap: 8px;
    justify-content: center;
    min-height: 52px;
    min-width: 154px;
    padding: 0 24px !important;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .18s ease, color .15s ease;
}

.resolve-call-dialog .resolve-call-dialog__btn--cancel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
}

.resolve-call-dialog .resolve-call-dialog__btn--cancel:hover,
.resolve-call-dialog .resolve-call-dialog__btn--cancel:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.resolve-call-dialog .resolve-call-dialog__btn--primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.resolve-call-dialog .resolve-call-dialog__btn--primary:hover,
.resolve-call-dialog .resolve-call-dialog__btn--primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

.resolve-call-dialog .resolve-call-dialog__btn[disabled],
.resolve-call-dialog .resolve-call-dialog__btn:disabled {
    background: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
}

@media (max-width: 767.98px) {
    .resolve-call-dialog .resolve-call-dialog__footer-actions {
        width: 100%;
    }

    .resolve-call-dialog .resolve-call-dialog__btn {
        flex: 1 1 100%;
        width: 100%;
    }
}

.call-exception-page {
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
}

.call-exception-page__header {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
}

.call-exception-page__title {
    color: #0f214d;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 24px;
    font-weight: 800;
    letter-spacing: -0.02em;
    margin: 0;
}

.call-exception-page__add-btn {
    align-items: center;
    background: linear-gradient(135deg, var(--blue), #4c66d8);
    border: none;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.20);
    color: #ffffff !important;
    display: inline-flex;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    text-decoration: none !important;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.call-exception-page__add-btn:hover,
.call-exception-page__add-btn:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf);
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.26);
    color: #ffffff !important;
}

.call-exception-page__add-btn .with-icon {
    filter: brightness(0) invert(1);
}

.call-exception-page__table-card {
    margin-top: 18px;
}

.call-exception-table-wrap {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    overflow: visible;
}

.call-exception-table {
    border-collapse: separate;
    border-spacing: 0;
    color: #1e293b;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    margin-bottom: 0;
}

.call-exception-table>thead>tr>th {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    padding: 14px 16px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.call-exception-table>thead>tr>th:first-child {
    border-top-left-radius: 16px;
}

.call-exception-table>thead>tr>th:last-child {
    border-top-right-radius: 16px;
}

.call-exception-table>tbody>tr>td,
.call-exception-table>tbody>tr>th {
    background: #ffffff !important;
    border-bottom: 1px solid #eef2f7 !important;
    color: #334064 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.45;
    padding: 14px 16px !important;
    vertical-align: middle !important;
}

.call-exception-table>tbody>tr.striped-row>td,
.call-exception-table>tbody>tr.striped-row>th {
    background: #ffffff !important;
}

.call-exception-table>tbody>tr[data-row-id]:hover>td,
.call-exception-table>tbody>tr[data-row-id]:hover>th {
    background: #f5f9ff !important;
}

.call-exception-table>tbody>tr:last-child>td:first-child {
    border-bottom-left-radius: 16px;
}

.call-exception-table>tbody>tr:last-child>td:last-child {
    border-bottom-right-radius: 16px;
}

.call-exception-table__empty-row>td {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 18px 16px !important;
}

.call-exception-table .dropdown {
    display: flex;
    justify-content: center;
}

.call-exception-table__menu {
    left: 0 !important;
    right: auto !important;
}

.call-exception-table__phone-cell {
    color: var(--blue) !important;
    font-weight: 700 !important;
}

.call-exception-dialog .call-exception-dialog__dialog {
    max-width: 540px !important;
    width: min(540px, calc(100vw - 24px));
}

.call-exception-dialog .call-exception-dialog__header {
    align-items: flex-start !important;
    gap: 16px;
}

.call-exception-dialog .call-exception-dialog__header-text {
    flex: 1 1 auto;
    min-width: 0;
}

.call-exception-dialog .call-exception-dialog__eyebrow {
    align-self: flex-start;
    background: #fff4db;
    border: 1px solid #f4d79b;
    border-radius: 999px;
    color: #b86800;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1;
    margin-bottom: 8px;
    padding: 6px 10px;
    text-transform: uppercase;
}

.call-exception-dialog .modal-title {
    color: #223a63 !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.call-exception-dialog .call-exception-dialog__subtitle {
    color: #64748b;
    display: block;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    margin: 6px 0 0;
}

.call-exception-dialog .call-exception-dialog__alert {
    margin-bottom: 0;
}

.call-exception-dialog .call-exception-dialog__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.call-exception-dialog .call-exception-dialog__field-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.call-exception-dialog .call-exception-dialog__field-label {
    color: #1f3153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
}

.call-exception-dialog .call-exception-dialog__input {
    border: 1px solid #cfe0f2 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #223a63 !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    min-height: 44px;
    padding: 10px 14px !important;
}

.call-exception-dialog .call-exception-dialog__input:focus {
    border-color: #72a7ff !important;
    box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.12) !important;
}

.call-exception-dialog .call-exception-dialog__footer {
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

.call-exception-dialog .call-exception-dialog__footer-note {
    color: #64748b;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-right: 14px;
    white-space: nowrap;
}

.call-exception-dialog .call-exception-dialog__footer-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: flex-end;
    margin-left: auto;
}

.call-exception-dialog .call-exception-dialog__btn {
    align-items: center;
    border-radius: 12px !important;
    border-width: 1px !important;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    gap: 8px;
    justify-content: center;
    min-height: 52px;
    min-width: 144px;
    padding: 0 24px !important;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .18s ease, color .15s ease;
}

.call-exception-dialog .call-exception-dialog__btn--cancel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
}

.call-exception-dialog .call-exception-dialog__btn--cancel:hover,
.call-exception-dialog .call-exception-dialog__btn--cancel:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.call-exception-dialog .call-exception-dialog__btn--primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.call-exception-dialog .call-exception-dialog__btn--primary:hover,
.call-exception-dialog .call-exception-dialog__btn--primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

.call-exception-dialog .call-exception-dialog__btn[disabled],
.call-exception-dialog .call-exception-dialog__btn:disabled {
    background: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
}

.call-exception-confirm-dialog .modal-dialog.modal-sm {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 24px));
}

.call-exception-confirm-dialog .modal-header {
    align-items: flex-start !important;
    gap: 10px;
    padding: 18px 28px 16px !important;
}

.call-exception-confirm-dialog .modal-header .modal-title {
    color: #223a63 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    padding-right: 56px;
}

.call-exception-confirm-dialog .modal-header .modal-title::before {
    content: 'Phone Matching';
    color: #1657b7;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.call-exception-confirm-dialog .modal-header .bootbox-close-button.close {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d9e6f6;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 24px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 24px;
    text-shadow: none;
    top: 18px;
    width: 36px;
}

.call-exception-confirm-dialog .modal-header .bootbox-close-button.close:hover,
.call-exception-confirm-dialog .modal-header .bootbox-close-button.close:focus {
    background: #eef5ff;
    border-color: #c3d8f0;
    color: #1657b7;
}

.call-exception-confirm-dialog .modal-body {
    background: #f8fafc !important;
    padding: 0 24px 22px !important;
}

.call-exception-confirm-dialog .bootbox-body {
    background: #ffffff;
    border: 1px solid #dbe7f6;
    border-radius: 18px;
    color: #475569;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    padding: 18px 20px;
}

.call-exception-confirm-dialog .modal-footer {
    gap: 12px;
    justify-content: flex-end !important;
}

.call-exception-confirm-dialog .modal-footer .btn2 {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}

.call-exception-confirm-dialog .modal-footer .btn2:hover,
.call-exception-confirm-dialog .modal-footer .btn2:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.call-exception-confirm-dialog .modal-footer .btn-primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.call-exception-confirm-dialog .modal-footer .btn-primary:hover,
.call-exception-confirm-dialog .modal-footer .btn-primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__dialog {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 24px));
}

.ajax-status-dialog--call-exception .ajax-status-dialog__body {
    align-items: center;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    display: flex;
    justify-content: center;
    min-height: 250px;
    padding: 28px !important;
    text-align: center;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__state {
    width: 100%;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__state--success,
.ajax-status-dialog--call-exception .ajax-status-dialog__state--waiting,
.ajax-status-dialog--call-exception .ajax-status-dialog__state--error {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title {
    color: #223a63;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title--waiting,
.ajax-status-dialog--call-exception .ajax-status-dialog__title--error {
    font-size: 22px;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title--success {
    font-size: 28px;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title--success::before {
    content: 'Phone Matching';
    color: #1657b7;
    display: block;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__spinner {
    margin-top: 18px;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__message {
    background: #ffffff;
    border: 1px solid #dbe7f6;
    border-radius: 18px;
    color: #475569;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 18px;
    max-width: 100%;
    padding: 18px 20px;
    text-align: left;
    width: 100%;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__button {
    align-items: center;
    border-radius: 12px !important;
    border-width: 1px !important;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    justify-content: center;
    line-height: 1.2 !important;
    margin-top: 22px;
    min-height: 52px;
    min-width: 152px;
    padding: 0 28px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .18s ease, color .15s ease;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__button--primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__button--primary:hover,
.ajax-status-dialog--call-exception .ajax-status-dialog__button--primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    .call-exception-page__header {
        align-items: stretch;
    }

    .call-exception-page__add-btn {
        justify-content: center;
        width: 100%;
    }

    .call-exception-dialog .call-exception-dialog__footer {
        align-items: stretch !important;
        flex-direction: column;
    }

    .call-exception-dialog .call-exception-dialog__footer-actions {
        margin-left: 0;
        width: 100%;
    }

    .call-exception-dialog .call-exception-dialog__btn {
        flex: 1 1 100%;
        width: 100%;
    }

    .call-exception-confirm-dialog .modal-header,
    .call-exception-confirm-dialog .modal-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

}

.call-exception-page__add-btn {
    align-items: center;
    background: linear-gradient(135deg, var(--blue), #4c66d8);
    border: none;
    border-radius: 12px;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.20);
    color: #ffffff !important;
    display: inline-flex;
    font-family: inherit;
    font-size: 13.5px;
    font-weight: 700;
    gap: 8px;
    min-height: 42px;
    padding: 0 16px;
    text-decoration: none !important;
    transition: background-color 0.15s ease, box-shadow 0.15s ease, transform 0.15s ease;
}

.call-exception-page__add-btn:hover,
.call-exception-page__add-btn:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf);
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.26);
    color: #ffffff !important;
}

.call-exception-page__add-btn .with-icon {
    filter: brightness(0) invert(1);
}

.call-exception-page__table-card {
    margin-top: 18px;
}

.call-exception-table-wrap {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 16px;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.04);
    overflow: visible;
}

.call-exception-table {
    border-collapse: separate;
    border-spacing: 0;
    color: #1e293b;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    margin-bottom: 0;
}

.call-exception-table>thead>tr>th {
    background: linear-gradient(180deg, #f8fbff 0%, #eef6ff 100%) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-family: inherit !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em;
    padding: 14px 16px !important;
    text-transform: uppercase;
    white-space: nowrap;
}

.call-exception-table>thead>tr>th:first-child {
    border-top-left-radius: 16px;
}

.call-exception-table>thead>tr>th:last-child {
    border-top-right-radius: 16px;
}

.call-exception-table>tbody>tr>td,
.call-exception-table>tbody>tr>th {
    background: #ffffff !important;
    border-bottom: 1px solid #eef2f7 !important;
    color: #334064 !important;
    font-family: inherit !important;
    font-size: 13px !important;
    font-weight: 600;
    line-height: 1.45;
    padding: 14px 16px !important;
    vertical-align: middle !important;
}

.call-exception-table>tbody>tr.striped-row>td,
.call-exception-table>tbody>tr.striped-row>th {
    background: #ffffff !important;
}

.call-exception-table>tbody>tr[data-row-id]:hover>td,
.call-exception-table>tbody>tr[data-row-id]:hover>th {
    background: #f5f9ff !important;
}

.call-exception-table>tbody>tr:last-child>td:first-child {
    border-bottom-left-radius: 16px;
}

.call-exception-table>tbody>tr:last-child>td:last-child {
    border-bottom-right-radius: 16px;
}

.call-exception-table__empty-row>td {
    color: #64748b !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    padding: 18px 16px !important;
}

.call-exception-table .dropdown {
    display: flex;
    justify-content: center;
}

.call-exception-table__menu {
    left: 0 !important;
    right: auto !important;
}

.call-exception-table__phone-cell {
    color: var(--blue) !important;
    font-weight: 700 !important;
}

.call-exception-dialog .call-exception-dialog__dialog {
    max-width: 540px !important;
    width: min(540px, calc(100vw - 24px));
}

.call-exception-dialog .call-exception-dialog__header {
    align-items: flex-start !important;
    gap: 16px;
}

.call-exception-dialog .call-exception-dialog__header-text {
    flex: 1 1 auto;
    min-width: 0;
}

.call-exception-dialog .call-exception-dialog__eyebrow {
    align-self: flex-start;
    background: #fff4db;
    border: 1px solid #f4d79b;
    border-radius: 999px;
    color: #b86800;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .06em;
    line-height: 1;
    margin-bottom: 8px;
    padding: 6px 10px;
    text-transform: uppercase;
}

.call-exception-dialog .modal-title {
    color: #223a63 !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: -0.02em;
    line-height: 1.2;
}

.call-exception-dialog .call-exception-dialog__subtitle {
    color: #64748b;
    display: block;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.45;
    margin: 6px 0 0;
}

.call-exception-dialog .call-exception-dialog__alert {
    margin-bottom: 0;
}

.call-exception-dialog .call-exception-dialog__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.call-exception-dialog .call-exception-dialog__field-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.call-exception-dialog .call-exception-dialog__field-label {
    color: #1f3153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 700;
    margin: 0;
}

.call-exception-dialog .call-exception-dialog__input {
    border: 1px solid #cfe0f2 !important;
    border-radius: 10px !important;
    box-shadow: none !important;
    color: #223a63 !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 14px !important;
    min-height: 44px;
    padding: 10px 14px !important;
}

.call-exception-dialog .call-exception-dialog__input:focus {
    border-color: #72a7ff !important;
    box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.12) !important;
}

.call-exception-dialog .call-exception-dialog__footer {
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
}

.call-exception-dialog .call-exception-dialog__footer-note {
    color: #64748b;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    margin-right: 14px;
    white-space: nowrap;
}

.call-exception-dialog .call-exception-dialog__footer-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 12px;
    justify-content: flex-end;
    margin-left: auto;
}

.call-exception-dialog .call-exception-dialog__btn {
    align-items: center;
    border-radius: 12px !important;
    border-width: 1px !important;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    gap: 8px;
    justify-content: center;
    min-height: 52px;
    min-width: 144px;
    padding: 0 24px !important;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .18s ease, color .15s ease;
}

.call-exception-dialog .call-exception-dialog__btn--cancel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
}

.call-exception-dialog .call-exception-dialog__btn--cancel:hover,
.call-exception-dialog .call-exception-dialog__btn--cancel:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.call-exception-dialog .call-exception-dialog__btn--primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.call-exception-dialog .call-exception-dialog__btn--primary:hover,
.call-exception-dialog .call-exception-dialog__btn--primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

.call-exception-dialog .call-exception-dialog__btn[disabled],
.call-exception-dialog .call-exception-dialog__btn:disabled {
    background: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
}

.call-exception-confirm-dialog .modal-dialog.modal-sm {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 24px));
}

.call-exception-confirm-dialog .modal-header {
    align-items: flex-start !important;
    gap: 10px;
    padding: 18px 28px 16px !important;
}

.call-exception-confirm-dialog .modal-header .modal-title {
    color: #223a63 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    line-height: 1.2;
    padding-right: 56px;
}

.call-exception-confirm-dialog .modal-header .modal-title::before {
    content: 'Phone Matching';
    color: #1657b7;
    display: block;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.call-exception-confirm-dialog .modal-header .bootbox-close-button.close {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #d9e6f6;
    border-radius: 999px;
    color: #64748b;
    display: inline-flex;
    font-size: 24px;
    font-weight: 400;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    opacity: 1;
    position: absolute;
    right: 24px;
    text-shadow: none;
    top: 18px;
    width: 36px;
}

.call-exception-confirm-dialog .modal-header .bootbox-close-button.close:hover,
.call-exception-confirm-dialog .modal-header .bootbox-close-button.close:focus {
    background: #eef5ff;
    border-color: #c3d8f0;
    color: #1657b7;
}

.call-exception-confirm-dialog .modal-body {
    background: #f8fafc !important;
    padding: 0 24px 22px !important;
}

.call-exception-confirm-dialog .bootbox-body {
    background: #ffffff;
    border: 1px solid #dbe7f6;
    border-radius: 18px;
    color: #475569;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    padding: 18px 20px;
}

.call-exception-confirm-dialog .modal-footer {
    gap: 12px;
    justify-content: flex-end !important;
}

.call-exception-confirm-dialog .modal-footer .btn2 {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
    line-height: 1.2 !important;
    text-shadow: none !important;
}

.call-exception-confirm-dialog .modal-footer .btn2:hover,
.call-exception-confirm-dialog .modal-footer .btn2:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

.call-exception-confirm-dialog .modal-footer .btn-primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.call-exception-confirm-dialog .modal-footer .btn-primary:hover,
.call-exception-confirm-dialog .modal-footer .btn-primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__dialog {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 24px));
}

.ajax-status-dialog--call-exception .ajax-status-dialog__body {
    align-items: center;
    background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%) !important;
    display: flex;
    justify-content: center;
    min-height: 250px;
    padding: 28px !important;
    text-align: center;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__state {
    width: 100%;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__state--success,
.ajax-status-dialog--call-exception .ajax-status-dialog__state--waiting,
.ajax-status-dialog--call-exception .ajax-status-dialog__state--error {
    align-items: center;
    display: flex;
    flex-direction: column;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title {
    color: #223a63;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif;
    font-weight: 800;
    line-height: 1.2;
    margin: 0;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title--waiting,
.ajax-status-dialog--call-exception .ajax-status-dialog__title--error {
    font-size: 22px;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title--success {
    font-size: 28px;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__title--success::before {
    content: 'Phone Matching';
    color: #1657b7;
    display: block;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .08em;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__spinner {
    margin-top: 18px;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__message {
    background: #ffffff;
    border: 1px solid #dbe7f6;
    border-radius: 18px;
    color: #475569;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.6;
    margin-top: 18px;
    max-width: 100%;
    padding: 18px 20px;
    text-align: left;
    width: 100%;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__button {
    align-items: center;
    border-radius: 12px !important;
    border-width: 1px !important;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    justify-content: center;
    line-height: 1.2 !important;
    margin-top: 22px;
    min-height: 52px;
    min-width: 152px;
    padding: 0 28px !important;
    text-decoration: none !important;
    text-shadow: none !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .18s ease, color .15s ease;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__button--primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

.ajax-status-dialog--call-exception .ajax-status-dialog__button--primary:hover,
.ajax-status-dialog--call-exception .ajax-status-dialog__button--primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

@media (max-width: 767.98px) {
    .call-exception-page__header {
        align-items: stretch;
    }

    .call-exception-page__add-btn {
        justify-content: center;
        width: 100%;
    }

    .call-exception-dialog .call-exception-dialog__footer {
        align-items: stretch !important;
        flex-direction: column;
    }

    .call-exception-dialog .call-exception-dialog__footer-actions {
        margin-left: 0;
        width: 100%;
    }

    .call-exception-dialog .call-exception-dialog__btn {
        flex: 1 1 100%;
        width: 100%;
    }

    .call-exception-confirm-dialog .modal-header,
    .call-exception-confirm-dialog .modal-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .call-exception-confirm-dialog .modal-body {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .call-exception-confirm-dialog .modal-footer {
        align-items: stretch !important;
        flex-direction: column;
    }

    .call-exception-confirm-dialog .modal-footer .btn,
    .call-exception-confirm-dialog .modal-footer .btn2 {
        width: 100%;
    }

    .ajax-status-dialog--call-exception .ajax-status-dialog__body {
        min-height: 220px;
        padding: 22px 18px !important;
    }

    .ajax-status-dialog--call-exception .ajax-status-dialog__title--success {
        font-size: 24px;
    }

    .ajax-status-dialog--call-exception .ajax-status-dialog__button {
        width: 100%;
    }
}

.protocol-modal-custom.tcm-dashboard-popup .table.results {
    border: 1px solid #e2eaf4;
    border-radius: 18px;
    margin-bottom: 0;
    overflow: hidden;
}

.protocol-modal-custom.tcm-dashboard-popup .table.results>thead>tr>th {
    background: #f8fbff;
    border-bottom: 1px solid #e2eaf4;
    color: #506080;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    padding: 12px 14px;
    text-transform: uppercase;
}

.protocol-modal-custom.tcm-dashboard-popup .table.results>tbody>tr>td {
    border-top: 0;
    border-bottom: 1px solid #eef2f7;
    color: #183153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 12px 14px;
    vertical-align: middle;
}

.protocol-modal-custom.tcm-dashboard-popup .table.results>tbody>tr:last-child>td {
    border-bottom: 0;
}

.protocol-modal-custom.tcm-dashboard-popup hr {
    border-top: 1px solid #e5eef8;
    margin: 18px 0;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day select {
    padding: 8px 18px 8px 10px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day {
    display: block;
    width: 100%;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day table.time-of-day {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day table.time-of-day td {
    padding-right: 6px;
    vertical-align: top;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day table.time-of-day td:last-child {
    padding-right: 0;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day table.time-of-day td.hour,
.protocol-modal-custom.tcm-dashboard-popup .time-of-day table.time-of-day td.minute {
    width: 32%;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day table.time-of-day td.am-pm {
    width: 36%;
}

.protocol-modal-custom.tcm-dashboard-popup .time-of-day td.hour select,
.protocol-modal-custom.tcm-dashboard-popup .time-of-day td.minute select,
.protocol-modal-custom.tcm-dashboard-popup .time-of-day td.am-pm select {
    width: 100% !important;
}

.protocol-modal-custom.tcm-dashboard-popup .form-control,
.protocol-modal-custom.tcm-dashboard-popup .form-select,
.protocol-modal-custom.tcm-dashboard-popup .modal-body select {
    border-radius: 12px !important;
    height: 38px !important;
    padding: 10px 14px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-row {
    align-items: center;
    display: flex;
    gap: 10px;
    margin-left: 0;
    margin-right: 0;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-row>[class*="col-"] {
    float: none;
    min-height: 0;
    padding-left: 0;
    padding-right: 0;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-label {
    flex: 0 0 136px;
    max-width: 136px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-input {
    flex: 0 0 175px !important;
    max-width: 175px !important;
    width: 175px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time {
    flex: 1 1 228px;
    max-width: none;
    min-width: 228px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-action {
    flex: 0 0 92px;
    max-width: 92px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time .time-of-day table.time-of-day td {
    padding-right: 8px;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time .time-of-day table.time-of-day td:last-child {
    padding-right: 0;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time .time-of-day table.time-of-day td.hour,
.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time .time-of-day table.time-of-day td.minute,
.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time .time-of-day table.time-of-day td.am-pm {
    width: 33.333%;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time .time-of-day select {
    font-size: 13px !important;
    padding: 10px 8px !important;
}

.protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__optional-copy {
    color: #64748b;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}

.protocol-modal-custom.tcm-dashboard-popup textarea.form-control {
    height: auto !important;
    min-height: 140px;
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

.protocol-modal-custom.tcm-dashboard-popup input[type="radio"],
.protocol-modal-custom.tcm-dashboard-popup input[type="checkbox"] {
    accent-color: #2d7df4;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__radio-label {
    align-items: center !important;
    display: inline-flex !important;
    gap: 10px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__radio-label input[type="radio"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__radio-label .h5 {
    line-height: 1.2 !important;
    margin: 0 !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__dialog.modal-lg {
    max-width: 860px !important;
    width: min(860px, calc(100vw - 24px));
}

#add-comment-dialog.tcm-dashboard-comment-dialog .modal-content {
    display: flex;
    flex-direction: column;
    max-height: none;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__form {
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    min-height: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .modal-body {
    background: #ffffff !important;
    padding: 14px 18px 16px !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__header {
    align-items: flex-start;
    padding: 12px 18px 10px !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__title-wrap {
    align-items: flex-start;
    display: flex;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 3px;
    min-width: 0;
    text-align: left;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .modal-title {
    font-size: 17px !important;
    font-weight: 700 !important;
    padding-right: 48px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__subtitle {
    color: #64748b;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 500;
    line-height: 1.35;
    padding-right: 48px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__header-actions {
    align-items: center;
    display: flex;
    gap: 12px;
    margin-left: auto;
    padding-right: 56px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__dock-btn,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__dock-btn:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__dock-btn:focus {
    align-items: center;
    background: rgba(255, 255, 255, 0.92) !important;
    border: 1px solid #cfe1f5 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #1657b7 !important;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 0;
    min-height: 34px;
    min-width: 34px;
    padding: 8px !important;
    text-decoration: none !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__dock-btn > span:last-child {
    display: none;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-scrollable {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
    overflow-x: hidden;
    overflow-y: visible;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area {
    align-items: start;
    display: grid;
    gap: 12px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-left,
#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right {
    align-self: stretch;
    min-width: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-left {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-top: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right>div {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right .tcm-dashboard-comment-dialog__checkbox {
    margin-bottom: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right .tcm-dashboard-comment-dialog__list-group {
    margin-top: 0 !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__surface {
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    min-height: auto;
    padding: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__section {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__section--grow {
    flex: 1 1 auto;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__section-head,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__composer-head {
    align-items: flex-end;
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__section-subcopy {
    color: #64748b;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.5;
    margin-top: 2px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__manage-link {
    color: #1657b7;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__manage-link:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__manage-link:focus {
    color: #0d4f9c;
    text-decoration: underline;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__composer-label {
    color: #183153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 700;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status {
    margin-left: auto;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-btn,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-btn:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-btn:focus {
    align-items: center;
    background: #f8fbff !important;
    border: 1px solid #d7e6f7 !important;
    border-radius: 999px !important;
    box-shadow: none !important;
    color: #1657b7 !important;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 8px;
    min-height: 38px;
    padding: 8px 14px !important;
    text-decoration: none !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-menu {
    border: 1px solid #d7e6f7;
    border-radius: 16px;
    box-shadow: 0 18px 38px rgba(15, 23, 42, 0.12);
    margin-top: 10px;
    overflow: hidden;
    padding: 8px 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-menu>li>a {
    color: #183153;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.5;
    padding: 10px 16px;
    white-space: normal;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-menu>li>a:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-menu>li>a:focus {
    background: #f8fbff;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status-copy {
    display: inline-block;
    padding-left: 20px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__textarea {
    flex: 1 1 auto;
    min-height: 180px;
    resize: vertical;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__checkbox {
    margin: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__checkbox-label {
    align-items: center;
    color: #183153;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 700;
    gap: 10px;
    margin-bottom: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__list-group {
    margin-bottom: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__option-card {
    background: #fbfdff;
    border: 1px solid #e4edf8;
    border-radius: 12px;
    box-shadow: none;
    color: #183153;
    margin-bottom: 0;
    padding: 12px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right .tcm-dashboard-comment-dialog__option-card {
    padding: 12px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__option-card>table {
    margin-bottom: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__option-card.disabled {
    background: #f8fafc;
    border-style: dashed;
    opacity: 0.75;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__option-card.list-group-item-info {
    background: linear-gradient(180deg, #f8fbff 0%, #f1f7ff 100%);
    border-color: #cfe1f5;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__compact-label {
    margin: 10px 0 6px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right hr {
    border-color: #edf2f7;
    margin: 4px 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__right-block--postdate {
    margin-top: 0;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .modal-footer {
    align-items: center !important;
    flex-wrap: wrap;
    justify-content: space-between;
    position: sticky;
    bottom: 0;
    z-index: 2;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-note {
    flex: 0 0 auto;
    margin-right: 12px;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: flex-end;
    margin-left: auto;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn {
    align-items: center;
    border-radius: 12px !important;
    border-width: 1px !important;
    box-shadow: none;
    display: inline-flex !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    justify-content: center;
    min-height: 44px;
    min-width: 136px;
    padding: 0 18px !important;
    text-decoration: none !important;
    transition: background-color .15s ease, border-color .15s ease, box-shadow .18s ease, color .15s ease, transform .15s ease;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--cancel {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.05) !important;
    color: #334155 !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--cancel:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--cancel:focus {
    background: #f8fafc !important;
    border-color: #cbd5e1 !important;
    color: #0f172a !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--review {
    background: #ffffff !important;
    border-color: #cfe0fb !important;
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.08) !important;
    color: #1877f2 !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--review:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--review:focus {
    background: #f4f9ff !important;
    border-color: #9fc3f8 !important;
    box-shadow: 0 6px 18px rgba(24, 119, 242, 0.14) !important;
    color: #0d62c7 !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--primary {
    background: linear-gradient(135deg, var(--blue), #4c66d8) !important;
    border-color: #1657b7 !important;
    box-shadow: 0 8px 20px rgba(8, 120, 242, 0.22) !important;
    color: #ffffff !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--primary:hover,
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn--primary:focus {
    background: linear-gradient(135deg, #0f67d2, #3657cf) !important;
    border-color: #0f67d2 !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.28) !important;
    color: #ffffff !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn[disabled],
#add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-btn:disabled {
    background: #e2e8f0 !important;
    border-color: #e2e8f0 !important;
    box-shadow: none !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: .78 !important;
    transform: none !important;
}

#add-comment-dialog.tcm-dashboard-comment-dialog .view-port-normal .comment-area {
    grid-template-columns: minmax(0, 1.6fr) minmax(260px, 0.72fr);
}

#add-comment-dialog.tcm-dashboard-comment-dialog .view-port-xs .comment-area {
    grid-template-columns: minmax(0, 1fr);
}

#add-comment-dialog.tcm-dashboard-comment-dialog .view-port-xs .tcm-dashboard-comment-dialog__textarea {
    min-height: 180px;
}

@media (max-height: 860px) and (min-width: 768px) {
    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__dialog.modal-lg {
        width: min(860px, calc(100vw - 20px));
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__textarea {
        min-height: 140px;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__option-card {
        padding: 10px;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .comment-area {
        gap: 10px;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .comment-area-right {
        margin-top: 0;
    }
}

.tcm-dashboard-comment-task-dialog .modal-dialog {
    max-width: 720px !important;
}

.tcm-dashboard-comment-task-dialog__surface {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.tcm-dashboard-comment-task-dialog__surface--secondary {
    margin-top: 18px;
}

.tcm-dashboard-comment-task-dialog__choice-row {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.tcm-dashboard-comment-task-dialog__choice-label {
    align-items: center;
    color: #183153;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 800;
    gap: 8px;
    margin-bottom: 0;
}

.tcm-dashboard-comment-task-dialog__choice-copy,
.tcm-dashboard-comment-edit-dialog__hint {
    color: #64748b;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 600;
    line-height: 1.6;
}

.tcm-dashboard-comment-task-dialog__detail {
    border-top: 1px solid #e5eef8;
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding-top: 16px;
}

.tcm-dashboard-comment-task-dialog__list {
    color: #334064;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    line-height: 1.65;
    margin-top: 0;
    padding-left: 20px;
}

.tcm-dashboard-comment-task-dialog__date-input {
    max-width: 260px;
}

.tcm-dashboard-comment-task-dialog__footer-actions,
.tcm-dashboard-comment-edit-dialog__footer-actions {
    display: flex;
    gap: 12px;
    margin-left: auto;
}

.tcm-dashboard-comment-edit-dialog__surface {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.tcm-dashboard-comment-edit-dialog__textarea {
    min-height: 300px;
    overflow-x: auto;
    overflow-y: visible !important;
}

@media (max-width: 767px) {

    .tcm-dashboard-comment-task-dialog__footer-actions,
    .tcm-dashboard-comment-edit-dialog__footer-actions {
        flex-direction: column;
        margin-left: 0;
        width: 100%;
    }

    .tcm-dashboard-comment-task-dialog__date-input {
        max-width: 100%;
    }
}

#diagnosis-dialog.protocol-modal-custom {
    min-width: 420px;
}

#diagnosis-dialog.protocol-modal-custom .drag-row {
    align-items: center;
    background: #f8fbff;
    border: 1px solid #e2eaf4;
    border-radius: 12px;
    color: #183153;
    display: flex;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 8px;
    padding: 12px 14px;
}

#diagnosis-dialog.protocol-modal-custom .drag-row>div {
    display: inline-block;
}

#diagnosis-dialog.protocol-modal-custom .drag-row.not-monitored {
    background-color: #fff8d8;
    border-color: #f8d878;
}

#diagnosis-dialog.protocol-modal-custom .drag-row.billing-separator {
    background: #eef5ff !important;
    border-color: #d7e6f7;
    color: #506080;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: .04em;
    text-transform: uppercase;
}

#diagnosis-dialog.protocol-modal-custom .drag-row>div:first-child {
    max-width: 92%;
}

#diagnosis-dialog.protocol-modal-custom .drag-row div.icons {
    color: #1657b7;
    float: right;
}

#diagnosis-dialog.protocol-modal-custom .ui-autocomplete.diagnosis {
    max-height: 450px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 2px;
}

#diagnosis-dialog.protocol-modal-custom .monitored {
    font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
    font-size: 75%;
    font-style: italic;
    font-weight: 100;
    margin-right: 15px;
}

@keyframes dx-new-fade {
    0% {
        background-color: #ffa07a;
    }

    70% {
        background-color: #ffa07a;
    }

    100% {
        background-color: #ade6d8;
    }
}

#diagnosis-dialog.protocol-modal-custom .drag-row.dx-new-fade {
    animation: dx-new-fade 7s ease-out;
}

@media (max-width: 767px) {
    .border-end-md {
        border-right: none;
    }

    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__dialog {
        width: calc(100vw - 16px) !important;
    }

    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .modal-header.patient-modal-header,
    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .modal-footer.patient-modal-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .modal-footer.patient-modal-footer {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__footer-actions {
        flex-direction: column;
        margin-left: 0;
        width: 100%;
    }

    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__footer-actions .patient-btn-cancel,
    .protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .tcm-dashboard-popup__footer-actions .patient-btn-submit {
        width: 100%;
    }

    .protocol-modal-custom.tcm-dashboard-popup .modal-header,
    .protocol-modal-custom.tcm-dashboard-popup .modal-footer {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .protocol-modal-custom.tcm-dashboard-popup .modal-body {
        padding: 18px !important;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__header-actions,
    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__subtitle {
        padding-right: 48px;
    }

    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__surface {
        border-radius: 18px;
        padding: 16px;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__section-head,
    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__composer-head {
        align-items: flex-start;
        flex-direction: column;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__call-status,
    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-actions {
        margin-left: 0;
        width: 100%;
    }

    #add-comment-dialog.tcm-dashboard-comment-dialog .tcm-dashboard-comment-dialog__footer-actions {
        flex-direction: column;
    }

    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-row {
        align-items: stretch;
        flex-wrap: wrap;
    }

    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-label,
    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-input,
    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-time,
    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__date-action {
        flex: 0 0 100%;
        max-width: 100%;
        min-width: 0;
    }

    .protocol-modal-custom.tcm-dashboard-popup .tcm-dashboard-popup__grid--two {
        grid-template-columns: minmax(0, 1fr);
    }

    .protocol-modal-custom.tcm-dashboard-popup .modal-footer {
        align-items: stretch !important;
        flex-direction: column;
    }

    .protocol-modal-custom.tcm-dashboard-popup .modal-footer .pull-left {
        float: none !important;
        order: 2;
        width: 100%;
    }

    .protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn,
    .protocol-modal-custom.tcm-dashboard-popup .modal-footer .btn2 {
        width: 100%;
    }
}

.protocol-detail-header {
    background: radial-gradient(circle at 96% 18%, #27cdb72e, #0000 280px), linear-gradient(135deg, #ffffff, #f4f9ff);
    border-bottom: 1px solid #c3d8f0e0;
    padding: 16px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    border-radius: 8px;
}

.protocol-meta-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.protocol-meta-table tr th,
.protocol-meta-table tr td {
    padding: 9px 14px;
    border-bottom: 1px solid #e5eef8;
    font-size: 13px;
    vertical-align: middle;
}

.protocol-meta-table tr th,
.protocol-meta-table tr td.meta-label {
    color: #26345f;
    font-weight: 700;
    width: 160px;
    background: #f8fbff;
}

.protocol-meta-table tr td {
    color: #334064;
    font-weight: 600;
}

.protocol-action-btn {
    background: transparent;
    border: none;
    color: #0284c7;
    font-weight: 600;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 6px 12px;
    border-radius: 6px;
    transition: all 0.15s ease;
    cursor: pointer;
    text-decoration: none;
}

.protocol-action-btn:hover {
    background: #e0f2fe;
    color: #0369a1;
    text-decoration: none;
}

.protocol-action-btn.danger {
    color: #ef4444;
}

.protocol-action-btn.danger:hover {
    background: #fee2e2;
    color: #dc2626;
}

@media (max-width: 767px) {

    .protocol-detail-card,
    .question-item-card {
        padding-left: 18px;
        padding-right: 18px;
    }

    .protocol-detail-header-bar,
    .protocol-meta-item,
    .questions-toolbar,
    .question-item-header {
        align-items: flex-start;
        flex-direction: column;
    }

    .questions-toolbar-actions,
    .question-item-actions {
        width: 100%;
    }

    .questions-toolbar-actions > *,
    .question-item-actions > * {
        width: 100%;
    }

    .protocol-meta-label-wrap {
        width: auto;
    }

    .question-preview-box {
        padding-left: 0;
        padding-right: 0;
    }

    .question-meta-table td.q-label {
        width: 128px;
    }
}

@media only screen and (min-width:1280px) {
    .app-content-panel.transparent-content-panel .patients-card {
        width: calc(100vw - 290px) !important;
        overflow-x: auto;
    }
}


@media only screen and (max-width:990px) {
    .app-content-panel.transparent-content-panel .patients-card {
        width: calc(100vw - 45px) !important;
        overflow-x: auto;
    }
}

.dashboard-comments-panel .dashboard-comment-alert,
.dashboard-comments-panel .dashboard-comment-alert--call-record {
    background: #fff8e8 !important;
    border: 1px solid #f2dfb4 !important;
    border-radius: 14px;
    color: #7c4a03 !important;
    margin-bottom: 16px;
    padding: 14px 16px;
}

.dashboard-comments-panel .dashboard-comment-alert--call-record {
    background: #fff4ea !important;
    border-color: #f0d1b4 !important;
    color: #8b4b16 !important;
}

.dashboard-comments-panel .dashboard-comment-alert__row {
    display: flex;
    align-items: center;
    gap: 12px;
    justify-content: space-between;
    min-height: 24px;
}

.dashboard-comments-panel .dashboard-comment-alert__message {
    align-items: center;
    color: inherit;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 700;
    gap: 6px;
    line-height: 1.6;
}

.dashboard-comments-panel .dashboard-comment-alert__action a {
    align-items: center;
    color: #0a72f8 !important;
    display: inline-flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 12px;
    font-weight: 800;
    gap: 4px;
    text-decoration: none;
    white-space: nowrap;
}

.dashboard-comments-panel .dashboard-comment-alert__divider {
    border-color: rgba(124, 74, 3, 0.12);
    display: none !important;
    margin: 0;
}

.dashboard-comments-panel .comment-list-item,
.dashboard-comments-panel__item.list-group-item-warning .comment-list-item,
.dashboard-comments-panel .comment-list-item--message,
.dashboard-comments-panel .comment-list-item--system,
.dashboard-comments-panel .comment-list-item--interactive,
.dashboard-comments-panel .comment-list-item--alert:not(.comment-list-item--message):not(.comment-list-item--system),
.dashboard-comments-panel .comment-list-item--call-record {
    border-radius: 14px;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    gap: 16px;
    padding: 16px 18px;
}

.dashboard-comments-panel .comment-list-item {
    background: #f8fbff !important;
    border-color: #dbe7f6 !important;
}

.dashboard-comments-panel .comment-list-item::before,
.dashboard-comments-panel .comment-list-item--message::before,
.dashboard-comments-panel .comment-list-item--system::before,
.dashboard-comments-panel .comment-list-item--interactive::before,
.dashboard-comments-panel .comment-list-item--alert:not(.comment-list-item--message):not(.comment-list-item--system)::before,
.dashboard-comments-panel .comment-list-item--call-record::before {
    border-radius: 14px 0 0 14px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 6px;
}

.dashboard-comments-panel .comment-list-item::before {
    background: #2d7df4 !important;
}

.dashboard-comments-panel__item.list-group-item-warning .comment-list-item,
.dashboard-comments-panel .comment-list-item--message {
    background: #fffaf0 !important;
    border-color: #efdfaf !important;
}

.dashboard-comments-panel .comment-list-item--message::before {
    background: #e4b64f !important;
}

.dashboard-comments-panel .comment-list-item--message .comment-list-item__type-icon {
    background: #fff4d8 !important;
    border-color: #efd99f !important;
    color: #9a6700 !important;
}

.dashboard-comments-panel .comment-list-item--system {
    background: #f8fafc !important;
    border-color: #d8e1eb !important;
}

.dashboard-comments-panel .comment-list-item--system::before {
    background: #94a3b8 !important;
}

.dashboard-comments-panel .comment-list-item--system .comment-list-item__type-icon {
    background: #f2f5f8 !important;
    border-color: #d6dee7 !important;
    color: #55657d !important;
}

.dashboard-comments-panel .comment-list-item--interactive {
    background: #f8f5ff !important;
    border-color: #ddd2fb !important;
}

.dashboard-comments-panel .comment-list-item--interactive::before {
    background: #7c5cff !important;
}

.dashboard-comments-panel .comment-list-item--interactive .comment-list-item__type-icon {
    background: #f0eaff !important;
    border-color: #d9ccff !important;
    color: #6547d8 !important;
}

.dashboard-comments-panel .comment-list-item--alert:not(.comment-list-item--message):not(.comment-list-item--system) {
    background: #fff9ef !important;
    border-color: #ecd78d !important;
}

.dashboard-comments-panel .comment-list-item--alert:not(.comment-list-item--message):not(.comment-list-item--system)::before {
    background: #efc15b !important;
}

.dashboard-comments-panel .comment-list-item--alert:not(.comment-list-item--message):not(.comment-list-item--system) .comment-list-item__type-icon {
    background: #fff4d8 !important;
    border-color: #efd99f !important;
    color: #9a6700 !important;
}

.dashboard-comments-panel .comment-list-item--call-record {
    background: #f2fbfb !important;
    border-color: #c9ebe9 !important;
}

.dashboard-comments-panel .comment-list-item--call-record::before {
    background: #16a6a1 !important;
}

.dashboard-comments-panel .comment-list-item--call-record .comment-list-item__type-icon {
    background: #e8f8f7 !important;
    border-color: #bfe5e2 !important;
    color: #0f766e !important;
}

.dashboard-comments-panel .comment-list-item__avatar,
.dashboard-comments-panel .comment-list-item__inline-icon {
    display: none;
}

.dashboard-comments-panel .comment-list-item__type-icon {
    display: inline-flex;
}

.dashboard-comments-panel .comment-list-item .main-content-header {
    gap: 12px;
    margin-bottom: 12px;
}

.dashboard-comments-panel .comment-list-item__meta {
    gap: 8px 12px;
}

.dashboard-comments-panel .comment-list-item .date,
.dashboard-comments-panel .comment-list-item .offline-time {
    color: #7b87ab;
    font-size: 12px;
    font-weight: 700;
}

.dashboard-comments-panel .comment-list-item .main-content-body {
    color: #334064;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
}

.dashboard-comments-panel .comment-list-item .main-content-footer {
    border-top: 1px solid #e7edf5;
    margin-top: 16px;
    padding-top: 14px;
}

.dashboard-comments-panel .comment-list-item .task-footer {
    background: #f8fbff;
    border: 1px solid #dbe8f5;
    border-radius: 12px;
    margin-top: 14px;
    padding: 10px 12px;
}

.tcm-dashboard-page {
    padding-bottom: 8px;
}

.tcm-dashboard-card {
    background: #fff;
    border: 1px solid #e2e8f2;
    border-radius: 18px;
    box-shadow: 0 12px 32px rgba(18, 49, 91, 0.06);
    overflow: hidden;
}

.app-content-panel.transparent-content-panel .tcm-dashboard-card.patients-card {
    margin-top: 6px !important;
    max-width: 100% !important;
    width: 100% !important;
}

.tcm-dashboard-tabs {
    margin: 0 0 16px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px;
    border: 1px solid #d7e6fb;
    border-bottom: 0;
    border-radius: 18px;
    background: linear-gradient(180deg, #f3f9ff 0%, #e8f3ff 100%);
}

.tcm-dashboard-tabs>li {
    float: none;
    margin-bottom: 0;
}

.tcm-dashboard-tabs>li.tcm-dashboard-tabs__close {
    margin-left: auto;
}

.tcm-dashboard-tabs__close-btn {
    align-items: center;
    background: transparent;
    border: 1px solid transparent;
    border-radius: var(--btn-radius);
    color: var(--muted);
    display: inline-flex;
    font-family: var(--font-body);
    font-size: var(--fs-label);
    font-weight: var(--fw-label);
    gap: 6px;
    line-height: 1.2;
    min-height: var(--btn-height-sm);
    padding: 6px var(--btn-padding-x-sm);
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease;
    white-space: nowrap;
}

.tcm-dashboard-tabs__close-btn:hover,
.tcm-dashboard-tabs__close-btn:focus {
    background: rgba(255, 255, 255, 0.72);
    border-color: #d3e4fb;
    color: var(--blue);
    outline: none;
}

.tcm-dashboard-tabs>li>a {
    margin-right: 0;
    border: 1px solid transparent;
    border-radius: 12px;
    background: transparent;
    color: var(--muted);
    font-family: var(--font-heading);
    font-size: var(--fs-h4);
    font-weight: var(--fw-h4);
    line-height: 1.2;
    padding: 10px 16px;
}

.tcm-dashboard-tabs>li>a:hover,
.tcm-dashboard-tabs>li>a:focus {
    border-color: #d3e4fb;
    background: rgba(255, 255, 255, 0.72);
    color: var(--blue);
}

.tcm-dashboard-tabs>li.active>a,
.tcm-dashboard-tabs>li.active>a:hover,
.tcm-dashboard-tabs>li.active>a:focus {
    border: 1px solid #c8dbf6;
    border-bottom-color: #c8dbf6;
    border-radius: 12px;
    background: #ffffff;
    color: var(--blue);
    box-shadow: 0 8px 18px rgba(22, 87, 183, 0.10);
}

.tcm-dashboard-tab-content {
    min-height: 400px;
}

.tcm-dashboard-controls {
    display: grid;
    grid-template-columns: minmax(170px, 1fr) minmax(170px, 1fr) minmax(170px, 1fr) auto minmax(280px, 1.3fr) auto;
    align-items: end;
    gap: 12px;
    padding: 18px 18px 8px;
    border-bottom: 1px solid #e8eef7;
}

.tcm-dashboard-field {
    min-width: 0;
}

.tcm-dashboard-field .form-label {
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    margin-bottom: 6px;
    color: #506080;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.02em;
}

.tcm-dashboard-field .form-select {
    min-width: 0;
    width: 100%;
    height: 32px;
    min-height: 32px;
    padding-top: 4px;
    padding-bottom: 4px;
    border-color: #d9e3f0;
    color: #183153;
    border-radius: 8px;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 14px;
    font-weight: 600;
}

.tcm-dashboard-field .form-select:focus {
    border-color: #9fc7f6;
    box-shadow: 0 0 0 3px rgba(35, 131, 246, 0.14);
}

.tcm-dashboard-count {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    justify-self: start;
    padding: 6px 10px;
    border: 1px solid #cfe0f6;
    border-radius: 999px;
    background: #f6fbff;
    color: #0c63ce;
    font-size: 11px;
    font-weight: 800;
    white-space: nowrap;
}

.tcm-dashboard-search {
    min-width: 0;
    width: 100%;
    min-height: 32px;
    padding-right: 14px;
    padding-left: 12px;
}

.tcm-dashboard-columns {
    justify-self: end;
}

.tcm-dashboard-columns__button {
    min-height: 32px;
    padding: 6px 10px;
    border-radius: 8px;
}

.tcm-dashboard-columns__icon {
    margin-right: 4px;
}

.tcm-dashboard-columns__chevron,
.tcm-dashboard-table__menu-chevron {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 5px solid currentColor;
    display: inline-block;
    flex: 0 0 auto;
    height: 0;
    width: 0;
}

.tcm-dashboard-columns__chevron {
    margin-left: 2px;
}

.tcm-dashboard-columns__selected-icon {
    margin-right: 6px;
}

.tcm-dashboard-table-responsive {
    overflow-x: auto;
}

.tcm-dashboard-table {
    margin-bottom: 0;
    background: #fff !important;
    border-collapse: separate;
    border-spacing: 0;
    box-shadow: 0 2px 6px rgba(15, 23, 42, 0.06);
    border: 1px solid #c3d8f0e0;
    border-radius: 8px;
    overflow: hidden;
}

.tcm-dashboard-table>thead>tr>th,
.tcm-dashboard-table>tbody>tr>td,
.tcm-dashboard-table>tbody>tr>th {
    border-bottom: 1px solid #e5eef8;
    height: 47px;
    line-height: 1.35;
    padding: 0 16px;
    vertical-align: middle;
    background: #fff;
    color: #5f6e94;
}

.tcm-dashboard-table>thead>tr>th {
    position: sticky;
    top: 0;
    white-space: nowrap;
    z-index: 2;
}

.tcm-dashboard-table>tbody>tr>td {
    border-top: none;
    background: transparent;
    color: #334064;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
}

.tcm-dashboard-table>tbody>tr:hover>td {
    background: #f8fafc !important;
    color: #001242 !important;
}

.tcm-dashboard-table>tbody>tr.selected>td,
.tcm-dashboard-table.table-hover.results>tbody>tr:hover.selected>td {
    background: #eef5ff !important;
    color: #334064 !important;
}

.tcm-dashboard-table__menu-cell {
    text-align: center;
    width: 32px;
}

.tcm-dashboard-table>thead>tr>th.tcm-dashboard-table__menu-cell,
.tcm-dashboard-table>tbody>tr>td.tcm-dashboard-table__menu-cell {
    padding-left: 8px;
    padding-right: 8px;
}

.tcm-dashboard-table__menu-trigger {
    align-items: center;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    color: #334064;
    display: inline-flex;
    height: auto;
    justify-content: center;
    line-height: 1;
    padding: 0;
    transition: color 140ms ease;
    width: auto;
}

.tcm-dashboard-table__menu-trigger:hover,
.tcm-dashboard-table__menu-trigger:focus {
    color: #075fbf;
    outline: none;
    text-decoration: none;
}

.tcm-dashboard-table__menu-trigger,
.tcm-dashboard-table__menu-trigger:visited,
.tcm-dashboard-table__menu-trigger:active {
    text-decoration: none;
}

.tcm-dashboard-table__menu-chevron {
    margin: 0;
    vertical-align: middle;
}

.tcm-dashboard-table__row-menu {
    border: 1px solid #d9e6f6;
    border-radius: 12px;
    box-shadow: 0 16px 32px rgba(15, 23, 42, 0.12);
    min-width: 220px;
    overflow: hidden;
    padding: 8px 0;
}

.tcm-dashboard-table__row-menu>li>a {
    align-items: center;
    color: #334064;
    display: flex;
    font-family: Montserrat, system-ui, -apple-system, sans-serif;
    font-size: 13px;
    font-weight: 600;
    gap: 10px;
    padding: 10px 16px;
}

.tcm-dashboard-table__row-menu>li>a:hover,
.tcm-dashboard-table__row-menu>li>a:focus {
    background: #eef5ff;
    color: #0a72f8;
    text-decoration: none;
}

.tcm-dashboard-table__row-menu>li>a .with-icon {
    margin-right: 0;
}

.tcm-dashboard-table__row-menu>.dropdown-divider,
.tcm-dashboard-table__row-menu>.divider {
    border-top: 1px solid #e5eef8;
    margin: 6px 0;
}

.tcm-dashboard-table__name {
    color: #0a72f8;
}

.tcm-dashboard-table__name-link {
    color: #0a72f8;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}

.tcm-dashboard-table__name-link:hover,
.tcm-dashboard-table__name-link:focus {
    color: #0566d3;
    text-decoration: underline;
}

.tcm-dashboard-table>tbody>tr:hover>td a:not(.tcm-dashboard-table__name-link),
.tcm-dashboard-table>tbody>tr.selected>td a:not(.tcm-dashboard-table__name-link),
.tcm-dashboard-table.table-hover.results>tbody>tr:hover.selected>td a:not(.tcm-dashboard-table__name-link) {
    color: #334064 !important;
}

.patients-card table.results.tcm-dashboard-table>tbody>tr>td.tcm-dashboard-table__phone a,
.patients-card table.results.tcm-dashboard-table>tbody>tr>td.tcm-dashboard-table__phone a[href^="tel:"],
.tcm-dashboard-table>tbody>tr>td.tcm-dashboard-table__phone a,
.tcm-dashboard-table>tbody>tr:hover>td.tcm-dashboard-table__phone a,
.tcm-dashboard-table>tbody>tr.selected>td.tcm-dashboard-table__phone a,
.tcm-dashboard-table.table-hover.results>tbody>tr:hover.selected>td.tcm-dashboard-table__phone a,
.tcm-dashboard-table>tbody>tr>td.tcm-dashboard-table__phone a:hover,
.tcm-dashboard-table>tbody>tr>td.tcm-dashboard-table__phone a:focus {
    color: #0878f2 !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.tcm-dashboard-status {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: inherit;
    text-decoration: none !important;
}

.tcm-dashboard-status-popover {
    max-width: 330px !important;
    min-width: 285px;
    padding: 0 !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 16px !important;
    box-shadow: 0 18px 42px rgba(15, 23, 42, 0.18) !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.tcm-dashboard-status-popover .popover-content {
    padding: 0 !important;
}

.tcm-dashboard-status-popover .arrow {
    display: none !important;
}

.tcm-status-popover__content {
    overflow: hidden;
    border-radius: 16px;
    background: #ffffff;
}

.tcm-status-popover__eyebrow {
    padding: 12px 16px 0;
    color: #0878f2;
    font-size: 10.5px;
    font-weight: 850;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.tcm-status-popover__title {
    padding: 4px 16px 12px;
    color: #0f172a;
    font-size: 15px;
    font-weight: 800;
    line-height: 1.35;
}

.tcm-status-popover__detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 0 16px 14px;
    padding: 10px 12px;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background: #f8fbff;
    color: #475569;
    font-size: 12px;
    font-weight: 700;
}

.tcm-status-popover__detail strong {
    color: #0f172a;
    font-size: 12.5px;
    font-weight: 800;
}

.tcm-status-popover__actions {
    display: grid;
    gap: 8px;
    padding: 12px 16px 16px;
    border-top: 1px solid #eef2f7;
    background: #f8fafc;
}

.tcm-status-popover__action {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0878f2 !important;
    font-size: 13px;
    font-weight: 750;
    text-decoration: none !important;
    cursor: pointer;
}

.tcm-status-popover__action:hover,
.tcm-status-popover__action:focus {
    color: #0566d3 !important;
    text-decoration: underline !important;
}

.tcm-dashboard-status__icon-wrap {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    border: 1px solid currentColor;
    border-radius: 5px;
    background: #fff;
    overflow: hidden;
}

.tcm-dashboard-status__icon {
    flex: 0 0 auto;
    margin-right: 0;
    transform: scale(0.75);
    transform-origin: center;
}

.tcm-dashboard-status__text {
    font-size: 13px;
    font-weight: 700;
    line-height: 1.25;
}

.tcm-dashboard-status__text--danger {
    color: #d34b54;
}

.tcm-dashboard-status__text--warning {
    color: #bd8519;
}

.tcm-dashboard-status__text--info {
    color: #4a81d6;
}

.tcm-dashboard-status__text--scheduled {
    color: #3d94ab;
}

.tcm-dashboard-status__text--success {
    color: #31ab62;
}

.tcm-dashboard-status__icon-wrap--danger {
    border-color: #f0b5b9;
    color: #d34b54;
    background: #fff8f8;
}

.tcm-dashboard-status__icon-wrap--warning {
    border-color: #e4cf99;
    color: #bd8519;
    background: #fffcf3;
}

.statusFilterButton .patientStatusIcon--warning,
.statusFilterDropdownHost .patientStatusIcon--warning,
.modal.patientFilterModal .patientStatusIcon--warning {
    color: #eab308 !important;
}

.tcm-dashboard-status__icon-wrap--info {
    border-color: #b7cff4;
    color: #4a81d6;
    background: #f7faff;
}

.tcm-dashboard-status__icon-wrap--scheduled {
    border-color: #b9deea;
    color: #3d94ab;
    background: #f6fcfd;
}

.tcm-dashboard-status__icon-wrap--success {
    border-color: #b9e5c7;
    color: #31ab62;
    background: #f6fcf8;
}

.tcm-dashboard-complexity {
    display: inline-flex;
    align-items: center;
    min-height: 24px;
    padding: 5px 9px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
}

.tcm-dashboard-complexity--high {
    background: #fff0f2;
    color: #a82336;
}

.tcm-dashboard-complexity--moderate {
    background: #eef3f9;
    color: #405079;
}

.tcm-dashboard-complexity--low {
    background: #ebf7ef;
    color: #31ab62;
}

.tcm-dashboard-complexity--default {
    background: #f4f6f9;
    color: #6a7895;
}

.tcm-dashboard-table__empty-state {
    padding-top: 26px !important;
    padding-bottom: 26px !important;
    text-align: center;
    color: #6a7895;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 991.98px) {
    .tcm-dashboard-controls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: stretch;
    }

    .tcm-dashboard-search {
        grid-column: 1 / -1;
    }

    .tcm-dashboard-columns {
        justify-self: start;
    }
}

@media (max-width: 767px) {
    .tcm-dashboard-tabs>li.tcm-dashboard-tabs__close {
        display: flex;
        justify-content: flex-end;
        margin-left: 0;
        width: 100%;
    }

    .tcm-dashboard-controls {
        grid-template-columns: minmax(0, 1fr);
        padding: 20px 20px 12px;
    }

    .tcm-dashboard-field,
    .tcm-dashboard-field .form-select {
        min-width: 0;
        width: 100%;
    }

    .tcm-dashboard-search,
    .tcm-dashboard-columns {
        grid-column: auto;
    }

    .tcm-dashboard-columns,
    .tcm-dashboard-columns__button {
        justify-self: stretch;
        width: 100%;
    }
}

/* Shared Patient Enrollment / Modify Patient Modal styles moved to patient-enrollment-modal.css */

.patient-reset-password-modal .input-group-addon label {
    margin: 0 !important;
    color: #334155 !important;
    font: 600 12px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
    white-space: nowrap !important;
}

.patient-reset-password-modal {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.patient-reset-password-modal .patient-modal-body {
    padding-bottom: 14px !important;
}

.patient-reset-password-modal .patient-modal-card {
    margin-bottom: 0 !important;
}

.patient-reset-password-modal .patient-modal-table {
    table-layout: fixed !important;
}

.patient-reset-password-modal .patient-modal-table td:last-child {
    width: auto !important;
}

.patient-reset-password-modal .input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
}

.patient-reset-password-modal .input-group .form-control,
.patient-reset-password-modal .input-group input {
    flex: 1 1 auto !important;
    width: 1% !important;
    min-width: 0 !important;
}

.patient-reset-password-modal .patient-reset-password-addon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 0 0 auto !important;
    white-space: nowrap !important;
    background: #f8fbff !important;
}

.patient-reset-password-modal .patient-reset-password-addon--icon,
.patient-reset-password-modal .patient-reset-password-addon--copy {
    min-width: 42px !important;
    padding: 0 12px !important;
}

.patient-reset-password-modal .patient-reset-password-addon--toggle {
    min-width: 124px !important;
    padding: 0 10px !important;
}

.patient-reset-password-modal .patient-reset-password-toggle-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin: 0 !important;
    white-space: nowrap !important;
}

.patient-reset-password-modal .patient-reset-password-toggle-label input[type="checkbox"] {
    margin: 0 !important;
    flex: 0 0 auto !important;
}

.patient-reset-password-modal .patient-reset-password-addon--icon .bi,
.patient-reset-password-modal .patient-reset-password-addon--copy .bi {
    font-size: 14px !important;
    line-height: 1 !important;
}

.patient-reset-password-modal .patient-reset-password-addon--icon .bi {
    color: #64748b !important;
}

.patient-reset-password-modal .patient-modal-footer {
    padding-top: 14px !important;
}

.patient-reset-password-modal .input-group-addon input[type="checkbox"] {
    accent-color: #0878f2;
}

.patient-reset-password-modal .input-group-addon a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #475569 !important;
    text-decoration: none !important;
}

.patient-reset-password-modal .input-group-addon a:hover {
    color: #0878f2 !important;
}

.patient-reset-password-modal .password-result {
    margin: 0 !important;
    padding: 10px 14px !important;
    background: #f8fbff !important;
    border: 1px solid #dbeafe !important;
    border-radius: 10px !important;
    color: #0f172a !important;
    font: 600 13px/1.5 Inter, ui-sans-serif, system-ui, sans-serif !important;
    white-space: pre-wrap !important;
    word-break: break-word !important;
}

.patient-export-report-modal .modal-dialog {
    max-width: 520px !important;
    width: min(520px, calc(100vw - 24px)) !important;
    margin: 12px auto !important;
}

.patient-export-report-modal .patient-modal-body {
    padding-bottom: 16px !important;
}

.patient-export-report-modal .patient-options-box {
    background: #fafcff !important;
    border: 1px solid #e8f0fe !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    margin-top: 8px !important;
}

.patient-export-report-modal .patient-options-box label {
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    cursor: pointer !important;
}

.patient-export-report-modal .patient-options-box input[type="checkbox"] {
    accent-color: #0878f2 !important;
    cursor: pointer !important;
}

.patient-export-report-modal .select-icon-wrapper {
    position: relative !important;
}

.patient-export-report-modal .select-field-icon {
    position: absolute !important;
    left: 8px !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    width: 34px !important;
    height: 34px !important;
    border-radius: 8px !important;
    background: #eff6ff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 2 !important;
    pointer-events: none !important;
}

.patient-export-report-modal select.patient-field-select-has-icon,
.patient-export-report-modal .select-icon-wrapper select,
.patient-export-report-modal .select-icon-wrapper .form-control {
    padding-left: 50px !important;
}

.patient-export-report-modal .patient-export-report-modal__aux-btn {
    min-width: 148px !important;
}

.patient-export-report-modal .patient-export-report-modal__date-group .input-group-addon .bi {
    font-size: 14px !important;
    line-height: 1 !important;
}

.patient-export-datepicker.dropdown-menu,
.patient-export-datepicker {
    background: #ffffff !important;
    border: 1px solid #dfe5ee !important;
    border-radius: 16px !important;
    box-shadow: 0 14px 32px rgba(17, 43, 82, 0.14) !important;
    padding: 12px !important;
    margin-top: 6px !important;
    min-width: 284px !important;
    z-index: 2005 !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-export-datepicker.datepicker-dropdown::before,
.patient-export-datepicker.datepicker-dropdown::after {
    display: none !important;
}

.patient-export-datepicker table {
    width: 100% !important;
    margin: 0 !important;
}

.patient-export-datepicker.dropdown-menu th,
.patient-export-datepicker.dropdown-menu td,
.patient-export-datepicker th,
.patient-export-datepicker td {
    width: 36px !important;
    height: 36px !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 10px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #334155 !important;
    text-align: center !important;
    text-shadow: none !important;
}

.patient-export-datepicker .dow {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    color: #94a3b8 !important;
}

.patient-export-datepicker .datepicker-switch,
.patient-export-datepicker .prev,
.patient-export-datepicker .next,
.patient-export-datepicker tfoot tr th {
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #0b192c !important;
    border-radius: 10px !important;
    text-shadow: none !important;
}

.patient-export-datepicker .datepicker-switch {
    font-size: 13px !important;
}

.patient-export-datepicker .datepicker-switch:hover,
.patient-export-datepicker .prev:hover,
.patient-export-datepicker .next:hover,
.patient-export-datepicker tfoot tr th:hover,
.patient-export-datepicker table tr td.day:hover,
.patient-export-datepicker table tr td.day.focused,
.patient-export-datepicker table tr td span:hover,
.patient-export-datepicker table tr td span.focused {
    background: #f0f6ff !important;
    color: #0878f2 !important;
}

.patient-export-datepicker table tr td.old,
.patient-export-datepicker table tr td.new,
.patient-export-datepicker table tr td span.old,
.patient-export-datepicker table tr td span.new {
    color: #94a3b8 !important;
}

.patient-export-datepicker table tr td.disabled,
.patient-export-datepicker table tr td.disabled:hover,
.patient-export-datepicker table tr td span.disabled,
.patient-export-datepicker table tr td span.disabled:hover {
    color: #cbd5e1 !important;
    background: transparent !important;
}

.patient-export-datepicker table tr td.today:not(.active),
.patient-export-datepicker table tr td span.today:not(.active) {
    background: #eff6ff !important;
    color: #1657b7 !important;
}

.patient-export-datepicker table tr td.active,
.patient-export-datepicker table tr td.active:hover,
.patient-export-datepicker table tr td.active:active,
.patient-export-datepicker table tr td.active.disabled,
.patient-export-datepicker table tr td.active.disabled:hover,
.patient-export-datepicker table tr td span.active,
.patient-export-datepicker table tr td span.active:hover,
.patient-export-datepicker table tr td span.active:active,
.patient-export-datepicker table tr td span.active.disabled,
.patient-export-datepicker table tr td span.active.disabled:hover {
    background: #0878f2 !important;
    background-color: #0878f2 !important;
    background-image: none !important;
    border-color: #0878f2 !important;
    color: #ffffff !important;
    text-shadow: none !important;
}

.patient-pause-monitoring-modal .modal-dialog {
    width: min(940px, calc(100vw - 24px)) !important;
}

.patient-answer-flag-modal .modal-dialog {
    width: min(1040px, calc(100vw - 24px)) !important;
}

.patient-text-area-modal .modal-dialog {
    width: min(760px, calc(100vw - 24px)) !important;
}

.patient-pause-monitoring-modal .patient-modal-body,
.patient-answer-flag-modal .patient-modal-body,
.patient-text-area-modal .patient-modal-body,
.patient-assignment-modify-modal .patient-modal-body {
    padding-bottom: 16px !important;
}

.patient-pause-monitoring-modal .patient-modal-card+.patient-modal-card,
.patient-answer-flag-modal .patient-modal-card+.patient-modal-card,
.patient-text-area-modal .patient-modal-card+.patient-modal-card,
.patient-assignment-modify-modal .patient-modal-card+.patient-modal-card {
    margin-top: 18px !important;
}

.patient-pause-monitoring-modal .patient-modal-body,
.patient-answer-flag-modal .patient-modal-body,
.patient-assignment-modify-modal .patient-modal-body {
    max-height: calc(100vh - 220px) !important;
    overflow-y: auto !important;
}

.patient-answer-flag-modal .patient-modal-body {
    overflow-x: auto !important;
}

.patient-pause-monitoring-modal .patient-pause-monitoring-modal__option-block+.patient-pause-monitoring-modal__option-block {
    margin-top: 16px !important;
}

.patient-pause-monitoring-modal .patient-pause-monitoring-modal__option-label,
.patient-pause-monitoring-modal .patient-pause-monitoring-modal__checkbox-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
}

.patient-pause-monitoring-modal .patient-pause-monitoring-modal__option-copy {
    margin: 8px 0 0 24px !important;
    color: #475569 !important;
    font: 500 13px/1.6 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-pause-monitoring-modal .patient-pause-monitoring-modal__divider {
    margin: 18px 0 !important;
    border-color: #e2e8f0 !important;
}

.patient-pause-monitoring-modal .patient-pause-monitoring-modal__warning {
    margin-top: 16px !important;
}

.patient-answer-flag-modal .patient-answer-flag-modal__result-message {
    color: #0f172a !important;
    padding: 10px 4px 4px !important;
}

.patient-answer-flag-modal .table.results {
    margin-bottom: 0 !important;
}

.patient-answer-flag-modal .input-group-addon .bi,
.patient-answer-flag-modal .input-group-text .bi {
    font-size: 14px !important;
    line-height: 1 !important;
}

.patient-text-area-modal .patient-text-area-modal__label {
    color: #405079 !important;
    font: 750 11px/1.4 Inter, ui-sans-serif, system-ui, sans-serif !important;
    letter-spacing: .05em !important;
    margin-bottom: 8px !important;
    text-transform: uppercase !important;
}

.patient-text-area-modal .patient-text-area-modal__required {
    color: #e11d48 !important;
    font-weight: 800 !important;
}

.patient-text-area-modal .patient-text-area-modal__textarea {
    min-height: 220px !important;
    height: auto !important;
    padding: 12px 14px !important;
    resize: vertical !important;
}

.patient-text-area-modal .patient-modal-header-right {
    align-self: flex-start !important;
}

.patient-text-area-modal .patient-text-area-modal__header-meta {
    display: block !important;
    margin-top: 8px !important;
    max-width: 100% !important;
    text-align: left !important;
    white-space: normal !important;
}

.cciq-hidden-init {
    display: none;
}

.cciq-link {
    font-size: 13px;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none !important;
    cursor: pointer;
}

.cciq-link:hover {
    text-decoration: underline !important;
}

.cciq-support-card {
    border: 1px solid #fde68a;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    margin-top: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.cciq-support-card-header {
    background: #fdf6e2;
    padding: 12px 20px;
    border-bottom: 1px solid #fef08a;
}

.cciq-support-card-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #854d0e;
    font-family: inherit;
}

.cciq-support-card-body {
    padding: 18px 20px;
    font-size: 14px;
    font-family: inherit;
}

.cciq-support-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cciq-support-row {
    display: flex;
    align-items: center;
}

.cciq-support-label {
    width: 75px;
    font-weight: 500;
    color: #1e293b;
    flex-shrink: 0;
}

.cciq-support-value {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cciq-support-value-text,
.cciq-option-text {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.cciq-support-link {
    font-weight: 500;
}

.cciq-password-requirements-popover {
    position: relative;
    display: inline-block;
    max-width: none;
}

.cciq-password-requirements-arrow {
    position: relative;
}

.cciq-password-requirements-title {
    margin-top: -10px;
}

.cciq-hidden-init {
    display: none;
}

.cciq-link {
    font-size: 13px;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none !important;
    cursor: pointer;
}

.cciq-link:hover {
    text-decoration: underline !important;
}

.cciq-support-card {
    border: 1px solid #fde68a;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    margin-top: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.cciq-support-card-header {
    background: #fdf6e2;
    padding: 12px 20px;
    border-bottom: 1px solid #fef08a;
}

.cciq-support-card-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #854d0e;
    font-family: inherit;
}

.cciq-support-card-body {
    padding: 18px 20px;
    font-size: 14px;
    font-family: inherit;
}

.cciq-support-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cciq-support-row {
    display: flex;
    align-items: center;
}

.cciq-support-label {
    width: 75px;
    font-weight: 500;
    color: #1e293b;
    flex-shrink: 0;
}

.cciq-support-value {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cciq-support-value-text,
.cciq-option-text {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.cciq-support-link {
    font-weight: 500;
}

.cciq-password-requirements-popover {
    position: relative;
    display: inline-block;
    max-width: none;
}

.cciq-password-requirements-arrow {
    position: relative;
}

.cciq-password-requirements-title {
    margin-top: -10px;
}

.cciq-hidden-init {
    display: none;
}

.cciq-link {
    font-size: 13px;
    font-weight: 600;
    color: #2563eb;
    text-decoration: none !important;
    cursor: pointer;
}

.cciq-link:hover {
    text-decoration: underline !important;
}

.cciq-support-card {
    border: 1px solid #fde68a;
    border-radius: 14px;
    overflow: hidden;
    background: #fff;
    margin-top: 15px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);
}

.cciq-support-card-header {
    background: #fdf6e2;
    padding: 12px 20px;
    border-bottom: 1px solid #fef08a;
}

.cciq-support-card-title {
    margin: 0;
    font-size: 15px;
    font-weight: 700;
    color: #854d0e;
    font-family: inherit;
}

.cciq-support-card-body {
    padding: 18px 20px;
    font-size: 14px;
    font-family: inherit;
}

.cciq-support-stack {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.cciq-support-row {
    display: flex;
    align-items: center;
}

.cciq-support-label {
    width: 75px;
    font-weight: 500;
    color: #1e293b;
    flex-shrink: 0;
}

.cciq-support-value {
    display: flex;
    align-items: center;
    gap: 8px;
}

.cciq-support-value-text,
.cciq-option-text {
    font-size: 14px;
    font-weight: 600;
    color: #0f172a;
}

.cciq-support-link {
    font-weight: 500;
}

.cciq-password-requirements-popover {
    position: relative;
    display: inline-block;
    max-width: none;
}

.cciq-password-requirements-arrow {
    position: relative;
}

.cciq-password-requirements-title {
    margin-top: -10px;
}

/* Ensure modals and modal backdrop overlays appear above sticky patient headers/toolbars */
.modal-backdrop {
    z-index: 2100 !important;
}

.modal {
    z-index: 2110 !important;
}

/* Ensure that typeaheads don't render duplicate chevron icons if wrapped in an input-group (e.g. from cached scripts) */
.filterControl:has(.input-group)::after {
    display: none !important;
}

/* Visually center the plus and minus characters inside the round toggle icon */
.monitoring-dashboard-header__toggle-icon {
    padding-bottom: 2px !important;
}

#site-root.site-root-flex.app-main.monitoring-dashboard-scroll-root {

    overflow-x: hidden !important;
;

}

.monitoring-dashboard-scroll-root .panel-expand-with-content .patients-card {

    width: 100% !important;

    overflow-x: auto !important;

    margin-top: 0px !important;

    padding: 0px !important;

}

.monitoring-dashboard-scroll-root .panel-expand-with-content .patients-table-wrap {

    overflow-x: auto !important;

}

.monitoring-dashboard-scroll-root .patients-table-wrap {

    white-space: normal !important;

}


.monitoring-dashboard-scroll-root .app-topbar {

    border-radius: 15px !important;

}

.monitoring-dashboard-scroll-root .app-topbar-content {

    min-height: 90px !important;

    padding: 10px 24px !important;

}

.monitoring-dashboard-scroll-root .sectionHeading {

    min-height: 72px !important;

    padding: 10px 20px !important;

    margin: 0px 0px 15px 0px !important;

}

.monitoring-dashboard-scroll-root .patients-filter-row {

    margin: 0px 0px 15px 0px !important;

    border: none !important;

    padding: 0px 20px 0px !important;

}

.monitoring-dashboard-scroll-root .patients-card table.results tbody td {

    padding: 6px 10px !important;

}

.monitoring-dashboard-scroll-root .table-context-menu-toggle,
.monitoring-dashboard-scroll-root .table-context-menu-toggle:visited,
.monitoring-dashboard-scroll-root .table-context-menu-toggle:hover,
.monitoring-dashboard-scroll-root .table-context-menu-toggle:focus,
.monitoring-dashboard-scroll-root .table-context-menu-toggle:active {

    height: 25px !important;

    min-height: 22px !important;

    min-width: 22px !important;

    padding: 0 !important;

    width: 22px !important;

}

.monitoring-dashboard-scroll-root .monitoring-summary-card .card-header {

    min-height: 50px !important;

    padding: 10px 20px !important;

}

.monitoring-dashboard-scroll-root .monitoring-tasks-card .card-header {

    gap: 8px !important;

    min-height: 50px !important;

    padding: 10px 20px !important;

}

.monitoring-tasks-card__warning-icon {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    text-decoration: none;
}

.monitoring-tasks-card__warning-icon.shake {
    animation: shake 15s ease-in-out infinite;
}

.monitoring-dashboard-scroll-root .monitoring-overview-card__legend-item {

    min-height: 35px !important;

}

.monitoring-dashboard-scroll-root .monitoring-overview-card__legend-link {

    padding: 5px 8px !important;

}

.monitoring-dashboard-scroll-root .monitoring-task-list {

    height: 290px !important;

}

.monitoring-dashboard-scroll-root .panel-gauge {

    height: 290px !important;

}

.monitoring-dashboard-scroll-root .monitoring-summary-card {

    min-height: 350px !important;

}

.monitoring-dashboard-scroll-root .enrollment-card__chart {

    height: 290px !important;

}

.monitoring-dashboard-scroll-root .patients-filter-pill {

    max-width: 320px !important;

}

@media only screen and (min-width:1280px) {

    .monitoring-dashboard-scroll-root .panel-expand-with-content .patients-table-wrap {

        width: calc(100vw - 285px) !important;

    }

    .app-shell.sidebar-collapsed .monitoring-dashboard-scroll-root .panel-expand-with-content .patients-table-wrap {

        width: calc(100vw - 130px) !important;

    }

}


@media only screen and (max-width:1279px) {

    .monitoring-dashboard-scroll-root .panel-expand-with-content .patients-table-wrap {

        width: calc(100vw - 130px) !important;

        overflow-x: auto;

    }

    .app-shell.sidebar-collapsed .monitoring-dashboard-scroll-root .panel-expand-with-content .patients-table-wrap {

        width: calc(100vw - 35px) !important;

        overflow-x: auto;

    }

}


/* Patient Table Row Border */
.patients-card table.results>tbody>tr>td,
.patients-card table.results>tbody>tr>th,
.tcm-dashboard-table>tbody>tr>td,
.tcm-dashboard-table>tbody>tr>th,
.call-exception-table>tbody>tr>td,
.call-exception-table>tbody>tr>th,
table.results>tbody>tr>td,
table.results>tbody>tr>th {
    border-bottom: 1px solid #d5d5d5 !important;
}

/* Patients Filter Row Toolbar Buttons Styling — White Pill with Blue Outline */
.patients-filter-btn,
.patients-filter-row .patients-filter-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: var(--btn-height) !important;
    min-height: var(--btn-height) !important;
    padding: 8px var(--btn-padding-x) !important;
    background-color: var(--blue) !important;
    background: var(--blue) !important;
    color: #ffffff !important;
    border: 1px solid var(--blue) !important;
    border-radius: var(--btn-radius) !important;
    font-family: var(--font-body) !important;
    font-weight: var(--btn-fw) !important;
    font-size: var(--btn-fs) !important;
    cursor: pointer !important;
    transition: all 0.18s ease-in-out !important;
    box-shadow: var(--btn-shadow-primary) !important;
    outline: none !important;
}

.patients-filter-btn:hover,
.patients-filter-btn:focus,
.patients-filter-row .patients-filter-btn:hover,
.patients-filter-row .patients-filter-btn:focus {
    background-color: var(--blue-deep) !important;
    border-color: var(--blue-deep) !important;
    color: #ffffff !important;
    box-shadow: var(--btn-shadow-primary) !important;
    outline: 0 !important;
}

.patients-filter-row .favoritesSplitButton .favoritesToggleButton,
.patients-filter-row .favoritesSplitButton .favoritesMenuButton,

.patients-filter-row .exportActionButton,
.patients-filter-row .helpActionButton,
.patients-filter-row .patientSettingsButton {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 34px !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    color: #334155 !important;
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04) !important;
    transition: all 0.15s ease-in-out !important;
}

    .patients-filter-row .exportActionButton, .patients-filter-row .helpActionButton{
        border-radius: 8px !important;
        padding: 0 14px !important;
        gap: 6px !important;
    }

.patients-filter-row .patientSettingsButton {
    border-radius: 8px !important;
    width: 38px !important;
    min-width: 38px !important;
    padding: 0 !important;
}

.patients-filter-row .favoritesSplitButton .favoritesToggleButton {
    border-radius: 8px 0 0 8px !important;
    margin-right: 0 !important;
    padding: 0 10px !important;
    min-width: 38px !important;
}

.favoritesToggleButton__legacyIcon {
    display: block !important;
    flex: 0 0 16px;
    height: 16px;
    margin-right: 0 !important;
    width: 16px;
}

.patients-filter-row .favoritesSplitButton .favoritesMenuButton {
    border-left: none !important;
    border-radius: 0 8px 8px 0 !important;
    margin-left: 0 !important;
    padding: 0 8px !important;
}

    .patients-filter-row .favoritesSplitButton .favoritesToggleButton:hover,
    .patients-filter-row .favoritesSplitButton .favoritesMenuButton:hover,
    .patients-filter-row .exportActionButton:hover,
    .patients-filter-row .helpActionButton:hover,
    .patients-filter-row .patientSettingsButton:hover {
        background-color: #f8fafc !important;
        border-color: #94a3b8 !important;
        color: #0f172a !important;
    }

.patients-filter-row .favoritesSplitButton .favoritesToggleButton.active,
.patients-filter-row .favoritesSplitButton .favoritesToggleButton.is-favorite {
    background-color: #fefce8 !important;
    border-color: #fde047 !important;
    color: #eab308 !important;
}

/* Ensure all toolbar elements in patients-filter-row stay in 1 single horizontal row */
.patients-filter-row {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: space-between !important;
}

.patients-filter-row>div {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    gap: 10px !important;
}

    .patients-filter-row .favorites-container,
    .patients-filter-row .favorites-container > div,
    .patients-filter-row .filterSplitButton,
    .patients-filter-row .favoritesSplitButton,
    .patients-filter-row .exportMenuWrap,
    .patients-filter-row .columnChooserWrap {
        display: inline-flex !important;
        align-items: center !important;
        flex-shrink: 0 !important;
        margin: 0 !important;
        vertical-align: middle !important;
    }

    .patients-filter-row .favoritesSplitButton,
    .patients-filter-row .filterSplitButton {
        flex-direction: row !important;
    }

.patients-card .sectionHeading .patientAddButton {
    border-radius: var(--btn-radius) !important;
    font-family: var(--font-body) !important;
    font-size: var(--btn-fs) !important;
    margin-left: 8px !important;
    min-height: var(--btn-height) !important;
    padding: 8px var(--btn-padding-x) !important;
}

.patients-card .sectionHeading .monitoring-inline-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-right: 6px !important;
    vertical-align: text-bottom !important;
}

.patients-card .sectionHeading .monitoring-inline-icon svg {
    display: block !important;
}

#patient-list-table-responsive {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    margin-top: 16px !important;
    overflow-x: auto !important;
    padding: 0 !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch;
}

#patient-list-table-section table.results {
    background: #ffffff !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
}

#patient-list-table-section table.results thead th,
#patient-list-table-section table.results > thead > tr.column-docked > th {
    background: #eff6ff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    padding: 12px 14px !important;
    position: sticky !important;
    text-transform: uppercase !important;
    top: 0 !important;
    vertical-align: middle !important;
    z-index: 10 !important;
}

#patient-list-table-section table.results tbody td {
    border-bottom: 1px solid #f8fafc !important;
    color: #001242 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    line-height: 1.25 !important;
    padding: 8px 12px !important;
    vertical-align: middle !important;
}

#patient-list-table-section table.results > tbody:first-of-type > tr:not(.selected):nth-child(odd) > td,
#patient-list-table-section table.results > tbody:first-of-type > tr:not(.selected):nth-child(odd) > th {
    background-color: #ffffff !important;
}

#patient-list-table-section table.results > tbody:first-of-type > tr:not(.selected):nth-child(even) > td,
#patient-list-table-section table.results > tbody:first-of-type > tr:not(.selected):nth-child(even) > th {
    background-color: #f9f9f9 !important;
}

#patient-list-table-section table.results tbody tr.striped-row td,
#patient-list-table-section table.results tbody tr.striped-row th {
    background-color: #f9f9f9 !important;
}

#patient-list-table-section table.results tbody td.dashboard-row-menu-cell,
#patient-list-table-section table.results tbody td.table-context-menu-cell {
    padding: 6px !important;
    width: 36px !important;
}

#patient-list-table-section table.results tbody tr.selected td,
#patient-list-table-section table.results tbody tr.selected th,
#patient-list-table-section table.results tbody tr.selected:hover td,
#patient-list-table-section table.results tbody tr.selected:hover th {
    background-color: #3399ff !important;
    color: #ffffff !important;
}

#patient-list-table-section table.results > tbody:first-of-type > tr:not(.selected):hover > td,
#patient-list-table-section table.results > tbody:first-of-type > tr:not(.selected):hover > th,
#patient-list-table-section table.results tbody tr.striped-row:not(.selected):hover td,
#patient-list-table-section table.results tbody tr.striped-row:not(.selected):hover th {
    background-color: #f8fafc !important;
}

#patient-list-table-section table.results tbody td a,
#patient-list-table-section table.results tbody td a:visited {
    color: #0878f2 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

#patient-list-table-section table.results tbody td a:hover,
#patient-list-table-section table.results tbody td a:focus {
    color: #0566d3 !important;
    text-decoration: none !important;
}

#patient-list-table-section table.results tbody tr.selected td a,
#patient-list-table-section table.results tbody tr.selected td a:visited,
#patient-list-table-section table.results tbody tr.selected td a:hover,
#patient-list-table-section table.results tbody tr.selected td a:focus {
    color: #ffffff !important;
}

/* Transitional Care table parity with Monitoring patient list */
.tcm-dashboard-page .tcm-dashboard-card {
    overflow: visible;
}

.tcm-dashboard-page .tcm-dashboard-table-responsive {
    background: #ffffff !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 12px !important;
    margin-top: 16px !important;
    min-height: 320px !important;
    overflow-x: auto !important;
    padding: 0 !important;
    position: relative !important;
    -webkit-overflow-scrolling: touch;
}

.tcm-dashboard-page .tcm-dashboard-table {
    background: #ffffff !important;
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    box-shadow: none !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    width: 100% !important;
}

.tcm-dashboard-page .tcm-dashboard-table > thead > tr > th {
    background: #eff6ff !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #475569 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.06em !important;
    padding: 12px 14px !important;
    position: sticky !important;
    text-transform: uppercase !important;
    top: 0 !important;
    vertical-align: middle !important;
    white-space: nowrap !important;
    z-index: 10 !important;
}

.tcm-dashboard-page .tcm-dashboard-table > thead > tr > th:first-child {
    padding-left: 6px !important;
    padding-right: 6px !important;
    width: 36px !important;
}

.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > td,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > th {
    border-bottom: 1px solid #f8fafc !important;
    color: #001242 !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    height: auto !important;
    line-height: 1.25 !important;
    padding: 8px 12px !important;
    vertical-align: middle !important;
}

.tcm-dashboard-page .tcm-dashboard-table > tbody > tr:not(.selected):nth-child(odd) {
    background-color: #ffffff !important;
}

.tcm-dashboard-page .tcm-dashboard-table > tbody > tr:not(.selected):nth-child(even),
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr.striped-row {
    background-color: #f9f9f9 !important;
}

.tcm-dashboard-page .tcm-dashboard-table > tbody > tr:not(.selected):hover > td,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr:not(.selected):hover > th,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr.striped-row:not(.selected):hover > td,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr.striped-row:not(.selected):hover > th {
    background-color: #f8fafc !important;
}

.tcm-dashboard-page .tcm-dashboard-columns {
    position: relative;
    z-index: 20;
}

.tcm-dashboard-page .tcm-dashboard-field .form-select {
    background-color: #ffffff !important;
    border: 1px solid #dbe5f1 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(20, 45, 90, 0.04) !important;
    color: #183153 !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    height: 40px !important;
    line-height: 1.2 !important;
    min-height: 40px !important;
    padding: 8px 38px 8px 14px !important;
}

.tcm-dashboard-page .tcm-dashboard-field .form-select:focus {
    border-color: #9fc7f6 !important;
    box-shadow: 0 0 0 3px rgba(35, 131, 246, 0.14) !important;
}

.tcm-dashboard-page .tcm-dashboard-search {
    min-height: 40px !important;
    padding-right: 14px !important;
    padding-left: 14px !important;
    border-radius: 10px !important;
}

.tcm-dashboard-page .tcm-dashboard-search input {
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    min-width: 0 !important;
    width: 100% !important;
}

.tcm-dashboard-page .tcm-dashboard-columns__button,
.tcm-dashboard-page .tcm-dashboard-columns__button:visited,
.tcm-dashboard-page .tcm-dashboard-columns__button:active {
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #dbe7f6 !important;
    border-radius: 10px !important;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.06) !important;
    color: #334064 !important;
    display: inline-flex !important;
    font-family: var(--font-body) !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    justify-content: center;
    min-height: 40px;
    min-width: 40px;
    padding: 0 10px;
    text-decoration: none !important;
    transition: background-color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.tcm-dashboard-page .tcm-dashboard-columns__button:hover,
.tcm-dashboard-page .tcm-dashboard-columns__button:focus,
.tcm-dashboard-page .tcm-dashboard-columns__button:focus-visible,
.tcm-dashboard-page .tcm-dashboard-columns__button.show,
.tcm-dashboard-page .tcm-dashboard-columns__button[aria-expanded="true"] {
    background: #f8fbff !important;
    border-color: #bfd8f5 !important;
    box-shadow: 0 12px 28px rgba(15, 23, 42, 0.1) !important;
    color: #0f172a !important;
    outline: none !important;
    transform: translateY(-1px);
}

.tcm-dashboard-page .tcm-dashboard-columns__button.dropdown-toggle::after {
    display: none !important;
}

.tcm-dashboard-page .tcm-dashboard-columns__icon {
    font-size: 15px;
    line-height: 1;
    margin-right: 0;
}

.tcm-dashboard-page .tcm-dashboard-columns__menu {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 14px !important;
    box-shadow: 0 12px 28px -4px rgba(15, 23, 42, 0.1), 0 4px 10px -2px rgba(15, 23, 42, 0.04) !important;
    max-height: 320px;
    margin-top: 10px !important;
    min-width: 220px;
    overflow: hidden;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 8px 6px !important;
    scrollbar-gutter: stable;
    z-index: 1200 !important;
}

.tcm-dashboard-page .tcm-dashboard-columns__menu > li > a {
    align-items: center;
    border-radius: 8px;
    color: #203152 !important;
    display: flex;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    gap: 10px;
    line-height: 1.35;
    margin: 2px 0;
    padding: 8px 12px !important;
    text-decoration: none !important;
}

.tcm-dashboard-page .tcm-dashboard-columns__menu > li > a:hover,
.tcm-dashboard-page .tcm-dashboard-columns__menu > li > a:focus {
    background: #f8fbff !important;
    color: #0a72f8 !important;
}

.tcm-dashboard-page .tcm-dashboard-columns__selected-icon {
    align-items: center;
    background-color: #0066ff !important;
    background-image: none !important;
    border: 2px solid #0066ff !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    color: transparent !important;
    display: inline-flex;
    flex: 0 0 18px !important;
    height: 18px !important;
    justify-content: center;
    margin-right: 0 !important;
    position: relative !important;
    width: 18px !important;
}

.tcm-dashboard-page .tcm-dashboard-columns__selected-icon::before {
    content: '';
    width: 5px;
    height: 9px;
    border: solid #ffffff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    margin-bottom: 2px;
}

.tcm-dashboard-page .tcm-dashboard-columns__empty-icon {
    align-items: center;
    background-color: #ffffff !important;
    background-image: none !important;
    border: 2px solid #cbd5e1 !important;
    border-radius: 5px !important;
    box-sizing: border-box !important;
    color: transparent !important;
    display: inline-flex;
    flex: 0 0 18px !important;
    height: 18px !important;
    justify-content: center;
    margin-right: 0 !important;
    width: 18px !important;
}

.tcm-dashboard-page .tcm-dashboard-table > thead > tr > th.tcm-dashboard-table__menu-cell,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > td.tcm-dashboard-table__menu-cell {
    padding: 6px !important;
    width: 36px !important;
}

.tcm-dashboard-page .tcm-dashboard-table__menu-cell .dropdown {
    align-items: center;
    display: flex;
    justify-content: center;
}

.tcm-dashboard-page .tcm-dashboard-table__menu-trigger,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger:visited,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger:active,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger:hover,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger:focus,
.tcm-dashboard-page .dashboard-row-menu-toggle,
.tcm-dashboard-page .dashboard-row-menu-toggle:visited,
.tcm-dashboard-page .dashboard-row-menu-toggle:active,
.tcm-dashboard-page .dashboard-row-menu-toggle:hover,
.tcm-dashboard-page .dashboard-row-menu-toggle:focus {
    align-items: center !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    color: #0b63e5 !important;
    display: inline-flex !important;
    flex-shrink: 0 !important;
    height: 22px !important;
    justify-content: center !important;
    line-height: 1 !important;
    margin: 0 auto !important;
    min-height: 22px !important;
    min-width: 22px !important;
    outline: none !important;
    padding: 0 !important;
    text-decoration: none !important;
    width: 22px !important;
}

.tcm-dashboard-page .dashboard-row-menu-icon {
    display: block;
    height: 12px;
    transition: transform 0.18s ease;
    width: 12px;
}

.tcm-dashboard-page .tcm-dashboard-table__menu-trigger:focus,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger:focus-visible,
.tcm-dashboard-page .dashboard-row-menu-toggle:focus,
.tcm-dashboard-page .dashboard-row-menu-toggle:focus-visible {
    box-shadow: none !important;
    outline: none !important;
}

.tcm-dashboard-page .tcm-dashboard-table__menu-trigger.dropdown-toggle::after,
.tcm-dashboard-page .dashboard-row-menu-toggle.dropdown-toggle::after {
    display: none !important;
}

.tcm-dashboard-page .tcm-dashboard-table__menu-trigger.show .tcm-dashboard-table__menu-chevron,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger[aria-expanded="true"] .tcm-dashboard-table__menu-chevron,
.tcm-dashboard-page .dashboard-row-menu-toggle.show .dashboard-row-menu-icon,
.tcm-dashboard-page .dashboard-row-menu-toggle[aria-expanded="true"] .dashboard-row-menu-icon {
    transform: rotate(180deg);
}

.tcm-dashboard-page .tcm-dashboard-table__menu-trigger.show,
.tcm-dashboard-page .tcm-dashboard-table__menu-trigger[aria-expanded="true"],
.tcm-dashboard-page .dashboard-row-menu-toggle.show,
.tcm-dashboard-page .dashboard-row-menu-toggle[aria-expanded="true"] {
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #0b63e5 !important;
}

.tcm-dashboard-page .tcm-dashboard-table__name,
.tcm-dashboard-page .tcm-dashboard-table__name-link,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > td a,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > td a:visited {
    color: #0878f2 !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
}

.tcm-dashboard-page .tcm-dashboard-table__name-link:hover,
.tcm-dashboard-page .tcm-dashboard-table__name-link:focus,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > td a:hover,
.tcm-dashboard-page .tcm-dashboard-table > tbody > tr > td a:focus {
    color: #0566d3 !important;
    text-decoration: none !important;
}

.tcm-dashboard-page .tcm-dashboard-status {
    align-items: center;
    display: inline-flex;
    gap: 8px;
    line-height: 1.25;
    vertical-align: middle;
}

.tcm-dashboard-page .tcm-dashboard-status__icon-wrap,
.tcm-dashboard-page .tcm-dashboard-status__icon-wrap.tcm-dashboard-status__icon-wrap--interactive {
    align-items: center;
    border-radius: 6px;
    box-sizing: border-box;
    display: inline-flex;
    flex: 0 0 26px;
    height: 26px;
    justify-content: center;
    min-height: 26px;
    min-width: 26px;
    overflow: hidden;
    width: 26px;
}

.tcm-dashboard-page .tcm-dashboard-status__icon-wrap--interactive {
    cursor: pointer;
}

.tcm-dashboard-page .tcm-dashboard-status__icon {
    display: block;
    flex: 0 0 24px;
    height: 24px;
    margin: 0;
    transform: none;
    width: 24px;
}

.tcm-dashboard-page .tcm-dashboard-status__text {
    display: inline-block;
    line-height: 1.25;
}

/* Hide 01, 02, 03 numbers on card headers */
.monitoring-summary-card__number,
.card-step-badge {
    display: none !important;
}

/* Subheading Idle Automatic Reload Styling */
.monitoring-dashboard-meta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    margin-top: 4px !important;
}

.monitoring-dashboard-meta__link {
    background: transparent !important;
    border: 0 !important;
    color: #7c8aa5 !important;
    font-size: 12px !important;
    font-style: italic !important;
    font-weight: 400 !important;
    line-height: 1.25 !important;
    padding: 0 !important;
    cursor: pointer !important;
    text-decoration: none !important;
}

.monitoring-dashboard-meta__link:hover,
.monitoring-dashboard-meta__link:focus {
    color: #0878f9 !important;
    outline: none !important;
    text-decoration: underline !important;
}

.monitoring-dashboard-meta #dashboard-list-refresh-button::before,
.monitoring-dashboard-meta #patient-list-table-refresh-button::before,
.monitoring-dashboard-meta #monitoring-dashboard-refresh-button::before {
    content: "· " !important;
    margin-right: 4px !important;
    font-style: normal !important;
    color: #94a3b8 !important;
}

/* Ensure disabled dropdown options have identical font, padding, margin, and alignment as active options */
.dropdown-menu>li>span.disabled,
.dropdown-menu>li.disabled>span,
.dropdown-menu>li.disabled>a,
.dropdown-menu>li>a.disabled,
.dropdown-menu .dropdown-item.disabled,
.dropdown-menu .disabled {
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    color: #94a3b8 !important;
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
    background-color: transparent !important;
    text-decoration: none !important;
}






.tcm-patient-detail-more-data .tcm-patient-detail-table tr.tcm-patient-detail-group-start {
    border-top: 1px solid #edf2f8 !important;
    margin-top: 0  !important;
    padding-top: 5px !important;
    max-width:90% !important;
}
.more-col-a table.protocol-meta-table.tcm-patient-detail-table tr:nth-child(8) {
    padding-bottom: 5px !important;
}

.tcm-patient-detail-summary-column {
    gap: 3px !important;

}
.more-col-b table.protocol-meta-table.tcm-patient-detail-table tbody + tbody tr:nth-child(2){
    padding-bottom: 5px !important;
}
.tcm-patient-detail-page .tcm-patient-detail-more-data > .more-col-a, .tcm-patient-detail-page .tcm-patient-detail-more-data > .more-col-b {
    gap: 3px !important;
}

.tcm-patient-detail-summary-fields .tcm-patient-detail-summary-cell {
    display: grid  !important;
    grid-template-columns: 140px minmax(0, 1fr)  !important;
}
.mar-top-15.tcm-patient-detail-notes-row{
    margint-top:0px !important;
}
.tcm-patient-detail-summary-monitoring__meta{
    gap:0px !important;
}
.tcm-patient-detail-summary-grid{
    gap: 5px !important;
}
.tcm-patient-detail-summary-monitoring__meta-row{
    display: inline-block !important;
}
.tcm-patient-detail-summary-monitoring__meta-label{
    display: inline-block !important;
    min-width: 80px !important;
}
.tcm-patient-detail-summary-monitoring__meta-value, .tcm-patient-detail-summary-monitoring__meta-value a{
    display: inline-block !important;
}

.app-shell.sidebar-collapsed .patient-chart-header {
    width: calc(100% - 130px) !important;
    right: 18px !important;
    left: auto !important;
    transition: width 0.2s;
}

.app-shell .patient-chart-header {
    width: calc(100% - 285px) !important;
    right: 18px !important;
    left: auto !important;
    transition: width 0.2s;
}


@media only screen and (max-width:1279px) {
    .app-shell.sidebar-collapsed .patient-chart-header {
        width: calc(100% - 32px) !important;
        right: 18px !important;
        left: auto !important;
        transition: width 0.2s;
    }

    .app-shell .patient-chart-header {
        width: calc(100% - 130px) !important;
        right: 18px !important;
        left: auto !important;
        transition: width 0.2s;
    }
}
.monitoring-dashboard-meta {
    position: relative !important;
    top: -6px !important;
}

.monitoring-dashboard-scroll-root .patients-card table.results tbody td {
    padding: 6px 14px !important;
}

button#dashboard-list-add-patient-button svg {
    position: relative !important;
}

.tcm-patient-detail-more-data .tcm-patient-detail-table tr.tcm-patient-detail-group-start {
    border-top: 1px solid #edf2f8 !important;
    margin-top: 0  !important;
    padding-top: 5px !important;
    max-width:90% !important;
}
.more-col-a table.protocol-meta-table.tcm-patient-detail-table tr:nth-child(8) {
    padding-bottom: 5px !important;
}

.tcm-patient-detail-summary-column {
    gap: 3px !important;

}
.more-col-b table.protocol-meta-table.tcm-patient-detail-table tbody + tbody tr:nth-child(2){
    padding-bottom: 5px !important;
}
.tcm-patient-detail-page .tcm-patient-detail-more-data > .more-col-a, .tcm-patient-detail-page .tcm-patient-detail-more-data > .more-col-b {
    gap: 3px !important;
}

.tcm-patient-detail-summary-fields .tcm-patient-detail-summary-cell {
    display: grid  !important;
    grid-template-columns: 140px minmax(0, 1fr)  !important;
}
.mar-top-15.tcm-patient-detail-notes-row{
    margint-top:0px !important;
}
.tcm-patient-detail-summary-monitoring__meta{
    gap:0px !important;
}
.tcm-patient-detail-summary-grid{
    gap: 5px !important;
}
.tcm-patient-detail-summary-monitoring__meta-row{
    display: inline-block !important;
}
.tcm-patient-detail-summary-monitoring__meta-label{
    display: inline-block !important;
    min-width: 80px !important;
}
.tcm-patient-detail-summary-monitoring__meta-value, .tcm-patient-detail-summary-monitoring__meta-value a{
    display: inline-block !important;
}
.app-shell.sidebar-collapsed .app-sidebar {
    overflow: visible;
    left: 0 !important;
}
.patients-filter-btn:disabled,
.patients-filter-btn[disabled],
.patients-filter-row .patients-filter-btn:disabled,
.patients-filter-row .patients-filter-btn[disabled] {
    background-color: #a8c5f0 !important;
    background: #a8c5f0 !important;
    border-color: #a8c5f0 !important;
    box-shadow: none !important;
    color: #ffffff !important;
    cursor: not-allowed !important;
    opacity: 0.55 !important;
}
.patients-filter-row .favoritesSplitButton .favoritesToggleButton:disabled,
.patients-filter-row .favoritesSplitButton .favoritesToggleButton[disabled],
.patients-filter-row .favoritesSplitButton .favoritesMenuButton:disabled,
.patients-filter-row .favoritesSplitButton .favoritesMenuButton[disabled],
.patients-filter-row .exportActionButton:disabled,
.patients-filter-row .exportActionButton[disabled],
.patients-filter-row .helpActionButton:disabled,
.patients-filter-row .helpActionButton[disabled],
.patients-filter-row .patientSettingsButton:disabled,
.patients-filter-row .patientSettingsButton[disabled] {
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: 0.55 !important;
    box-shadow: none !important;
}

/* Shared session-timeout dialog */
.timeout-warning-dialog .timeout-warning-dialog__dialog {
    margin: 24px auto;
    max-width: 460px;
    width: calc(100% - 32px);
}

.timeout-warning-dialog .modal-content {
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16);
    overflow: hidden;
}

.timeout-warning-dialog .modal-header {
    align-items: center;
    background: linear-gradient(90deg, #ffffff 0%, #edf6ff 100%);
    border-bottom: 1px solid #e4edf6;
    display: flex;
    justify-content: center;
    min-height: 76px;
    padding: 20px 56px;
    position: relative;
}

.timeout-warning-dialog .modal-title {
    color: var(--ink);
    font-family: var(--font-heading);
    font-size: 20px;
    font-weight: 800;
    line-height: 1.3;
    margin: 0;
    text-align: center;
}

.timeout-warning-dialog .timeout-warning-dialog__close {
    align-items: center;
    background: #ffffff;
    border: 1px solid #e4edf6;
    border-radius: 10px;
    box-shadow: 0 4px 12px rgba(20, 33, 77, 0.06);
    color: #65779f;
    display: inline-flex;
    font-size: 24px;
    height: 36px;
    justify-content: center;
    line-height: 1;
    margin: 0;
    opacity: 1;
    padding: 0;
    position: absolute;
    right: 20px;
    top: 20px;
    width: 36px;
}

.timeout-warning-dialog .timeout-warning-dialog__close:hover {
    background: #f4f9ff;
    color: var(--blue-deep);
}

.timeout-warning-dialog .timeout-warning-dialog__body {
    color: #19346d;
    font-family: var(--font-body);
    font-size: 16px;
    line-height: 1.55;
    padding: 28px;
    text-align: center;
}

.timeout-warning-dialog .timeout-warning-dialog__body p {
    margin: 0;
}

.timeout-warning-dialog .timeout-warning-dialog__footer {
    background: #fbfdff;
    border-top: 1px solid #e4edf6;
    display: flex;
    justify-content: center;
    padding: 16px 28px 24px;
}

.timeout-warning-dialog .timeout-warning-dialog__continue {
    align-items: center;
    background: var(--blue);
    border: 1px solid var(--blue);
    border-radius: 10px;
    box-shadow: var(--btn-shadow-primary);
    color: #ffffff;
    display: inline-flex;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 700;
    justify-content: center;
    min-height: 46px;
    min-width: 164px;
    padding: 10px 20px;
    text-shadow: none;
}

.timeout-warning-dialog .timeout-warning-dialog__continue:hover {
    background: #0566d3;
    border-color: #0566d3;
    color: #ffffff;
}

.timeout-warning-dialog .timeout-warning-dialog__close:focus,
.timeout-warning-dialog .timeout-warning-dialog__continue:focus {
    outline: 0;
    box-shadow: 0 0 0 3px rgba(34, 184, 233, 0.28);
}

@media (max-width: 575px) {
    .timeout-warning-dialog .timeout-warning-dialog__dialog {
        margin: 16px auto;
        width: calc(100% - 24px);
    }

    .timeout-warning-dialog .modal-header {
        min-height: 68px;
        padding: 16px 52px;
    }

    .timeout-warning-dialog .timeout-warning-dialog__close {
        right: 16px;
        top: 16px;
    }

    .timeout-warning-dialog .timeout-warning-dialog__body {
        padding: 24px 20px;
    }

    .timeout-warning-dialog .timeout-warning-dialog__footer {
        padding: 14px 20px 20px;
    }

    .timeout-warning-dialog .timeout-warning-dialog__continue {
        width: 100%;
    }
}

/* Make warning exclamation-triangle icon larger and yellow */
.bi-exclamation-triangle-fill.text-warning {
    color: #eab308 !important;
    font-size: 1.15em !important;
}

:root {
    --patient-enrollment-primary: #0878f2;
    --patient-enrollment-primary-hover: #0566d3;
}

/* Shared Patient Enrollment / Modify Patient Modal */
.patient-enrollment-modal-dialog {
    max-width: 800px !important;
    width: min(800px, calc(100vw - 24px)) !important;
    margin: 6px auto !important;
}

@media (min-width: 992px) {
    .patient-enrollment-modal-dialog {
        width: min(800px, calc(100vw - 40px)) !important;
    }
}

.patient-enrollment-modal,
.modal.patient-enrollment-modal {
    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

    .patient-enrollment-modal .modal-content,
    .patient-enrollment-modal .patient-modal-content {
        background-color: #ffffff !important;
        border: 1px solid #eef2f7 !important;
        border-radius: 12px !important;
        box-shadow: 0 24px 60px rgba(15, 23, 42, 0.14) !important;
        overflow: visible !important;
        padding: 0 !important;
    }

    .patient-enrollment-modal .modal-body {
        padding: 8px 14px 6px !important;
        max-height: calc(100vh - 130px) !important;
        overflow-y: auto !important;
    }

    .patient-enrollment-modal .patient-modal-body {
        padding: 10px 16px !important;
        background-color: #ffffff !important;
        max-height: calc(100vh - 130px) !important;
        overflow-y: auto !important;
    }

.patient-staff-settings-modal .patient-modal-content,
.patient-staff-settings-modal .patient-modal-body,
.patient-staff-settings-modal .client-account-user-settings-panel,
.patient-staff-settings-modal .client-account-user-settings-panel .patient-enrollment-selectlike,
.patient-staff-settings-modal .client-account-user-settings-panel .type-ahead-component,
.patient-staff-settings-modal .client-account-user-settings-panel .input-group {
    overflow: visible !important;
}

.patient-staff-settings-modal .patient-modal-body {
    overflow-x: visible !important;
    overflow-y: visible !important;
    max-height: none !important;
}

.patient-enrollment-modal .patient-modal-body::-webkit-scrollbar {
    width: 5px;
}

.patient-enrollment-modal .patient-modal-body::-webkit-scrollbar-track {
    background: transparent;
}

.patient-enrollment-modal .patient-modal-body::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

    .patient-enrollment-modal .patient-modal-body::-webkit-scrollbar-thumb:hover {
        background: #94a3b8;
    }

.patient-enrollment-modal .d-flex:not([style*="display: none"]):not([style*="display:none"]) {
    display: flex !important;
}

.patient-enrollment-modal .d-inline-flex:not([style*="display: none"]):not([style*="display:none"]) {
    display: inline-flex !important;
}

.patient-enrollment-modal [style*="display: none"],
.patient-enrollment-modal [style*="display:none"] {
    display: none !important;
}

.patient-enrollment-modal .align-items-center {
    align-items: center !important;
}

.patient-enrollment-modal .justify-content-center {
    justify-content: center !important;
}

.patient-enrollment-modal .justify-content-between {
    justify-content: space-between !important;
}

.patient-enrollment-modal .gap-1 {
    gap: 2px !important;
}

.patient-enrollment-modal .gap-2 {
    gap: 4px !important;
}

.patient-enrollment-modal .gap-3 {
    gap: 8px !important;
}

.patient-enrollment-modal .gap-4 {
    gap: 12px !important;
}

.patient-enrollment-modal .gap-5 {
    gap: 16px !important;
}

.patient-enrollment-modal .flex-grow-1 {
    flex-grow: 1 !important;
    min-width: 0 !important;
}

.patient-enrollment-modal .w-100,
.patient-enrollment-modal .w-100.form-control {
    width: 100% !important;
    max-width: none !important;
}

.patient-enrollment-modal .text-end {
    text-align: right !important;
}

.patient-enrollment-modal .rounded-2 {
    border-radius: 8px !important;
}

.patient-enrollment-modal .border {
    border: 1px solid #d9e6f6 !important;
}

.patient-enrollment-modal .bg-light {
    background: #f8fafc !important;
}

.patient-enrollment-modal .text-nowrap {
    white-space: nowrap !important;
}

.patient-enrollment-modal .shadow-sm {
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
}

.patient-enrollment-modal .px-2 {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.patient-enrollment-modal .px-4 {
    padding-left: 12px !important;
    padding-right: 12px !important;
}

.patient-enrollment-modal .py-2 {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.patient-enrollment-modal .py-3 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
}

.patient-enrollment-modal .p-4 {
    padding: 10px 14px !important;
}

.patient-enrollment-modal .mt-4 {
    margin-top: 10px !important;
}

.patient-enrollment-modal .form-group {
    margin-bottom: 2px !important;
}

.patient-enrollment-modal .patient-modal-header,
.patient-enrollment-modal .modal-header.patient-modal-header {
    background: linear-gradient(180deg, #f5f9ff 0%, #edf4ff 100%) !important;
    border-bottom: 1px solid #e2edfd !important;
    border-radius: 12px 12px 0 0 !important;
    padding: 10px 16px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

.patient-enrollment-modal .patient-modal-header-text,
.patient-enrollment-modal .patient-modal-header-left {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

.patient-enrollment-modal .patient-modal-header-left {
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.patient-enrollment-modal .patient-modal-header-right {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    flex-shrink: 0 !important;
}

.patient-enrollment-modal .patient-modal-category,
.patient-modal-category {
    display: none !important;
}

.patient-enrollment-modal .patient-modal-badge,
.patient-modal-badge {
    display: inline-block !important;
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    color: #0878f2 !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 1.3 !important;
    box-shadow: none !important;
}

.patient-enrollment-modal .patient-modal-title {
    margin: 0 !important;
    color: #0b192c !important;
    font: 800 18px/1.2 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 18px !important;
}

.patient-enrollment-modal .patient-modal-subtitle,
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .patient-modal-subtitle,
.tcm-dashboard-popup .patient-modal-subtitle,
.patient-modal-subtitle {
    display: block !important;
    color: #0878f2 !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    margin-top: 2px !important;
    margin-bottom: 0 !important;
    line-height: 1.3 !important;
}

    .patient-enrollment-modal .patient-modal-subtitle.text-muted,
    .patient-modal-subtitle.text-muted {
        color: #475569 !important;
        font-weight: 500 !important;
    }

.patient-enrollment-modal .patient-modal-close-btn {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    background: #ffffff !important;
    color: #475569 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    opacity: 1 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04) !important;
}

    .patient-enrollment-modal .patient-modal-close-btn:hover {
        background: #f8fafc !important;
        color: #0f172a !important;
        border-color: #94a3b8 !important;
    }

    .patient-enrollment-modal .patient-modal-close-btn .bi {
        font-size: 12px !important;
        line-height: 1 !important;
    }

.patient-enrollment-modal .patient-modal-tabs {
    display: inline-flex;
    align-items: center !important;
    gap: 0 !important;
    margin-top: 8px !important;
    background: rgba(255, 255, 255, 0.88) !important;
    border-radius: 12px !important;
    padding: 2px !important;
    border: 1px solid #d9e6f6 !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
}

.patient-enrollment-modal .patient-tab-btn {
    background: transparent !important;
    color: #475569 !important;
    border: none !important;
    border-radius: 10px !important;
    padding: 4px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    transition: all 0.18s ease !important;
    outline: none !important;
    box-shadow: none !important;
    position: relative !important;
    min-height: 28px !important;
}

    .patient-enrollment-modal .patient-tab-btn + .patient-tab-btn::before {
        content: '' !important;
        position: absolute !important;
        left: 0 !important;
        top: 4px !important;
        bottom: 4px !important;
        width: 1px !important;
        background: #dbe5f2 !important;
    }

    .patient-enrollment-modal .patient-tab-btn:hover {
        background: #f0f6ff !important;
        color: var(--patient-enrollment-primary) !important;
    }

    .patient-enrollment-modal .patient-tab-btn.active {
        background: var(--patient-enrollment-primary) !important;
        color: #ffffff !important;
        font-weight: 700 !important;
        box-shadow: 0 4px 10px rgba(8, 120, 242, 0.22) !important;
    }

        .patient-enrollment-modal .patient-tab-btn.active::before,
        .patient-enrollment-modal .patient-tab-btn:hover::before,
        .patient-enrollment-modal .patient-tab-btn:focus::before {
            opacity: 0 !important;
        }

    .patient-enrollment-modal .patient-tab-btn:focus-visible {
        box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.18) !important;
    }

.patient-enrollment-modal .patient-modal-footer,
.patient-enrollment-modal .modal-footer.patient-modal-footer {
    background: #ffffff !important;
    border-top: 1px solid #f1f5f9 !important;
    border-radius: 0 0 12px 12px !important;
    padding: 8px 16px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
}

    .patient-enrollment-modal .patient-modal-footer > div:not(.patient-footer-required),
    .patient-enrollment-modal .patient-modal-footer .d-flex:not(.patient-footer-required) {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        gap: 8px !important;
        margin-left: auto !important;
    }

.patient-enrollment-modal .patient-footer-required {
    color: #64748b !important;
    font: 600 11px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-enrollment-modal .patient-label-required {
    color: #e11d48 !important;
    font-weight: 800 !important;
    margin-left: 2px !important;
}

.patient-enrollment-modal .patient-label-optional {
    color: #94a3b8 !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    margin-left: 4px !important;
}

.patient-enrollment-modal .patient-btn-cancel,
.patient-enrollment-modal .patient-btn-submit,
.patient-enrollment-modal .patient-check-existing-btn,
.patient-enrollment-modal .patient-btn-edit-existing,
.patient-enrollment-modal .patient-btn-create-new {
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 12px !important;
    font-family: Inter, Montserrat, sans-serif !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 7px 16px !important;
    gap: 6px !important;
    display: inline-flex;
    align-items: center !important;
    justify-content: center !important;
    cursor: pointer !important;
    transition: all .18s ease !important;
}

.patient-enrollment-modal .patient-btn-cancel {
    background: #fff !important;
    color: #334155 !important;
    border: 1.5px solid #e2e8f0 !important;
}

    .patient-enrollment-modal .patient-btn-cancel:hover {
        background: #f8fafc !important;
        color: #0f172a !important;
        border-color: #cbd5e1 !important;
    }

.patient-enrollment-modal .patient-btn-submit,
.patient-enrollment-modal .patient-check-existing-btn,
.patient-enrollment-modal .patient-btn-create-new {
    background: var(--patient-enrollment-primary) !important;
    color: #fff !important;
    border: none !important;
    box-shadow: 0 10px 24px rgba(8, 120, 242, 0.18) !important;
}

.patient-enrollment-modal .patient-btn-submit,
.patient-enrollment-modal .patient-btn-create-new {
    padding: 7px 20px !important;
}

.patient-enrollment-modal .patient-check-existing-btn {
    padding: 7px 16px !important;
    white-space: nowrap;
}

    .patient-enrollment-modal .patient-btn-submit:hover,
    .patient-enrollment-modal .patient-check-existing-btn:hover,
    .patient-enrollment-modal .patient-btn-create-new:hover {
        background: var(--patient-enrollment-primary-hover) !important;
        box-shadow: 0 12px 28px rgba(8, 120, 242, 0.28) !important;
    }

.patient-enrollment-modal .patient-btn-edit-existing {
    background: transparent !important;
    color: var(--patient-enrollment-primary) !important;
    border: none !important;
    padding: 7px 14px !important;
    box-shadow: none !important;
}

.patient-enrollment-modal label,
.patient-enrollment-modal .control-label,
.patient-enrollment-modal .patient-field-label {
    color: #405079 !important;
    font: 750 10.5px/1.2 Inter, ui-sans-serif, system-ui, sans-serif !important;
    margin-bottom: 2px !important;
}

.patient-enrollment-modal .form-control,
.patient-enrollment-modal select,
.patient-enrollment-modal .patient-field-input {
    width: 100% !important;
    height: 42px !important;
    padding: 0 8px !important;
    background: #fff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    color: #14214d !important;
    font: 500 12.5px/1.2 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-enrollment-modal textarea.form-control {
    min-height: 150px !important;
    height: auto !important;
    padding: 6px 8px !important;
    resize: vertical;
}

.patient-enrollment-modal .tokenfield,
.patient-enrollment-modal .tokenfield.form-control {
    height: auto !important;
    min-height: 42px !important;
    max-height: 120px !important;
    overflow-y: auto !important;
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 4px !important;
    padding: 4px 8px !important;
    background: #fff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 6px !important;
}

    .patient-enrollment-modal .tokenfield .token {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 26px !important;
        line-height: 26px !important;
        margin: 0 !important;
        padding: 0 6px 0 10px !important;
        background: #e0edff !important;
        border: 1px solid #93c5fd !important;
        border-radius: 6px !important;
        color: #0878f9 !important;
        font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        vertical-align: middle !important;
    }

        .patient-enrollment-modal .tokenfield .token .token-label {
            display: inline-block !important;
            vertical-align: middle !important;
            line-height: 1 !important;
        }

        .patient-enrollment-modal .tokenfield .token a.close,
        .patient-enrollment-modal .tokenfield .token .close {
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            float: none !important;
            font-size: 14px !important;
            font-weight: 700 !important;
            line-height: 1 !important;
            height: 14px !important;
            width: 14px !important;
            margin: 0 0 0 4px !important;
            padding: 0 !important;
            color: #0878f9 !important;
            opacity: 0.75 !important;
            text-decoration: none !important;
            vertical-align: middle !important;
        }

            .patient-enrollment-modal .tokenfield .token a.close:hover,
            .patient-enrollment-modal .tokenfield .token .close:hover {
                opacity: 1 !important;
                color: #0566d3 !important;
            }

    .patient-enrollment-modal .tokenfield .token-input {
        height: 28px !important;
        min-width: 120px !important;
        flex: 1 1 auto !important;
        border: none !important;
        box-shadow: none !important;
        background: transparent !important;
        padding: 0 4px !important;
        margin: 0 !important;
        font-size: 12.5px !important;
        color: #14214d !important;
    }

        .patient-enrollment-modal .tokenfield .token-input::-webkit-input-placeholder {
            color: #65779f !important;
            opacity: 1 !important;
        }

        .patient-enrollment-modal .tokenfield .token-input::placeholder {
            color: #65779f !important;
            opacity: 1 !important;
        }

    .patient-enrollment-modal .tokenfield:has(.token) .token-input::-webkit-input-placeholder,
    .patient-enrollment-modal .tokenfield:has(.token) .token-input::placeholder,
    .patient-enrollment-modal .tokenfield.has-tokens .token-input::-webkit-input-placeholder,
    .patient-enrollment-modal .tokenfield.has-tokens .token-input::placeholder {
        color: transparent !important;
        opacity: 0 !important;
    }

.patient-enrollment-modal .form-control:focus,
.patient-enrollment-modal select:focus {
    border-color: #93c5fd !important;
    box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.12) !important;
}

.patient-enrollment-modal .row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -4px !important;
    margin-right: -4px !important;
}

    .patient-enrollment-modal .row[style*="display: none"] {
        display: none !important;
    }

    .patient-enrollment-modal .row > [class*="col-"] {
        padding-left: 4px !important;
        padding-right: 4px !important;
        margin-bottom: 3px !important;
    }

.patient-enrollment-modal .address-edit-grid {
    margin-top: 1.5rem;
}

    .patient-enrollment-modal .address-edit-grid .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .patient-enrollment-modal .address-edit-grid [class^="col-"],
    .patient-enrollment-modal .address-edit-grid [class*=" col-"] {
        padding-left: 10px;
        padding-right: 10px;
    }

    .patient-enrollment-modal .address-edit-grid .form-check {
        padding-top: 8px;
    }

.patient-enrollment-modal .results-table-container {
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    background-color: #ffffff;
    overflow: hidden;
    margin-bottom: 1.5rem;
    box-shadow: 0 2px 8px rgba(15, 23, 42, 0.04);
}

    .patient-enrollment-modal .results-table-container table.results {
        margin-bottom: 0;
        border: none;
        width: 100% !important;
        border-collapse: collapse;
    }

        .patient-enrollment-modal .results-table-container table.results th {
            background-color: #f8fafc !important;
            border-bottom: 1px solid #e2e8f0 !important;
            color: #475569 !important;
            font-size: 11px !important;
            font-weight: 800 !important;
            letter-spacing: 0.06em !important;
            text-transform: uppercase !important;
            padding: 12px 18px !important;
        }

        .patient-enrollment-modal .results-table-container table.results td {
            padding: 14px 18px !important;
            vertical-align: middle !important;
            border-bottom: 1px solid #f1f5f9 !important;
            font-size: 13px !important;
            color: #334155 !important;
            font-weight: 500 !important;
        }

        .patient-enrollment-modal .results-table-container table.results tr:last-child td {
            border-bottom: none !important;
        }

        .patient-enrollment-modal .results-table-container table.results tr.selected td {
            background-color: #eef5ff !important;
            color: #0f172a !important;
        }

        .patient-enrollment-modal .results-table-container table.results tr.selected:hover td {
            background-color: #e2f0ff !important;
        }

        .patient-enrollment-modal .results-table-container table.results tr.selected button.text-danger {
            color: #dc2626 !important;
        }

        .patient-enrollment-modal .results-table-container table.results tr:hover td {
            background-color: #f8fafc;
        }

.patient-enrollment-modal .address-header-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 1rem !important;
    width: 100% !important;
}

    .patient-enrollment-modal .address-header-row .patient-field-label {
        margin-bottom: 0 !important;
        display: inline-block !important;
    }

.patient-enrollment-panel-grid {
    margin-left: -6px !important;
    margin-right: -6px !important;
}

.patient-enrollment-grid-col,
.patient-enrollment-name-panel .patient-enrollment-dropdown-col {
    display: flex;
}

.patient-enrollment-name-panel .patient-enrollment-site-user-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
}

    .patient-enrollment-grid-col .form-group,
    .patient-enrollment-name-panel .patient-enrollment-dropdown-col .form-group,
    .patient-enrollment-name-panel .patient-enrollment-site-user-col > * {
        width: 100%;
    }

.patient-enrollment-name-panel .patient-enrollment-section-divider {
    margin: 4px 0 6px !important;
}

.patient-enrollment-name-panel .patient-enrollment-dropdown-grid {
    margin-bottom: 0 !important;
}

.patient-enrollment-name-panel .patient-enrollment-name-grid .d-flex.align-items-center.gap-2 {
    gap: 4px !important;
}

.patient-enrollment-name-panel .patient-enrollment-name-grid .rounded-2,
.patient-enrollment-name-panel .patient-enrollment-name-grid .bg-light.border {
    padding-left: 4px !important;
    padding-right: 4px !important;
}

.patient-enrollment-modal .input-group,
.patient-enrollment-modal .w-full.input-group {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: stretch !important;
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
}

    .patient-enrollment-modal .input-group > .form-control,
    .patient-enrollment-modal .input-group > input,
    .patient-enrollment-modal .input-group > .patient-field-input {
        flex: 1 1 auto !important;
        width: 1% !important;
        min-width: 0 !important;
        height: 42px !important;
        background: transparent !important;
        border: none !important;
        border-radius: 0 !important;
        box-shadow: none !important;
    }

    .patient-enrollment-modal .input-group > .input-group-addon,
    .patient-enrollment-modal .input-group > .input-group-text,
    .patient-enrollment-modal .input-group > .input-group-btn,
    .patient-enrollment-modal .input-group > .btn-default,
    .patient-enrollment-modal .input-group > .patient-enrollment-phone-mode-btn {
        flex: 0 0 auto !important;
        width: auto !important;
        height: 42px !important;
        min-height: 42px !important;
        padding: 0 8px !important;
        background: #f8fafc !important;
        border: none !important;
        border-radius: 0 !important;
        color: #64748b !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    .patient-enrollment-modal .input-group:focus-within {
        border-color: #93c5fd !important;
        box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.12) !important;
    }

        .patient-enrollment-modal .input-group:focus-within .form-control,
        .patient-enrollment-modal .input-group:focus-within input,
        .patient-enrollment-modal .input-group:focus-within .input-group-addon,
        .patient-enrollment-modal .input-group:focus-within .input-group-text,
        .patient-enrollment-modal .input-group:focus-within .input-group-btn .btn {
            border-color: transparent !important;
            box-shadow: none !important;
        }

    .patient-enrollment-modal .input-group-addon:hover,
    .patient-enrollment-modal .input-group-text:hover,
    .patient-enrollment-modal .input-group-btn .btn:hover,
    .patient-enrollment-modal .btn-group .btn-default:hover,
    .patient-enrollment-modal .input-group > .patient-enrollment-phone-mode-btn:hover {
        background-color: #f0f6ff !important;
        color: var(--patient-enrollment-primary) !important;
        border-color: #93c5fd !important;
    }

.patient-enrollment-modal .type-ahead-component .form-control,
.patient-enrollment-modal .type-ahead-component input.form-control,
.patient-enrollment-modal .type-ahead .twitter-typeahead input,
.patient-enrollment-modal .type-ahead .input-group .form-control,
.patient-enrollment-modal .type-ahead .input-group input {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #14214d !important;
}

    .patient-enrollment-modal .type-ahead-component .form-control::placeholder,
    .patient-enrollment-modal .type-ahead-component input.form-control::placeholder,
    .patient-enrollment-modal .type-ahead .twitter-typeahead input::placeholder,
    .patient-enrollment-modal select::placeholder {
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-weight: 400 !important;
        color: #94a3b8 !important;
        opacity: 1 !important;
    }

.patient-enrollment-modal select,
.patient-enrollment-modal select.form-control,
.patient-enrollment-modal select.patient-field-input,
.patient-enrollment-modal select.patient-field-select {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    background-color: #ffffff !important;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='%2365779f'><path d='M7 10l5 5 5-5z'/></svg>") !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-size: 14px 14px !important;
    padding-right: 30px !important;
    color: #65779f !important;
    cursor: pointer !important;
}

    .patient-enrollment-modal select:has(option:not(:first-child):checked) {
        color: #14214d !important;
    }

.patient-enrollment-modal .time-of-day select {
    padding-left: 4px !important;
    padding-right: 14px !important;
    background-position: right 4px center !important;
    background-size: 9px 9px !important;
}

.patient-enrollment-modal select option,
.patient-enrollment-modal select optgroup {
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #14214d !important;
}

    .patient-enrollment-modal select option:first-child {
        color: #65779f !important;
    }

.patient-enrollment-modal .input-group-addon,
.patient-enrollment-modal .input-group-text,
.patient-enrollment-modal .patient-enrollment-phone-mode-btn,
.patient-enrollment-modal .type-ahead-component,
.patient-enrollment-modal .type-ahead-component *,
.patient-enrollment-modal .patient-enrollment-selectlike,
.patient-enrollment-modal .patient-enrollment-selectlike *,
.patient-enrollment-modal .caret,
.patient-enrollment-modal .dropdown-toggle,
.patient-enrollment-modal [data-toggle="dropdown"] {
    cursor: pointer !important;
}

.patient-enrollment-modal .dropdown-menu,
.ui-autocomplete,
.ui-menu,
.ui-autocomplete.patient-enrollment-site-user,
.ui-autocomplete.patient-enrollment-diagnosis {
    background-color: #ffffff !important;
    border: 1px solid #dfe5ee !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(17, 43, 82, 0.18) !important;
    padding: 4px 0 !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    z-index: 999999 !important;
    max-height: 250px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

.patient-enrollment-modal .open > .dropdown-menu,
.patient-enrollment-modal .show > .dropdown-menu,
.patient-enrollment-modal .btn-group.open > .dropdown-menu,
.patient-enrollment-modal .dropdown.open > .dropdown-menu,
.patient-enrollment-modal .input-group-btn.open > .dropdown-menu,
.patient-enrollment-modal .input-group.open > .dropdown-menu {
    display: block !important;
    z-index: 1050 !important;
}

.patient-enrollment-name-panel .btn-group .dropdown-menu,
.patient-enrollment-modal .dropup .dropdown-menu,
.patient-enrollment-modal .btn-group.dropup .dropdown-menu,
.patient-enrollment-modal .dropup > .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
}

.patient-enrollment-modal .dropup .caret,
.patient-enrollment-name-panel .dropup .caret {
    border-top: 4px solid !important;
    border-bottom: 0 !important;
}

.patient-enrollment-modal .dropdown-menu > li > a,
.dropdown-menu > li > a,
.patient-enrollment-phone-mode-menu li a,
.ui-autocomplete .ui-menu-item,
.ui-autocomplete .ui-menu-item-wrapper,
.ui-autocomplete li > div,
.ui-autocomplete.patient-enrollment-site-user .ui-menu-item-wrapper,
.ui-autocomplete.patient-enrollment-site-user li > div,
.ui-autocomplete.patient-enrollment-diagnosis .ui-menu-item-wrapper,
.ui-autocomplete.patient-enrollment-diagnosis li > div {
    display: block !important;
    padding: 6px 12px !important;
    margin: 2px 4px !important;
    border-radius: 6px !important;
    font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    color: #1e293b !important;
    background: transparent !important;
    background-image: none !important;
    text-decoration: none !important;
    cursor: pointer !important;
    transition: all 0.15s ease !important;
}

    .patient-enrollment-modal .dropdown-menu > li > a:hover,
    .patient-enrollment-modal .dropdown-menu > li > a:focus,
    .patient-enrollment-modal .dropdown-menu > li:hover > a,
    .dropdown-menu > li > a:hover,
    .dropdown-menu > li > a:focus,
    .dropdown-menu > li:hover > a,
    .patient-enrollment-phone-mode-menu li a:hover,
    .patient-enrollment-phone-mode-menu li:hover > a,
    .ui-autocomplete .ui-menu-item-wrapper.ui-state-active,
    .ui-autocomplete li.ui-state-focus > div,
    .ui-autocomplete li:hover > div,
    .ui-autocomplete.patient-enrollment-site-user .ui-menu-item-wrapper.ui-state-active,
    .ui-autocomplete.patient-enrollment-site-user li.ui-state-focus > div,
    .ui-autocomplete.patient-enrollment-site-user li:hover > div,
    .ui-autocomplete.patient-enrollment-diagnosis .ui-menu-item-wrapper.ui-state-active,
    .ui-autocomplete.patient-enrollment-diagnosis li.ui-state-focus > div,
    .ui-autocomplete.patient-enrollment-diagnosis li:hover > div {
        background-color: #e0edff !important;
        background: #e0edff !important;
        background-image: none !important;
        color: #0878f2 !important;
        font-weight: 600 !important;
        border-radius: 6px !important;
    }

.patient-enrollment-modal .dropdown-menu > .active > a,
.patient-enrollment-modal .dropdown-menu > .active > a:hover,
.patient-enrollment-modal .dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
    background-color: #0878f2 !important;
    background: #0878f2 !important;
    background-image: none !important;
    color: #ffffff !important;
    font-weight: 600 !important;
    border-radius: 6px !important;
}

.patient-enrollment-modal .dropdown-menu > .disabled > a,
.patient-enrollment-modal .dropdown-menu > .disabled > a:hover,
.patient-enrollment-modal .dropdown-menu > .disabled > a:focus,
.patient-enrollment-modal .dropdown-header,
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus,
.dropdown-header {
    color: #94a3b8 !important;
    background: transparent !important;
    background-image: none !important;
    cursor: default !important;
    font-weight: 700 !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.04em !important;
    padding: 6px 12px 2px !important;
}

.patient-enrollment-modal .alert,
.patient-enrollment-modal .patient-duplicate-alert {
    border-radius: 12px !important;
    padding: 14px 42px 14px 18px !important;
    font: 500 13px/1.45 Inter, Montserrat, ui-sans-serif, system-ui, sans-serif !important;
    margin-bottom: 20px !important;
    position: relative !important;
    box-shadow: 0 4px 14px rgba(15, 23, 42, 0.04) !important;
    border-width: 1px !important;
    border-style: solid !important;
}

    .patient-enrollment-modal .alert .title,
    .patient-enrollment-modal .alert span.title {
        display: block !important;
        font-weight: 750 !important;
        font-size: 13.5px !important;
        text-transform: capitalize !important;
        letter-spacing: normal !important;
        margin-bottom: 3px !important;
    }

.patient-enrollment-modal .alert-danger {
    background-color: #fef2f2 !important;
    border-color: #fecaca !important;
    color: #991b1b !important;
}

    .patient-enrollment-modal .alert-danger .title {
        color: #991b1b !important;
    }

.patient-enrollment-modal .alert-warning,
.patient-enrollment-modal .patient-duplicate-alert {
    background-color: #fffbe6 !important;
    border-color: #ffe58f !important;
    color: #856404 !important;
}

    .patient-enrollment-modal .alert-warning .title {
        color: #78350f !important;
    }

.patient-enrollment-modal .alert-success {
    background-color: #f0fdf4 !important;
    border-color: #bbf7d0 !important;
    color: #166534 !important;
}

    .patient-enrollment-modal .alert-success .title {
        color: #166534 !important;
    }

.patient-enrollment-modal .alert-info {
    background-color: #f0f9ff !important;
    border-color: #bae6fd !important;
    color: #0369a1 !important;
}

    .patient-enrollment-modal .alert-info .title {
        color: #0369a1 !important;
    }

.patient-enrollment-modal .alert .close,
.patient-enrollment-modal .alert button.close {
    position: absolute !important;
    top: 12px !important;
    right: 14px !important;
    font-size: 20px !important;
    font-weight: 500 !important;
    opacity: 0.5 !important;
    color: inherit !important;
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    cursor: pointer !important;
    line-height: 1 !important;
    transition: opacity 0.15s ease !important;
}

    .patient-enrollment-modal .alert .close:hover,
    .patient-enrollment-modal .alert button.close:hover {
        opacity: 0.9 !important;
    }

.patient-enrollment-modal .alert-warning em,
.patient-enrollment-modal .alert-info em {
    color: var(--patient-enrollment-primary) !important;
    font-style: normal !important;
    font-weight: 700 !important;
    background-color: #e0edff !important;
    padding: 1px 6px !important;
    border-radius: 4px !important;
}

.patient-enrollment-name-panel .patient-enrollment-selectlike .type-ahead-component .input-group,
.patient-enrollment-modal .client-account-user-settings-panel .patient-enrollment-selectlike .type-ahead-component .input-group {
    height: 42px !important;
    background: #ffffff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 6px !important;
    box-shadow: none !important;
    overflow: visible !important;
    position: relative !important;
}

.patient-enrollment-name-panel .patient-enrollment-selectlike .type-ahead-component .form-control,
.patient-enrollment-name-panel .patient-enrollment-selectlike .type-ahead-component input.form-control,
.patient-enrollment-name-panel .patient-enrollment-selectlike .type-ahead .twitter-typeahead input,
.patient-enrollment-name-panel .patient-enrollment-site-user-field .type-ahead-component .form-control,
.patient-enrollment-modal .client-account-user-settings-panel .patient-enrollment-selectlike .type-ahead-component .form-control,
.patient-enrollment-modal .client-account-user-settings-panel .patient-enrollment-selectlike .type-ahead-component input.form-control,
.patient-enrollment-modal .client-account-user-settings-panel .patient-enrollment-site-user-field .type-ahead-component .form-control {
    height: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 8px !important;
    color: #14214d !important;
}

.patient-enrollment-name-panel .patient-enrollment-selectlike .type-ahead-component .input-group-addon,
.patient-enrollment-modal .client-account-user-settings-panel .patient-enrollment-selectlike .type-ahead-component .input-group-addon {
    background: transparent !important;
    border: none !important;
    min-width: 28px !important;
    height: 42px !important;
    padding: 0 8px 0 4px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #65779f !important;
}

.patient-enrollment-name-panel .patient-enrollment-role-trigger,
.patient-enrollment-name-panel .patient-enrollment-role-label {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    font-family: Montserrat, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #405079 !important;
}

.patient-enrollment-name-panel .patient-enrollment-phone-mode-menu {
    left: auto !important;
    right: 0 !important;
    min-width: 260px !important;
    max-width: 300px !important;
    margin-top: 4px !important;
    padding: 4px 0 !important;
}

    .patient-enrollment-name-panel .patient-enrollment-phone-mode-menu > li > a {
        position: relative !important;
        display: block !important;
        padding: 8px 14px 8px 34px !important;
        font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
        font-size: 12.5px !important;
        font-weight: 500 !important;
        line-height: 1.35 !important;
        color: #14214d !important;
    }

        .patient-enrollment-name-panel .patient-enrollment-phone-mode-menu > li > a .glyphicon {
            position: absolute !important;
            left: 12px !important;
            top: 10px !important;
            color: #1657b7 !important;
        }

.patient-enrollment-name-panel .patient-enrollment-phone-mode-btn {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 36px !important;
    padding: 0 20px 0 8px !important;
    color: #65779f !important;
    border-top-right-radius: 6px !important;
    border-bottom-right-radius: 6px !important;
}

.patient-enrollment-modal .patient-check-existing-card {
    margin-top: 8px;
    padding: 10px 14px;
    background: linear-gradient(180deg, #f8fbff 0%, #f3f8ff 100%);
    border: 1px solid #d9e6f6;
    border-radius: 10px;
    box-shadow: 0 4px 14px rgba(22, 87, 183, 0.06);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.patient-enrollment-modal .patient-check-existing-content {
    flex: 1 1 auto;
    min-width: 0;
}

.patient-enrollment-modal .patient-check-existing-badge {
    display: inline-block;
    margin-bottom: 3px;
    padding: 2px 8px;
    border-radius: 999px;
    background: #e0edff;
    color: #1657b7;
    font: 800 9.5px/1.2 Inter, ui-sans-serif, system-ui, sans-serif;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.patient-enrollment-modal .patient-check-existing-title {
    color: #0f172a;
    font: 800 14px/1.2 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif;
    margin-bottom: 2px;
}

.patient-enrollment-modal .patient-check-existing-desc {
    color: #51627f;
    font: 500 11.5px/1.35 Inter, ui-sans-serif, system-ui, sans-serif;
    max-width: 560px;
}

.patient-enrollment-modal .patient-modal-card {
    background: #fafcff !important;
    border: 1px solid #e8f0fe !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.02) !important;
}

.patient-enrollment-modal .patient-card-header {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding-bottom: 6px !important;
    margin-bottom: 8px !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.patient-enrollment-modal .patient-card-icon {
    width: 28px !important;
    height: 28px !important;
    min-width: 28px !important;
    min-height: 28px !important;
    border-radius: 50% !important;
    background: #eff6ff !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.patient-enrollment-modal .patient-card-title {
    color: #0f172a !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.patient-enrollment-modal .patient-duplicate-card {
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 16px rgba(15, 23, 42, 0.04) !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
}

.patient-enrollment-modal .patient-duplicate-card-header {
    padding: 6px 12px !important;
    font: 750 14px/1.3 Montserrat, Inter, sans-serif !important;
    font-size: 14px !important;
    border-bottom: 1px solid #e2e8f0 !important;
    color: #0f172a !important;
}

    .patient-enrollment-modal .patient-duplicate-card-header span {
        font-size: 14px !important;
    }

    .patient-enrollment-modal .patient-duplicate-card-header.header-create {
        background: linear-gradient(180deg, #f0f6ff 0%, #e8f2ff 100%) !important;
        border-bottom-color: #d9e6f6 !important;
        color: var(--patient-enrollment-primary) !important;
    }

    .patient-enrollment-modal .patient-duplicate-card-header.header-edit {
        background: linear-gradient(180deg, #f8fafc 0%, #f1f5f9 100%) !important;
        color: #334155 !important;
    }

.patient-enrollment-modal .patient-verify-banner {
    background: #f8fafc !important;
    border-bottom: 1px solid #e2e8f0 !important;
    padding: 6px 12px !important;
}

    .patient-enrollment-modal .patient-verify-banner label {
        margin: 0 !important;
        color: #1e293b !important;
        font: 600 12px/1.35 Inter, ui-sans-serif, system-ui, sans-serif !important;
        cursor: pointer !important;
    }

    .patient-enrollment-modal .patient-verify-banner input[type="checkbox"] {
        accent-color: var(--patient-enrollment-primary) !important;
        cursor: pointer !important;
    }

.patient-enrollment-modal .patient-modal-table {
    width: 100% !important;
    margin-bottom: 0 !important;
    border-collapse: collapse !important;
    border-spacing: 0 !important;
}

    .patient-enrollment-modal .patient-modal-table tr {
        background: transparent !important;
    }

    .patient-enrollment-modal .patient-modal-table td {
        padding: 6px 0 !important;
        border: none !important;
        border-bottom: none !important;
        background: transparent !important;
        font-size: 12.5px !important;
        vertical-align: middle !important;
    }

    .patient-enrollment-modal .patient-modal-table tr:last-child td {
        border-bottom: none !important;
    }

    .patient-enrollment-modal .patient-modal-table td.patient-field-label,
    .patient-enrollment-modal .patient-modal-table td.bold {
        width: 160px !important;
        min-width: 160px !important;
        color: #64748b !important;
        font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
        font-size: 11px !important;
        font-weight: 700 !important;
        letter-spacing: 0.04em !important;
        text-transform: uppercase !important;
        padding-right: 16px !important;
    }

.patient-enrollment-modal .patient-field-value {
    color: #0f172a !important;
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

.patient-enrollment-modal .patient-pointer-icon {
    cursor: pointer !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.patient-enrollment-modal .patient-duplicate-table {
    width: 100% !important;
    margin-bottom: 0 !important;
}

    .patient-enrollment-modal .patient-duplicate-table > thead > tr > th {
        color: #405079 !important;
        font: 800 10px/1.2 Inter, ui-sans-serif, system-ui, sans-serif !important;
        letter-spacing: .04em !important;
        text-transform: uppercase !important;
        background: #f8fafc !important;
        border-bottom: 1px solid #e5eef8 !important;
        padding: 6px 10px !important;
    }

    .patient-enrollment-modal .patient-duplicate-table > tbody > tr > td {
        color: #14214d !important;
        font: 600 12px/1.35 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
        padding: 6px 10px !important;
        border-bottom: 1px solid #eef4fb !important;
        vertical-align: middle !important;
    }

.patient-enrollment-modal .match-highlight {
    background: #e0edff !important;
    color: var(--patient-enrollment-primary) !important;
    padding: 1px 4px !important;
    border-radius: 3px !important;
    font-weight: 700 !important;
}

.patient-reset-password-modal .patient-modal-badge {
    max-width: min(100%, 360px) !important;
    white-space: normal !important;
    text-align: left !important;
}

.patient-reset-password-modal .patient-modal-category .bi {
    font-size: 11px !important;
}

.patient-reset-password-modal .patient-card-icon .bi {
    font-size: 15px !important;
    color: var(--patient-enrollment-primary) !important;
}

.patient-reset-password-modal .patient-reset-password-intro {
    margin: 0 0 8px !important;
    padding: 6px 10px !important;
    border: 1px solid #dbeafe !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%) !important;
    color: #47607e !important;
    font: 500 12px/1.4 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-reset-password-modal .patient-modal-table td {
    padding: 6px 0 !important;
    border: none !important;
    border-bottom: none !important;
    vertical-align: middle !important;
}

    .patient-reset-password-modal .patient-modal-table td.patient-field-label {
        width: 200px !important;
        min-width: 200px !important;
        font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
        font-size: 13px !important;
        font-weight: 700 !important;
        color: #1e293b !important;
        text-transform: none !important;
        padding-right: 16px !important;
    }

.patient-reset-password-modal .patient-field-input,
.patient-reset-password-modal .password-result {
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-reset-password-modal .patient-reset-password-toggle-label .bi {
    color: var(--patient-enrollment-primary) !important;
    font-size: 12px !important;
}

.patient-reset-password-modal .patient-reset-password-status-note {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-top: 4px !important;
    color: #475569 !important;
    font: 600 11px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

    .patient-reset-password-modal .patient-reset-password-status-note .bi {
        color: #0878f2 !important;
        font-size: 12px !important;
    }

.patient-reset-password-modal .patient-reset-password-status-note--warning {
    color: #9a3412 !important;
}

    .patient-reset-password-modal .patient-reset-password-status-note--warning .bi {
        color: #f59e0b !important;
    }

.patient-reset-password-modal .patient-reset-password-help-trigger {
    margin-left: 6px !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--patient-enrollment-primary) !important;
    vertical-align: middle !important;
}

    .patient-reset-password-modal .patient-reset-password-help-trigger:hover,
    .patient-reset-password-modal .patient-reset-password-help-trigger.is-open {
        color: #065ec2 !important;
    }

.patient-reset-password-modal .patient-reset-password-inline-help {
    margin-top: 6px !important;
    max-width: min(100%, 340px) !important;
}

.patient-reset-password-modal .patient-reset-password-inline-help__content {
    max-height: 100px !important;
    overflow-y: auto !important;
    padding: 8px 10px !important;
    border: 1px solid #dbeafe !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #f8fbff 0%, #f2f7ff 100%) !important;
    color: #334155 !important;
    font: 600 11.5px/1.4 Inter, ui-sans-serif, system-ui, sans-serif !important;
    word-break: break-word !important;
}

.patient-reset-password-modal .patient-reset-password-copy-link {
    width: 100% !important;
    min-height: 42px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #64748b !important;
    text-decoration: none !important;
}

    .patient-reset-password-modal .patient-reset-password-copy-link:hover {
        color: var(--patient-enrollment-primary) !important;
    }

.patient-reset-password-modal .patient-reset-password-success-title {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    color: #0f172a !important;
}

    .patient-reset-password-modal .patient-reset-password-success-title .bi {
        color: var(--patient-enrollment-primary) !important;
        font-size: 14px !important;
    }

.patient-reset-password-modal .patient-reset-password-link-note {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    color: #64748b !important;
    font: 600 11px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

    .patient-reset-password-modal .patient-reset-password-link-note .bi {
        color: var(--patient-enrollment-primary) !important;
    }

.patient-reset-password-modal .patient-reset-password-result-label {
    margin-bottom: 4px !important;
    color: #405079 !important;
    font: 800 10px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
    letter-spacing: .05em !important;
    text-transform: uppercase !important;
}

.patient-reset-password-modal .patient-modal-footer .patient-footer-required {
    max-width: 420px !important;
}

@media (max-width: 991.98px) {
    .patient-enrollment-modal-dialog {
        width: calc(100vw - 20px) !important;
    }

    .patient-enrollment-modal .modal-body {
        max-height: calc(100vh - 120px) !important;
        overflow-y: auto !important;
        padding: 8px 12px 6px !important;
    }

    .patient-enrollment-modal .patient-modal-header {
        padding: 10px 12px 8px !important;
    }

    .patient-enrollment-modal .patient-modal-footer {
        padding: 6px 12px !important;
    }
}

@media (max-width: 767.98px) {
    .patient-enrollment-modal-dialog {
        width: calc(100vw - 20px) !important;
    }

    .patient-enrollment-modal .patient-modal-header,
    .patient-enrollment-modal .patient-modal-footer,
    .patient-enrollment-modal .patient-check-existing-card {
        padding-left: 12px !important;
        padding-right: 12px !important;
    }

    .patient-enrollment-modal .patient-modal-header,
    .patient-enrollment-modal .patient-modal-footer,
    .patient-enrollment-modal .patient-check-existing-card {
        flex-direction: column;
        align-items: flex-start !important;
    }

        .patient-enrollment-modal .patient-modal-footer > div:last-child {
            width: 100%;
            display: flex;
            justify-content: flex-start;
            flex-wrap: wrap;
        }

    .patient-enrollment-modal .patient-check-existing-btn {
        width: 100%;
    }
}


/* Prevent dropdown menus in the rightmost columns from overflowing the right edge of the modal */
.patient-enrollment-site-user-col .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.patient-enrollment-phone-mode-menu {
    right: 0 !important;
    left: auto !important;
}

/* Force vertical layout for phone-panel component inside patient-enrollment-modal to avoid cache issues and truncation */
.patient-enrollment-modal [data-bind*="phone-panel"] .form-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 6px !important;
}

    .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:first-child,
    .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:nth-child(2) {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:first-child {
        margin-bottom: 2px !important;
    }

        .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:first-child a,
        .patient-enrollment-modal [data-bind*="phone-panel"] .patient-enrollment-phone-mode-btn {
            color: #14214d !important;
            font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            letter-spacing: normal !important;
            text-decoration: none !important;
        }

.patient-enrollment-modal [data-bind*="phone-panel"] .input-group-addon {
    background: #f8fafc !important;
    border-color: #d9e6f6 !important;
}

    .patient-enrollment-modal [data-bind*="phone-panel"] .input-group-addon label {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        margin: 0 !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        color: #475569 !important;
        cursor: pointer !important;
    }

/* Force bottom action buttons wrapper to occupy full width */
.patient-enrollment-modal [data-bind*="phone-panel"] .pad-bottom-22 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 6px !important;
    float: none !important;
    width: 100% !important;
}

    .patient-enrollment-modal [data-bind*="phone-panel"] .pad-bottom-22 > div {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-left: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

/* Fix date input styling in Modify TCM Dates modal when calendar icon is not shown */
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .form-control {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-radius: 8px !important;
}

/* More Phones button styling matching the revamped design guidelines */
.patient-enrollment-modal .patient-add-phone-btn {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    color: var(--patient-enrollment-primary) !important;
    display: inline-flex !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 4px !important;
    padding: 0 !important;
    text-decoration: none !important;
    transition: color 0.18s ease;
    margin-top: 2px;
}

    .patient-enrollment-modal .patient-add-phone-btn:hover,
    .patient-enrollment-modal .patient-add-phone-btn:focus {
        color: var(--patient-enrollment-primary-hover) !important;
    }

    .patient-enrollment-modal .patient-add-phone-btn .bi {
        font-size: 12px !important;
        line-height: 1 !important;
    }

/* Patient Advocate Card & List Group Item Warning Override to Alice Blue Theme */
.patient-enrollment-modal .list-group-item-warning,
.patient-enrollment-modal .list-group-item.list-group-item-warning,
.patient-details-panel .list-group-item-warning,
.patient-details-panel .list-group-item.list-group-item-warning,
.patient-advocate-card {
    background-color: #f0f8ff !important;
    background: #f0f8ff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(20, 45, 90, 0.04) !important;
    padding: 8px 12px !important;
    color: #1e293b !important;
}

    .patient-enrollment-modal .list-group-item-warning label,
    .patient-details-panel .list-group-item-warning label,
    .patient-advocate-card label {
        color: #1e293b !important;
    }

/* Compact layout overrides for Add Provider & Staff Settings popups */
.patient-enrollment-modal .pad-bottom-30,
.modal .pad-bottom-30,
.patient-modal-body .pad-bottom-30 {
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;
}

.patient-enrollment-modal .pad-top-7,
.modal .pad-top-7,
.patient-modal-body .pad-top-7 {
    padding-top: 2px !important;
    margin-top: 0 !important;
}

.patient-enrollment-modal hr,
.modal hr,
.patient-modal-body hr {
    margin: 6px 0 !important;
    border-color: #e2e8f0 !important;
}

.patient-enrollment-modal .font-h4,
.modal .font-h4,
.patient-modal-body .font-h4 {
    font-size: 13px !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

.patient-enrollment-modal .form-horizontal .row,
.patient-modal-body .form-horizontal .row {
    margin-bottom: 2px !important;
}

/* Yellow warning banner theme override */
.patient-enrollment-modal .yellow-bg,
.yellow-bg {
    background-color: #f0f6ff !important;
    background: #f0f6ff !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    border-radius: 8px !important;
}

    .patient-enrollment-modal .yellow-bg label,
    .yellow-bg label {
        color: #0369a1 !important;
    }
/* Prevent dropdown menus in the rightmost columns from overflowing the right edge of the modal */
.patient-enrollment-site-user-col .dropdown-menu {
    right: 0 !important;
    left: auto !important;
}

.patient-enrollment-phone-mode-menu {
    right: 0 !important;
    left: auto !important;
}

/* Force vertical layout for phone-panel component inside patient-enrollment-modal to avoid cache issues and truncation */
.patient-enrollment-modal [data-bind*="phone-panel"] .form-group {
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    width: 100% !important;
    float: none !important;
    margin-bottom: 6px !important;
}

    .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:first-child,
    .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:nth-child(2) {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        text-align: left !important;
    }

    .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:first-child {
        margin-bottom: 2px !important;
    }

        .patient-enrollment-modal [data-bind*="phone-panel"] .form-group > div:first-child a,
        .patient-enrollment-modal [data-bind*="phone-panel"] .patient-enrollment-phone-mode-btn {
            color: #14214d !important;
            font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 1.2 !important;
            letter-spacing: normal !important;
            text-decoration: none !important;
        }

.patient-enrollment-modal [data-bind*="phone-panel"] .input-group-addon {
    background: #f8fafc !important;
    border-color: #d9e6f6 !important;
    width: auto !important;
    min-width: 102px !important;
    height: auto !important;
    min-height: 42px !important;
    padding: 6px 10px !important;
    justify-content: flex-start !important;
    overflow: visible !important;
}

    .patient-enrollment-modal [data-bind*="phone-panel"] .input-group-addon .patient-phone-visibility-toggle {
        display: inline-flex !important;
        align-items: flex-start !important;
        gap: 6px !important;
        margin: 0 !important;
        font-weight: 500 !important;
        font-size: 11px !important;
        color: #475569 !important;
        cursor: pointer !important;
        line-height: 1.15 !important;
        white-space: normal !important;
        text-align: left !important;
        width: 100% !important;
    }

        .patient-enrollment-modal [data-bind*="phone-panel"] .input-group-addon .patient-phone-visibility-toggle input[type="checkbox"] {
            flex: 0 0 18px !important;
            width: 18px !important;
            min-width: 18px !important;
            margin-top: 1px !important;
        }

.patient-enrollment-modal [data-bind*="phone-panel"] .patient-phone-visibility-text {
    display: block !important;
    max-width: 66px !important;
    white-space: normal !important;
    word-break: normal !important;
}

/* Force bottom action buttons wrapper to occupy full width */
.patient-enrollment-modal [data-bind*="phone-panel"] .pad-bottom-22 {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 4px !important;
    margin-top: 6px !important;
    float: none !important;
    width: 100% !important;
}

    .patient-enrollment-modal [data-bind*="phone-panel"] .pad-bottom-22 > div {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        padding: 0 !important;
        margin-left: 0 !important;
        display: flex !important;
        flex-wrap: wrap !important;
        gap: 4px !important;
    }

/* Fix date input styling in Modify TCM Dates modal when calendar icon is not shown */
.protocol-modal-custom.tcm-dashboard-popup.tcm-dashboard-popup--qi-edit .calendar .form-control {
    border-right-style: solid !important;
    border-right-width: 1px !important;
    border-radius: 8px !important;
}

/* More Phones button styling matching the revamped design guidelines */
.patient-enrollment-modal .patient-add-phone-btn {
    align-items: center;
    background: transparent !important;
    border: 0 !important;
    color: var(--patient-enrollment-primary) !important;
    display: inline-flex !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    gap: 4px !important;
    padding: 0 !important;
    text-decoration: none !important;
    transition: color 0.18s ease;
    margin-top: 2px;
}

    .patient-enrollment-modal .patient-add-phone-btn:hover,
    .patient-enrollment-modal .patient-add-phone-btn:focus {
        color: var(--patient-enrollment-primary-hover) !important;
    }

    .patient-enrollment-modal .patient-add-phone-btn .bi {
        font-size: 12px !important;
        line-height: 1 !important;
    }

/* Patient Advocate Card & List Group Item Warning Override to Alice Blue Theme */
.patient-enrollment-modal .list-group-item-warning,
.patient-enrollment-modal .list-group-item.list-group-item-warning,
.patient-details-panel .list-group-item-warning,
.patient-details-panel .list-group-item.list-group-item-warning,
.patient-advocate-card {
    background-color: #f0f8ff !important;
    background: #f0f8ff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(20, 45, 90, 0.04) !important;
    padding: 8px 12px !important;
    color: #1e293b !important;
}

    .patient-enrollment-modal .list-group-item-warning label,
    .patient-details-panel .list-group-item-warning label,
    .patient-advocate-card label {
        color: #1e293b !important;
    }

/* Compact layout overrides for Add Provider & Staff Settings popups */
.patient-enrollment-modal .pad-bottom-30,
.modal .pad-bottom-30,
.patient-modal-body .pad-bottom-30 {
    padding-bottom: 2px !important;
    margin-bottom: 2px !important;
}

.patient-enrollment-modal .pad-top-7,
.modal .pad-top-7,
.patient-modal-body .pad-top-7 {
    padding-top: 2px !important;
    margin-top: 0 !important;
}

.patient-enrollment-modal hr,
.modal hr,
.patient-modal-body hr {
    margin: 6px 0 !important;
    border-color: #e2e8f0 !important;
}

.patient-enrollment-modal .font-h4,
.modal .font-h4,
.patient-modal-body .font-h4 {
    font-size: 13px !important;
    margin-top: 2px !important;
    margin-bottom: 4px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
}

.patient-enrollment-modal .form-horizontal .row,
.patient-modal-body .form-horizontal .row {
    margin-bottom: 2px !important;
}

/* Yellow warning banner theme override */
.patient-enrollment-modal .yellow-bg,
.yellow-bg {
    background-color: #f0f6ff !important;
    background: #f0f6ff !important;
    border: 1px solid #bae6fd !important;
    color: #0369a1 !important;
    border-radius: 8px !important;
}

    .patient-enrollment-modal .yellow-bg label,
    .yellow-bg label {
        color: #0369a1 !important;
    }

/* Modern info icon badge styling */
.patient-enrollment-modal .patient-info-icon,
.patient-enrollment-modal .with-icon.info,
.patient-info-icon {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
    background: #e0edff !important;
    color: #0878f2 !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    font-style: normal !important;
    line-height: 1 !important;
    cursor: pointer !important;
    margin-left: 4px !important;
    margin-top: 0 !important;
    float: none !important;
    vertical-align: middle !important;
    border: none !important;
    background-image: none !important;
    box-shadow: 0 2px 4px rgba(8, 120, 242, 0.15) !important;
    transition: all 0.18s ease !important;
}

    .patient-enrollment-modal .patient-info-icon:hover,
    .patient-enrollment-modal .with-icon.info:hover,
    .patient-info-icon:hover {
        background: #0878f2 !important;
        color: #ffffff !important;
    }

/* SiteUsers Care Team Role Picker dropup menu override */
.patient-enrollment-site-user-col .dropup .dropdown-menu,
.patient-enrollment-site-user-col .btn-group.dropup .dropdown-menu,
.patient-enrollment-site-user-col .dropdown.dropup .dropdown-menu {
    top: auto !important;
    bottom: 100% !important;
    margin-top: 0 !important;
    margin-bottom: 6px !important;
    z-index: 999999 !important;
}

/* Popover styling & z-index override */
.popover,
.patient-enrollment-modal .popover {
    z-index: 999999 !important;
    max-width: 340px !important;
    border-radius: 10px !important;
    box-shadow: 0 12px 36px rgba(15, 23, 42, 0.18) !important;
    border: 1px solid #cbd5e1 !important;
    background-color: #ffffff !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
}

    .popover .popover-title {
        font-weight: 700 !important;
        font-size: 12.5px !important;
        color: #0f172a !important;
        background-color: #f8fafc !important;
        border-bottom: 1px solid #e2e8f0 !important;
        padding: 8px 12px !important;
        border-top-left-radius: 10px !important;
        border-top-right-radius: 10px !important;
    }

    .popover .popover-content {
        font-size: 12px !important;
        line-height: 1.4 !important;
        padding: 10px 12px !important;
        color: #334155 !important;
    }

/* File Upload Modal Custom Styling */
.patient-enrollment-modal .patient-file-info-box,
.patient-enrollment-modal .well {
    background-color: #f0f8ff !important;
    background: #f0f8ff !important;
    border: 1px solid #d9e6f6 !important;
    border-radius: 10px !important;
    padding: 10px 14px !important;
    color: #1e293b !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 12.5px !important;
    margin-bottom: 12px !important;
    box-shadow: none !important;
}

.patient-enrollment-modal input[type="file"],
.patient-enrollment-modal .patient-file-input {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 8px 12px !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 12.5px !important;
    color: #334155 !important;
    background-color: #ffffff !important;
    border: 1px dashed #93c5fd !important;
    border-radius: 8px !important;
    cursor: pointer !important;
}

    .patient-enrollment-modal input[type="file"]::file-selector-button,
    .patient-enrollment-modal input[type="file"]::-webkit-file-upload-button {
        background-color: #e0edff !important;
        color: #0878f2 !important;
        border: none !important;
        border-radius: 6px !important;
        padding: 6px 12px !important;
        font-weight: 600 !important;
        font-size: 12px !important;
        margin-right: 10px !important;
        cursor: pointer !important;
        transition: all 0.18s ease !important;
    }

        .patient-enrollment-modal input[type="file"]::file-selector-button:hover,
        .patient-enrollment-modal input[type="file"]::-webkit-file-upload-button:hover {
            background-color: #0878f2 !important;
            color: #ffffff !important;
        }

/* Universal Custom Styled Checkboxes matching Delete Patient design */
.patient-enrollment-modal input[type="checkbox"],
.patient-enrollment-modal .checkbox input[type="checkbox"],
.patient-confirm-checkbox-box {
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    border: 2px solid #0878f2 !important;
    border-radius: 5px !important;
    background-color: #ffffff !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 11px 11px !important;
    cursor: pointer !important;
    outline: none !important;
    margin: 0 !important;
    margin-left: 0 !important;
    vertical-align: middle !important;
    display: inline-flex !important;
    position: static !important;
    left: auto !important;
    top: auto !important;
    float: none !important;
    align-items: center !important;
    justify-content: center !important;
    transition: all 0.18s ease-in-out !important;
    box-shadow: none !important;
    flex: 0 0 auto !important;
}

    .patient-enrollment-modal input[type="checkbox"]:hover,
    .patient-enrollment-modal .checkbox input[type="checkbox"]:hover {
        border-color: #0566d3 !important;
        box-shadow: 0 0 0 3px rgba(8, 120, 242, 0.12) !important;
    }

    .patient-enrollment-modal input[type="checkbox"]:checked,
    .patient-enrollment-modal .checkbox input[type="checkbox"]:checked {
        background-color: #0878f2 !important;
        border-color: #0878f2 !important;
        background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
    }

    .patient-enrollment-modal input[type="checkbox"]:disabled,
    .patient-enrollment-modal .checkbox input[type="checkbox"]:disabled {
        border-color: #cbd5e1 !important;
        background-color: #f1f5f9 !important;
        cursor: not-allowed !important;
        opacity: 0.65 !important;
    }

        .patient-enrollment-modal input[type="checkbox"]:disabled:checked,
        .patient-enrollment-modal .checkbox input[type="checkbox"]:disabled:checked {
            background-color: #94a3b8 !important;
            border-color: #94a3b8 !important;
            background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") !important;
        }

/* TCM Dashboard Popup Compact Width & Styling */
.tcm-dashboard-popup .patient-enrollment-modal-dialog,
.tcm-dashboard-popup__dialog,
.tcm-dashboard-popup__dialog--wide {
    max-width: 620px !important;
    width: min(620px, calc(100vw - 24px)) !important;
}

@media (min-width: 768px) {
    .patient-billing-type-dialog .patient-enrollment-modal-dialog {
        max-width: 760px !important;
        width: min(760px, calc(100vw - 24px)) !important;
    }
}

.tcm-dashboard-popup .control-label,
.tcm-dashboard-popup label {
    font-family: Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #14214d !important;
}

.tcm-dashboard-popup .tcm-dashboard-popup__radio-label {
    align-items: center !important;
    display: inline-flex !important;
    gap: 10px !important;
    line-height: 1.2 !important;
    margin: 0 !important;
}

.tcm-dashboard-popup .tcm-dashboard-popup__radio-label input[type="radio"] {
    flex: 0 0 auto !important;
    margin: 0 !important;
}

.tcm-dashboard-popup .tcm-dashboard-popup__radio-label .h5 {
    line-height: 1.2 !important;
    margin: 0 !important;
}

.tcm-dashboard-popup .tcm-dashboard-popup__now-btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 4px !important;
    height: 36px !important;
    padding: 0 10px !important;
    border-radius: 8px !important;
    background-color: #e0edff !important;
    background: #e0edff !important;
    border: 1px solid #bae6fd !important;
    color: #0878f2 !important;
    font-weight: 600 !important;
    font-size: 12px !important;
    transition: all 0.18s ease !important;
}

    .tcm-dashboard-popup .tcm-dashboard-popup__now-btn:hover {
        background-color: #0878f2 !important;
        background: #0878f2 !important;
        border-color: #0878f2 !important;
        color: #ffffff !important;
    }

.tcm-dashboard-popup .tcm-date-time > div,
.tcm-dashboard-popup .tcm-date-time .time-of-day {
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}

.tcm-dashboard-popup .tcm-date-time select,
.tcm-dashboard-popup .tcm-date-time .form-control,
.tcm-date-time select,
.time-of-day select {
    width: auto !important;
    min-width: 52px !important;
    display: inline-block !important;
    height: 36px !important;
    padding: 2px 18px 2px 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
}

/* User-Specified Global Label Styles for Popup Modals */
.patient-enrollment-modal label,
.patient-enrollment-modal .patient-field-label,
.patient-enrollment-modal .control-label,
.patient-enrollment-modal .tcm-date-label,
.patient-field-label,
.tcm-date-label {
    font-family: Montserrat, system-ui, -apple-system, sans-serif !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin-bottom: 6px !important;
    display: block !important;
    text-transform: none !important;
}

.patient-enrollment-modal .checkbox,
.patient-enrollment-modal .radio {
    min-height: 0 !important;
    padding-left: 0 !important;
}

    /* Preserving flex alignment for radio/checkbox inline labels */
    .patient-enrollment-modal label:has(input[type="radio"]),
    .patient-enrollment-modal label:has(input[type="checkbox"]),
    .patient-enrollment-modal .checkbox label,
    .patient-enrollment-modal .radio label {
        display: inline-flex !important;
        align-items: flex-start !important;
        gap: 8px !important;
        padding-left: 0 !important;
        margin-bottom: 0 !important;
        cursor: pointer !important;
        line-height: 1.45 !important;
    }

        .patient-enrollment-modal label:has(input[type="checkbox"]) input[type="checkbox"],
        .patient-enrollment-modal .checkbox label input[type="checkbox"],
        .patient-enrollment-modal .patient-warning-box-label input[type="checkbox"],
        .patient-enrollment-modal .patient-pause-monitoring-modal__checkbox-label input[type="checkbox"],
        .patient-enrollment-modal .patient-modify-account-panel__access-control input[type="checkbox"] {
            margin-top: 2px !important;
        }

/* Datepicker Popup High Z-Index Override */
.datepicker,
.datepicker-dropdown,
.datepicker-dropdown.datepicker-orient-left,
.datepicker-dropdown.datepicker-orient-right,
.datepicker-dropdown.datepicker-orient-top,
.datepicker-dropdown.datepicker-orient-bottom {
    z-index: 999999 !important;
    border-radius: 10px !important;
    box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18) !important;
    border: 1px solid #cbd5e1 !important;
    font-family: Inter, ui-sans-serif, system-ui, sans-serif !important;
    padding: 8px !important;
    background: #ffffff !important;
}

    .datepicker table tr td.active,
    .datepicker table tr td.active:hover,
    .datepicker table tr td.active.disabled,
    .datepicker table tr td.active.disabled:hover {
        background-color: #0878f2 !important;
        background-image: none !important;
        border-radius: 6px !important;
    }

/* Scoped layout fixes for Modify Patient account tab */
.patient-enrollment-modal .patient-modify-account-panel__choice,
.patient-enrollment-modal .patient-modify-account-panel__toggle,
.patient-enrollment-modal .patient-modify-account-panel__access-control,
.patient-enrollment-modal .patient-modify-account-panel__access-item label {
    display: inline-flex !important;
    align-items: flex-start !important;
    gap: 8px !important;
    margin: 0 !important;
}

    .patient-enrollment-modal .patient-modify-account-panel__choice input[type="radio"] {
        margin: 0 !important;
    }


.patient-enrollment-modal .patient-modify-account-panel .checkbox,
.patient-enrollment-modal .patient-modify-account-panel .radio {
    padding-left: 0 !important;
    min-height: 0 !important;
}

.patient-enrollment-modal .patient-modify-account-panel__choice .h5 {
    margin: 0 !important;
    font: 700 12.5px/1.3 Montserrat, Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-enrollment-modal .patient-modify-account-panel__prereq {
    display: block !important;
    margin-top: 4px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__choice[style*="display: none"],
.patient-enrollment-modal .patient-modify-account-panel__choice[style*="display:none"],
.patient-enrollment-modal .patient-modify-account-panel__prereq[style*="display: none"],
.patient-enrollment-modal .patient-modify-account-panel__prereq[style*="display:none"] {
    display: none !important;
}

    .patient-enrollment-modal .patient-modify-account-panel__prereq a {
        display: inline-flex !important;
        align-items: center !important;
        gap: 4px !important;
        font: 600 11.5px/1.4 Inter, ui-sans-serif, system-ui, sans-serif !important;
    }

.patient-enrollment-modal .patient-modify-account-panel__details {
    padding-top: 2px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__section-label {
    display: block !important;
    margin-bottom: 4px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__field-row {
    align-items: flex-start !important;
    margin-bottom: 6px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__field-label {
    padding-top: 11px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__field-control {
    display: flex !important;
    flex-direction: column !important;
}

.patient-enrollment-modal .patient-modify-account-panel__input-group {
    width: 100% !important;
}

.patient-enrollment-modal .patient-modify-account-panel__password-input {
    letter-spacing: 3px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__toggle-row {
    margin-top: 8px !important;
    width: 100% !important;
}

.patient-enrollment-modal .patient-modify-account-panel__toggle {
    white-space: nowrap !important;
    color: #475569 !important;
    font: 600 11px/1.2 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-enrollment-modal .patient-modify-account-panel__toggle-card {
    min-height: 40px !important;
    padding: 0 14px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__access-row {
    align-items: center !important;
    row-gap: 6px !important;
}

.patient-enrollment-modal .patient-modify-account-panel__access-item {
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
}

.patient-enrollment-modal .patient-modify-account-panel__access-control {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #14214d !important;
    font: 600 12px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-enrollment-modal .patient-modify-account-panel__access-item label {
    color: #14214d !important;
    font: 600 12px/1.3 Inter, ui-sans-serif, system-ui, sans-serif !important;
}

.patient-enrollment-modal .patient-modify-account-panel__reset-link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 4px !important;
    margin-left: 0 !important;
    font-weight: 600 !important;
}

@media (max-width: 767.98px) {
    .patient-enrollment-modal .patient-modify-account-panel__field-label {
        padding-top: 0 !important;
    }

    .patient-enrollment-modal .patient-modify-account-panel__toggle-card {
        white-space: normal !important;
    }
}

/* Modern Styling for Ajax Status Dialogs across the application */
.ajax-status-dialog .modal-dialog,
.ajax-status-dialog__dialog {
    max-width: 460px !important;
    width: min(460px, calc(100vw - 32px)) !important;
    margin: 40px auto !important;
}

.ajax-status-dialog .modal-content,
.ajax-status-dialog__content {
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.16) !important;
    background: #ffffff !important;
    overflow: hidden !important;
}

.ajax-status-dialog .modal-body,
.ajax-status-dialog__body {
    padding: 32px 28px !important;
    background-color: #ffffff !important;
}

.ajax-status-dialog__state {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
}

.ajax-status-dialog__state[style*="display: none"] {
    display: none !important;
}

.ajax-status-dialog__title {
    font-family: Inter, Montserrat, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 !important;
    line-height: 1.4 !important;
    text-align: center !important;
}

.ajax-status-dialog__title--waiting {
    color: #1e293b !important;
}

.ajax-status-dialog__title--success {
    color: #0f172a !important;
    font-size: 16.5px !important;
    font-weight: 700 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}

    .ajax-status-dialog__title--success::before {
        content: "" !important;
        display: inline-block !important;
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        background-color: #dcfce7 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23166534' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        box-shadow: 0 4px 12px rgba(22, 101, 52, 0.12) !important;
    }

.ajax-status-dialog__title--error {
    color: #991b1b !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 12px !important;
}

    .ajax-status-dialog__title--error::before {
        content: "" !important;
        display: inline-block !important;
        width: 48px !important;
        height: 48px !important;
        border-radius: 50% !important;
        background-color: #fee2e2 !important;
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23991b1b' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

.ajax-status-dialog__spinner {
    width: 36px !important;
    height: 36px !important;
    margin-top: 8px !important;
}

.ajax-status-dialog__message {
    background-color: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-size: 13px !important;
    color: #475569 !important;
    max-height: 160px !important;
    overflow-y: auto !important;
    width: 100% !important;
}

.ajax-status-dialog__button,
.ajax-status-dialog .btn {
    border-radius: 10px !important;
    padding: 9px 28px !important;
    font-family: Inter, Montserrat, ui-sans-serif, system-ui, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    transition: all 0.15s ease-in-out !important;
    cursor: pointer !important;
    outline: none !important;
    margin-top: 8px !important;
}

.ajax-status-dialog__button--primary {
    background-color: #1877f2 !important;
    border: 1px solid #1877f2 !important;
    color: #ffffff !important;
    box-shadow: 0 4px 14px rgba(24, 119, 242, 0.25) !important;
}

    .ajax-status-dialog__button--primary:hover,
    .ajax-status-dialog__button--primary:focus {
        background-color: #1565d8 !important;
        border-color: #1565d8 !important;
        color: #ffffff !important;
        box-shadow: 0 6px 18px rgba(24, 119, 242, 0.35) !important;
    }

.patient-enrollment-modal .device-invoice-patient-select {
    padding-top: 10px !important;
}
.patient-enrollment-modal .patient-modify-account-panel__credential-row {
    display: flex !important;
    align-items: flex-start !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    width: 100% !important;
}

.patient-enrollment-modal .patient-modify-account-panel__input-group {
    flex: 1 1 auto !important;
    min-width: 0 !important;
}

/* Disabled labels and form fields inside patient modal (e.g. TCM Billing fields before Discharge Date is chosen) */
.patient-enrollment-modal label.disabled,
.patient-enrollment-modal .control-label.disabled,
.patient-enrollment-modal .patient-field-label.disabled,
.patient-enrollment-modal label[disabled],
.patient-enrollment-modal .disabled label,
.patient-enrollment-modal .disabled .control-label {
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
}

.patient-enrollment-modal .form-control:disabled,
.patient-enrollment-modal .form-control[disabled],
.patient-enrollment-modal select:disabled,
.patient-enrollment-modal select[disabled],
.patient-enrollment-modal input:disabled,
.patient-enrollment-modal input[disabled],
.patient-enrollment-modal button:disabled,
.patient-enrollment-modal button[disabled],
.patient-enrollment-modal .patient-field-input:disabled,
.patient-enrollment-modal .patient-field-input[disabled],
.patient-enrollment-modal .disabled .form-control,
.patient-enrollment-modal .disabled select,
.patient-enrollment-modal .disabled input,
.patient-enrollment-modal .disabled button,
.patient-enrollment-modal .disabled .input-group-addon,
.patient-enrollment-modal .disabled .input-group-text {
    background-color: #f1f5f9 !important;
    background: #f1f5f9 !important;
    border-color: #e2e8f0 !important;
    color: #94a3b8 !important;
    cursor: not-allowed !important;
    opacity: 0.65 !important;
    box-shadow: none !important;
    pointer-events: none !important;
}

.patient-enrollment-modal select:disabled option,
.patient-enrollment-modal select[disabled] option,
.patient-enrollment-modal .disabled select option {
    color: #94a3b8 !important;
}