/*
 *
 *  Copyright © by HEALTHBRAIN Corp.
 *  All Rights Reserved.
 *
 */
/* Defaults */
/* RESET */
@import "https://fonts.googleapis.com/css?family=Lato:400,400italic,300,700";
@import "https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
:root {
  /*
    --customBackgroundColor: var(--customBackgroundColor);
    --customDarkBackgroundColor: #00a5d6;
    */
  --customBackgroundColor: #00c0f3;
  --customDarkBackgroundColor: #00a5d6;
  --customLightBackgroundColor: #c0f2ff;
  --customCaretImageData: url("../media/images/layout/caret-blue.png");
  --customCalendarIconImageData: url("../media/icons/icon-calendar.svg");
  --customTimeIconImageData: url("../media/icons/icon-clock.svg");
  --customPlayImageData: url("../../media/images/layout/play.png");
  --customLoaderImageData: ;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
/* jQuery UI style reset */
.ui-corner-all {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Libraries */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
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 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -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-appearance: textfield;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
* {
  -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: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.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;
  margin: -1px;
  padding: 0;
  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 {
  background-color: #feebcd;
  padding: 0.2em;
}
.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: #01943c;
}
a.text-success:hover,
a.text-success:focus {
  color: #016127;
}
.text-info {
  color: #06baf5;
}
a.text-info:hover,
a.text-info:focus {
  color: #0594c3;
}
.text-warning {
  color: #f69300;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #c37500;
}
.text-danger {
  color: #d41414;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #ba0158;
}
.bg-primary {
  color: #fff;
  background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #286090;
}
.bg-success {
  background-color: #cde9da;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #aad9c0;
}
.bg-info {
  background-color: #ccf2fd;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #9be5fb;
}
.bg-warning {
  background-color: #feebcd;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #fdd79b;
}
.bg-danger {
  background-color: #f9bbbb;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #f99cc7;
}
.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;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 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;
    clear: left;
    text-align: right;
    overflow: hidden;
    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;
  border-right: 5px solid #eee;
  border-left: 0;
  text-align: right;
}
.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;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .container {
    width: 740px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1160px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.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-left: 10px;
  padding-right: 10px;
}
.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;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 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: thin dotted;
  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, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.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 {
  border: 0;
  background-color: transparent;
}
.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-left: -20px;
  margin-top: 2px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 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: #01943c;
}
.has-success .form-control {
  border-color: #01943c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #016127;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #02f965;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #02f965;
}
.has-success .input-group-addon {
  color: #01943c;
  border-color: #01943c;
  background-color: #cde9da;
}
.has-success .form-control-feedback {
  color: #01943c;
}
.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: #f69300;
}
.has-warning .form-control {
  border-color: #f69300;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #c37500;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffbe5d;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ffbe5d;
}
.has-warning .input-group-addon {
  color: #f69300;
  border-color: #f69300;
  background-color: #feebcd;
}
.has-warning .form-control-feedback {
  color: #f69300;
}
.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: #d41414;
}
.has-error .form-control {
  border-color: #d41414;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #ba0158;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fe56a5;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #fe56a5;
}
.has-error .input-group-addon {
  color: #d41414;
  border-color: #d41414;
  background-color: #f9bbbb;
}
.has-error .form-control-feedback {
  color: #d41414;
}
.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 {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}
@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;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
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 {
  color: #337ab7;
  font-weight: normal;
  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 {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  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 0.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-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: .35s;
  -o-transition-duration: .35s;
  transition-duration: .35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease;
}
.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;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.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 {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.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;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.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: inherit;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #cde9da;
  border-color: #bbe1c7;
  color: #01943c;
}
.alert-success hr {
  border-top-color: #aad9b8;
}
.alert-success .alert-link {
  color: #016127;
}
.alert-info {
  background-color: #ccf2fd;
  border-color: #aaf7fc;
  color: #06baf5;
}
.alert-info hr {
  border-top-color: #91f5fb;
}
.alert-info .alert-link {
  color: #0594c3;
}
.alert-warning {
  background-color: #feebcd;
  border-color: #fdd5b4;
  color: #f69300;
}
.alert-warning hr {
  border-top-color: #fdc79b;
}
.alert-warning .alert-link {
  color: #c37500;
}
.alert-danger {
  background-color: #f9bbbb;
  border-color: #fbb4e0;
  color: #d41414;
}
.alert-danger hr {
  border-top-color: #f99cd6;
}
.alert-danger .alert-link {
  color: #ba0158;
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.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 {
  bottom: 0;
  right: 5px;
  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;
}
.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 {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: 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;
}
.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;
}
.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;
  }
}
.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: 992px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none;
}
.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top {
  margin-bottom: 17px;
}
@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em;
  }
}
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px;
}
.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px;
}
.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0;
}
.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0;
}
.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none;
}
.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0;
}
.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px;
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours";
}
.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes";
}
.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM";
}
.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker";
}
.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today";
}
.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center;
  border-top: 0;
}
.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens";
}
.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit;
}
.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%;
}
.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0;
}
.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table th {
  height: 2.5em;
  line-height: 2.5em;
  width: 20px;
}
.bootstrap-datetimepicker-widget table th.month,
.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px;
}
.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month";
}
.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month";
}
.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px;
}
.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.day {
  height: 2.5em;
  line-height: 2.5em;
  width: 20px;
  position: relative;
}
.bootstrap-datetimepicker-widget table td.day.event {
  background: #F0F0F1;
}
.bootstrap-datetimepicker-widget table td.day:not(.empty).event:hover {
  background: #E5E5E6;
}
.bootstrap-datetimepicker-widget table td.day:not(.empty):hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer;
}
.bootstrap-datetimepicker-widget table td.active.day:not(.empty):hover,
.bootstrap-datetimepicker-widget table td.active.hour:hover,
.bootstrap-datetimepicker-widget table td.active.minute:hover,
.bootstrap-datetimepicker-widget table td.active.second:hover {
  background: var(--customBackgroundColor);
  cursor: default;
}
.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: var(--customBackgroundColor);
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px;
}
.bootstrap-datetimepicker-widget table th.month.active,
.bootstrap-datetimepicker-widget table th.month.active:hover,
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: var(--customBackgroundColor);
  color: #ffffff;
}
.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff;
}
.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px;
}
.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: var(--customBackgroundColor);
  color: #ffffff;
}
.bootstrap-datetimepicker-widget table td span.old {
  color: #777777;
}
.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed;
}
.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px;
}
.bootstrap-datetimepicker-widget.wider {
  width: 21em;
}
.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important;
}
.input-group.date .input-group-addon {
  cursor: pointer;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
/*!
 * jQuery UI CSS Framework 1.11.4
 * http://jqueryui.com
 *
 * Copyright jQuery Foundation and other contributors
 * Released under the MIT license.
 * http://jquery.org/license
 *
 * http://api.jqueryui.com/category/theming/
 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}
/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}
.fancybox-wrap:has(.fullscreen) {
  width: 100% !important;
  left: 0 !important;
}
.fancybox-wrap:has(.fullscreen) .fancybox-inner {
  width: 100% !important;
}
.fancybox-overlay:has(.fullscreen) {
  overflow-y: hidden !important;
}
.fancybox-skin {
  position: relative;
  background: #FFF;
  color: #444;
  text-shadow: none;
  border: 1px solid #CCC;
}
.fancybox-opened {
  z-index: 8030;
}
.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}
.fancybox-outer,
.fancybox-inner {
  position: relative;
}
.fancybox-inner {
  overflow: hidden !important;
}
.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}
.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: .8;
  cursor: pointer;
  z-index: 8060;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(fancybox_loading.gif) center center no-repeat;
}
.fancybox-close {
  position: absolute;
  top: -18px;
  right: -18px;
  width: 36px;
  height: 36px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-prev {
  left: 0;
}
.fancybox-next {
  right: 0;
}
.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 36px;
  height: 34px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 10px;
  background-position: 0 -36px;
}
.fancybox-next span {
  right: 10px;
  background-position: 0 -72px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}
.fancybox-lock {
  overflow: hidden!important;
  width: auto;
}
.fancybox-lock body {
  overflow: hidden !important;
}
.fancybox-lock-test {
  overflow-y: hidden !important;
}
.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: rgba(0, 0, 0, 0.8);
}
.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}
/* LIGHBOX styling */
.lightbox {
  width: 750px;
  max-width: 100%;
  min-width: 100%;
  height: 100%;
  max-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
/* 
.fancybox-inner .lightbox-content {
    margin-bottom: 49px;
} */
/* .lightbox.no-controls .lightbox-content {
    margin-bottom: 0 !important;
} */
.lightbox-wrapper {
  height: 100%;
  padding-bottom: 49px;
}
.lightbox-wrapper.no-controls {
  padding-bottom: 0 !important;
}
.lightbox.fullscreen {
  width: 100vw;
  height: 95vh;
}
.lightbox-wrapper.fullscreen {
  width: 100%;
  height: 100%;
}
.lightbox-wrapper.wider,
.lightbox.wider {
  width: 1000px;
  max-width: 100%;
}
.lightbox-wrapper.landscape,
.lightbox.landscape {
  width: 1400px;
  max-width: 100%;
}
.lightbox-header {
  border-bottom: 1px solid #CCC;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  height: 58px;
  padding-right: 58px;
  /* width: ; TRY CALC HERE */
}
.lightbox-header .title {
  color: #346E94;
  padding: 20px;
  overflow: hidden;
}
.lightbox-header .controls {
  padding: 19px 20px;
  font-size: 18px;
  line-height: 1;
}
.lightbox-header .controls > a {
  padding: 0 5px;
  display: inline-block;
}
.lightbox-header .close-lightbox,
.lightbox-header .close-icon {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 20px;
  font-size: 18px;
  line-height: 55px;
  border-left: 1px solid #CCC;
}
.lightbox-header .header-controls {
  position: absolute;
  top: 0;
  right: 60px;
}
.lightbox-controls {
  padding: 10px 20px;
  border-top: 1px solid #CCC;
  background: #F0F0F1;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.lightbox-controls {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 99;
}
.fancybox-content.scrolling {
  max-height: 750px;
}
.lightbox-content {
  padding: 20px;
  overflow: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
}
.lightbox-content.no-padding {
  padding: 0;
}
.lightbox-content.no-side-padding {
  padding: 20px 0 0;
}
.lightbox-content.bottom-padding {
  padding: 0 0 20px;
}
.lightbox-content.no-bottom-padding {
  padding: 12px 8px 0;
}
.lightbox-content iframe {
  width: 100%;
}
.lightbox-tab h3 {
  font-size: 18px;
  margin: 0 0 5px;
}
.lightbox-tab p {
  font-size: 12px;
  line-height: 20px;
  color: #808080;
}
.lightbox-tab p + h3 {
  margin-top: 15px;
}
a.close-lightbox {
  margin-left: 8px;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child:before {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  content: '+';
  position: absolute;
  top: 8px;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 15px;
  color: #00c0f3;
  font-size: 24px;
  line-height: 15px;
  text-align: center;
  display: block;
  border: 2px solid #00c0f3;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td:first-child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th:first-child:before {
  content: '-';
}
table.dataTable.dtr-inline.collapsed > tbody > tr.child td:before {
  display: none;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td:first-child:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th:first-child:before {
  top: 5px;
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: 16px;
  width: 16px;
  margin-top: -10px;
  margin-left: -10px;
  display: block;
  position: absolute;
  color: white;
  border: 2px solid white;
  border-radius: 14px;
  box-shadow: 0 0 3px #444;
  box-sizing: content-box;
  text-align: center;
  font-family: 'Courier New', Courier, monospace;
  line-height: 14px;
  content: '+';
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: '-';
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: 0.5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
/*
 * This combined file was created by the DataTables downloader builder:
 *   https://datatables.net/download
 *
 * To rebuild or modify this file with the latest versions of the included
 * software please visit:
 *   https://datatables.net/download/#dt/dt-1.12.1/r-2.3.0/sc-2.0.7
 *
 * Included libraries:
 *   DataTables 1.12.1, Responsive 2.3.0, Scroller 2.0.7
 */
table.dataTable td.dt-control {
  text-align: center;
  cursor: pointer;
}
table.dataTable td.dt-control:before {
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: inline-block;
  color: white;
  border: .15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 .2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}
table.dataTable tr.dt-hasChild td.dt-control:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting_asc_disabled,
table.dataTable thead > tr > th.sorting_desc_disabled,
table.dataTable thead > tr > td.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting_asc_disabled,
table.dataTable thead > tr > td.sorting_desc_disabled {
  cursor: pointer;
  position: relative;
  padding-right: 26px;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  position: absolute;
  display: block;
  opacity: .125;
  right: 10px;
  line-height: 9px;
  font-size: 0.9em;
}
table.dataTable thead > tr > th.sorting:before,
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > th.sorting_desc_disabled:before,
table.dataTable thead > tr > td.sorting:before,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:before,
table.dataTable thead > tr > td.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:before {
  bottom: 50%;
  content: "▴";
}
table.dataTable thead > tr > th.sorting:after,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > th.sorting_asc_disabled:after,
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting:after,
table.dataTable thead > tr > td.sorting_asc:after,
table.dataTable thead > tr > td.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc_disabled:after,
table.dataTable thead > tr > td.sorting_desc_disabled:after {
  top: 50%;
  content: "▾";
}
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:after,
table.dataTable thead > tr > td.sorting_asc:before,
table.dataTable thead > tr > td.sorting_desc:after {
  opacity: 0.6;
}
table.dataTable thead > tr > th.sorting_desc_disabled:after,
table.dataTable thead > tr > th.sorting_asc_disabled:before,
table.dataTable thead > tr > td.sorting_desc_disabled:after,
table.dataTable thead > tr > td.sorting_asc_disabled:before {
  display: none;
}
table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
  outline: none;
}
div.dataTables_scrollBody table.dataTable thead > tr > th:before,
div.dataTables_scrollBody table.dataTable thead > tr > th:after,
div.dataTables_scrollBody table.dataTable thead > tr > td:before,
div.dataTables_scrollBody table.dataTable thead > tr > td:after {
  display: none;
}
div.dataTables_processing {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  margin-left: -100px;
  margin-top: -26px;
  text-align: center;
  padding: 2px;
}
div.dataTables_processing > div:last-child {
  position: relative;
  width: 80px;
  height: 15px;
  margin: 1em auto;
}
div.dataTables_processing > div:last-child > div {
  position: absolute;
  top: 0;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(13, 110, 253, 0.9);
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
div.dataTables_processing > div:last-child > div:nth-child(1) {
  left: 8px;
  animation: datatables-loader-1 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(2) {
  left: 8px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(3) {
  left: 32px;
  animation: datatables-loader-2 0.6s infinite;
}
div.dataTables_processing > div:last-child > div:nth-child(4) {
  left: 56px;
  animation: datatables-loader-3 0.6s infinite;
}
@keyframes datatables-loader-1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes datatables-loader-3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes datatables-loader-2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(24px, 0);
  }
}
table.dataTable.nowrap th,
table.dataTable.nowrap td {
  white-space: nowrap;
}
table.dataTable th.dt-left,
table.dataTable td.dt-left {
  text-align: left;
}
table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
  text-align: center;
}
table.dataTable th.dt-right,
table.dataTable td.dt-right {
  text-align: right;
}
table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
  text-align: justify;
}
table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
  white-space: nowrap;
}
table.dataTable thead th,
table.dataTable thead td,
table.dataTable tfoot th,
table.dataTable tfoot td {
  text-align: left;
}
table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
  text-align: left;
}
table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
  text-align: center;
}
table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
  text-align: right;
}
table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
  text-align: justify;
}
table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
  white-space: nowrap;
}
table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
  text-align: left;
}
table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
  text-align: center;
}
table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
  text-align: right;
}
table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
  text-align: justify;
}
table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
  white-space: nowrap;
}
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
}
table.dataTable thead th,
table.dataTable tfoot th {
  font-weight: bold;
}
table.dataTable thead th,
table.dataTable thead td {
  padding: 10px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable thead th:active,
table.dataTable thead td:active {
  outline: none;
}
table.dataTable tfoot th,
table.dataTable tfoot td {
  padding: 10px 10px 6px 10px;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable tbody tr {
  background-color: transparent;
}
table.dataTable tbody tr.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.9);
  color: white;
}
table.dataTable tbody th,
table.dataTable tbody td {
  padding: 8px 10px;
}
table.dataTable.row-border tbody th,
table.dataTable.row-border tbody td,
table.dataTable.display tbody th,
table.dataTable.display tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.row-border tbody tr:first-child th,
table.dataTable.row-border tbody tr:first-child td,
table.dataTable.display tbody tr:first-child th,
table.dataTable.display tbody tr:first-child td {
  border-top: none;
}
table.dataTable.cell-border tbody th,
table.dataTable.cell-border tbody td {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-right: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border tbody tr th:first-child,
table.dataTable.cell-border tbody tr td:first-child {
  border-left: 1px solid rgba(0, 0, 0, 0.15);
}
table.dataTable.cell-border tbody tr:first-child th,
table.dataTable.cell-border tbody tr:first-child td {
  border-top: none;
}
table.dataTable.stripe > tbody > tr.odd > *,
table.dataTable.display > tbody > tr.odd > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.023);
}
table.dataTable.stripe > tbody > tr.odd.selected > *,
table.dataTable.display > tbody > tr.odd.selected > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.923);
}
table.dataTable.hover > tbody > tr:hover > *,
table.dataTable.display > tbody > tr:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.035);
}
table.dataTable.hover > tbody > tr.selected:hover > *,
table.dataTable.display > tbody > tr.selected:hover > * {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.935);
}
table.dataTable.order-column > tbody tr > .sorting_1,
table.dataTable.order-column > tbody tr > .sorting_2,
table.dataTable.order-column > tbody tr > .sorting_3,
table.dataTable.display > tbody tr > .sorting_1,
table.dataTable.display > tbody tr > .sorting_2,
table.dataTable.display > tbody tr > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}
table.dataTable.order-column > tbody tr.selected > .sorting_1,
table.dataTable.order-column > tbody tr.selected > .sorting_2,
table.dataTable.order-column > tbody tr.selected > .sorting_3,
table.dataTable.display > tbody tr.selected > .sorting_1,
table.dataTable.display > tbody tr.selected > .sorting_2,
table.dataTable.display > tbody tr.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
}
table.dataTable.display > tbody > tr.odd > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.054);
}
table.dataTable.display > tbody > tr.odd > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.047);
}
table.dataTable.display > tbody > tr.odd > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.odd > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.039);
}
table.dataTable.display > tbody > tr.odd.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.954);
}
table.dataTable.display > tbody > tr.odd.selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.947);
}
table.dataTable.display > tbody > tr.odd.selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.odd.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.939);
}
table.dataTable.display > tbody > tr.even > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.019);
}
table.dataTable.display > tbody > tr.even > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.011);
}
table.dataTable.display > tbody > tr.even > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.003);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_1,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.919);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_2,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.911);
}
table.dataTable.display > tbody > tr.even.selected > .sorting_3,
table.dataTable.order-column.stripe > tbody > tr.even.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.903);
}
table.dataTable.display tbody tr:hover > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.082);
}
table.dataTable.display tbody tr:hover > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.074);
}
table.dataTable.display tbody tr:hover > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, 0.062);
}
table.dataTable.display tbody tr:hover.selected > .sorting_1,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.982);
}
table.dataTable.display tbody tr:hover.selected > .sorting_2,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_2 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.974);
}
table.dataTable.display tbody tr:hover.selected > .sorting_3,
table.dataTable.order-column.hover tbody tr:hover.selected > .sorting_3 {
  box-shadow: inset 0 0 0 9999px rgba(13, 110, 253, 0.962);
}
table.dataTable.no-footer {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
table.dataTable.compact thead th,
table.dataTable.compact thead td {
  padding: 4px 17px;
}
table.dataTable.compact tfoot th,
table.dataTable.compact tfoot td {
  padding: 4px;
}
table.dataTable.compact tbody th,
table.dataTable.compact tbody td {
  padding: 4px;
}
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}
.dataTables_wrapper {
  position: relative;
  clear: both;
}
.dataTables_wrapper .dataTables_length {
  float: left;
}
.dataTables_wrapper .dataTables_length select {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  padding: 4px;
}
.dataTables_wrapper .dataTables_filter {
  float: right;
  text-align: right;
}
.dataTables_wrapper .dataTables_filter input {
  border: 1px solid #aaa;
  border-radius: 3px;
  padding: 5px;
  background-color: transparent;
  margin-left: 3px;
}
.dataTables_wrapper .dataTables_info {
  clear: both;
  float: left;
  padding-top: 0.755em;
}
.dataTables_wrapper .dataTables_paginate {
  float: right;
  text-align: right;
  padding-top: 0.25em;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  box-sizing: border-box;
  display: inline-block;
  min-width: 1.5em;
  padding: .5em 1em;
  margin-left: 2px;
  text-align: center;
  text-decoration: none !important;
  cursor: pointer;
  color: #333 !important;
  border: 1px solid transparent;
  border-radius: 2px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  color: #333 !important;
  border: 1px solid rgba(0, 0, 0, 0.3);
  background-color: rgba(230, 230, 230, 0.1);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(230, 230, 230, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.1)));
  background: -webkit-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -moz-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -ms-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: -o-linear-gradient(top, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
  background: linear-gradient(to bottom, rgba(230, 230, 230, 0.1) 0%, rgba(0, 0, 0, 0.1) 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
  cursor: default;
  color: #666 !important;
  border: 1px solid transparent;
  background: transparent;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  color: white !important;
  border: 1px solid #111;
  background-color: #585858;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100%, #111));
  background: -webkit-linear-gradient(top, #585858 0%, #111 100%);
  background: -moz-linear-gradient(top, #585858 0%, #111 100%);
  background: -ms-linear-gradient(top, #585858 0%, #111 100%);
  background: -o-linear-gradient(top, #585858 0%, #111 100%);
  background: linear-gradient(to bottom, #585858 0%, #111 100%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  outline: none;
  background-color: #2b2b2b;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b2b2b), color-stop(100%, #0c0c0c));
  background: -webkit-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -moz-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -ms-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: -o-linear-gradient(top, #2b2b2b 0%, #0c0c0c 100%);
  background: linear-gradient(to bottom, #2b2b2b 0%, #0c0c0c 100%);
  box-shadow: inset 0 0 3px #111;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
  padding: 0 1em;
}
.dataTables_wrapper .dataTables_length,
.dataTables_wrapper .dataTables_filter,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_processing,
.dataTables_wrapper .dataTables_paginate {
  color: #333;
}
.dataTables_wrapper .dataTables_scroll {
  clear: both;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td {
  vertical-align: middle;
}
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > thead > tr > td > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > th > div.dataTables_sizing,
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody > table > tbody > tr > td > div.dataTables_sizing {
  height: 0;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable,
.dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
  border-bottom: none;
}
.dataTables_wrapper:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}
@media screen and (max-width: 767px) {
  .dataTables_wrapper .dataTables_info,
  .dataTables_wrapper .dataTables_paginate {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_paginate {
    margin-top: 0.5em;
  }
}
@media screen and (max-width: 640px) {
  .dataTables_wrapper .dataTables_length,
  .dataTables_wrapper .dataTables_filter {
    float: none;
    text-align: center;
  }
  .dataTables_wrapper .dataTables_filter {
    margin-top: 0.5em;
  }
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty {
  cursor: default !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.child:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dataTables_empty:before {
  display: none !important;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control {
  position: relative;
  padding-left: 30px;
  cursor: pointer;
}
table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {
  top: 50%;
  left: 5px;
  height: 1em;
  width: 1em;
  margin-top: -9px;
  display: block;
  position: absolute;
  color: white;
  border: .15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 .2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed > tbody > tr.parent > th.dtr-control:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control {
  padding-left: 27px;
}
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-inline.collapsed.compact > tbody > tr > th.dtr-control:before {
  left: 4px;
  height: 14px;
  width: 14px;
  border-radius: 14px;
  line-height: 14px;
  text-indent: 3px;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control,
table.dataTable.dtr-column > tbody > tr > th.dtr-control,
table.dataTable.dtr-column > tbody > tr > td.control,
table.dataTable.dtr-column > tbody > tr > th.control {
  position: relative;
  cursor: pointer;
}
table.dataTable.dtr-column > tbody > tr > td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr > td.control:before,
table.dataTable.dtr-column > tbody > tr > th.control:before {
  top: 50%;
  left: 50%;
  height: .8em;
  width: .8em;
  margin-top: -0.5em;
  margin-left: -0.5em;
  display: block;
  position: absolute;
  color: white;
  border: .15em solid white;
  border-radius: 1em;
  box-shadow: 0 0 .2em #444;
  box-sizing: content-box;
  text-align: center;
  text-indent: 0 !important;
  font-family: "Courier New", Courier, monospace;
  line-height: 1em;
  content: "+";
  background-color: #31b131;
}
table.dataTable.dtr-column > tbody > tr.parent td.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent th.dtr-control:before,
table.dataTable.dtr-column > tbody > tr.parent td.control:before,
table.dataTable.dtr-column > tbody > tr.parent th.control:before {
  content: "-";
  background-color: #d33333;
}
table.dataTable > tbody > tr.child {
  padding: 0.5em 1em;
}
table.dataTable > tbody > tr.child:hover {
  background: transparent !important;
}
table.dataTable > tbody > tr.child ul.dtr-details {
  display: inline-block;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li {
  border-bottom: 1px solid #efefef;
  padding: 0.5em 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:first-child {
  padding-top: 0;
}
table.dataTable > tbody > tr.child ul.dtr-details > li:last-child {
  border-bottom: none;
}
table.dataTable > tbody > tr.child span.dtr-title {
  display: inline-block;
  min-width: 75px;
  font-weight: bold;
}
div.dtr-modal {
  position: fixed;
  box-sizing: border-box;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 100;
  padding: 10em 1em;
}
div.dtr-modal div.dtr-modal-display {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 50%;
  height: 50%;
  margin: auto;
  z-index: 102;
  overflow: auto;
  background-color: #f5f5f7;
  border: 1px solid black;
  border-radius: .5em;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.6);
}
div.dtr-modal div.dtr-modal-content {
  position: relative;
  padding: 1em;
}
div.dtr-modal div.dtr-modal-close {
  position: absolute;
  top: 6px;
  right: 6px;
  width: 22px;
  height: 22px;
  border: 1px solid #eaeaea;
  background-color: #f9f9f9;
  text-align: center;
  border-radius: 3px;
  cursor: pointer;
  z-index: 12;
}
div.dtr-modal div.dtr-modal-close:hover {
  background-color: #eaeaea;
}
div.dtr-modal div.dtr-modal-background {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 101;
  background: rgba(0, 0, 0, 0.6);
}
@media screen and (max-width: 767px) {
  div.dtr-modal div.dtr-modal-display {
    width: 95%;
  }
}
div.dts {
  display: block !important;
}
div.dts tbody th,
div.dts tbody td {
  white-space: nowrap;
}
div.dts div.dts_loading {
  z-index: 1;
}
div.dts div.dts_label {
  position: absolute;
  right: 10px;
  background: rgba(0, 0, 0, 0.8);
  color: white;
  box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
  text-align: right;
  border-radius: 3px;
  padding: .4em;
  z-index: 2;
  display: none;
}
div.dts div.dataTables_scrollBody {
  background: repeating-linear-gradient(45deg, #edeeff, #edeeff 10px, white 10px, white 20px);
}
div.dts div.dataTables_scrollBody table {
  background-color: white;
  z-index: 2;
}
div.dts div.dataTables_paginate,
div.dts div.dataTables_length {
  display: none;
}
.daterangepicker {
  position: absolute;
  color: inherit;
  background-color: #fff;
  border-radius: 4px;
  width: 278px;
  padding: 4px;
  margin-top: 1px;
  top: 100px;
  left: 20px;
  /* Calendars */
}
.daterangepicker:before,
.daterangepicker:after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.daterangepicker:before {
  top: -7px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.daterangepicker:after {
  top: -6px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.daterangepicker.opensleft:before {
  right: 9px;
}
.daterangepicker.opensleft:after {
  right: 10px;
}
.daterangepicker.openscenter:before {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.openscenter:after {
  left: 0;
  right: 0;
  width: 0;
  margin-left: auto;
  margin-right: auto;
}
.daterangepicker.opensright:before {
  left: 9px;
}
.daterangepicker.opensright:after {
  left: 10px;
}
.daterangepicker.dropup {
  margin-top: -5px;
}
.daterangepicker.dropup:before {
  top: initial;
  bottom: -7px;
  border-bottom: initial;
  border-top: 7px solid #ccc;
}
.daterangepicker.dropup:after {
  top: initial;
  bottom: -6px;
  border-bottom: initial;
  border-top: 6px solid #fff;
}
.daterangepicker.dropdown-menu {
  max-width: none;
  z-index: 9999;
}
.daterangepicker.single .ranges,
.daterangepicker.single .calendar {
  float: none;
}
.daterangepicker.show-calendar .calendar {
  display: block;
}
.daterangepicker .calendar {
  display: none;
  max-width: 270px;
  margin: 4px;
}
.daterangepicker .calendar.single .calendar-table {
  border: none;
}
.daterangepicker .calendar th,
.daterangepicker .calendar td {
  white-space: nowrap;
  text-align: center;
  min-width: 32px;
}
.daterangepicker .calendar-table {
  border: 1px solid #fff;
  padding: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.daterangepicker table {
  width: 100%;
  margin: 0;
}
.daterangepicker td,
.daterangepicker th {
  text-align: center;
  width: 20px;
  height: 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  white-space: nowrap;
  cursor: pointer;
}
.daterangepicker td.available:hover,
.daterangepicker th.available:hover {
  background-color: #eee;
  border-color: transparent;
  color: inherit;
}
.daterangepicker td.week,
.daterangepicker th.week {
  font-size: 80%;
  color: #ccc;
}
.daterangepicker td.off,
.daterangepicker td.off.in-range,
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date {
  background-color: #fff;
  border-color: transparent;
  color: #999;
}
.daterangepicker td.in-range {
  background-color: #ebf4f8;
  border-color: transparent;
  color: #000;
  border-radius: 0;
}
.daterangepicker td.start-date {
  border-radius: 4px 0 0 4px;
}
.daterangepicker td.end-date {
  border-radius: 0 4px 4px 0;
}
.daterangepicker td.start-date.end-date {
  border-radius: 4px;
}
.daterangepicker td.active,
.daterangepicker td.active:hover {
  background-color: #00C0F3;
  border-color: transparent;
  color: #fff;
}
.daterangepicker th.month {
  width: auto;
}
.daterangepicker td.disabled,
.daterangepicker option.disabled {
  color: #999;
  cursor: not-allowed;
  text-decoration: line-through;
}
.daterangepicker select.monthselect,
.daterangepicker select.yearselect {
  font-size: 12px;
  padding: 1px;
  height: auto;
  margin: 0;
  cursor: default;
}
.daterangepicker select.monthselect {
  margin-right: 2%;
  width: 56%;
}
.daterangepicker select.yearselect {
  width: 40%;
}
.daterangepicker select.hourselect,
.daterangepicker select.minuteselect,
.daterangepicker select.secondselect,
.daterangepicker select.ampmselect {
  width: 50px;
  margin-bottom: 0;
}
.daterangepicker .input-mini {
  border: 1px solid #ccc;
  border-radius: 4px;
  color: #555;
  height: 30px;
  line-height: 30px;
  display: block;
  vertical-align: middle;
  margin: 0 0 5px 0;
  padding: 0 6px 0 28px;
  width: 100%;
}
.daterangepicker .input-mini.active {
  border: 1px solid #00C0F3;
  border-radius: 4px;
}
.daterangepicker .daterangepicker_input {
  position: relative;
}
.daterangepicker .daterangepicker_input i {
  position: absolute;
  left: 8px;
  top: 0px;
}
.daterangepicker.rtl .input-mini {
  padding-right: 28px;
  padding-left: 6px;
}
.daterangepicker.rtl .daterangepicker_input i {
  left: auto;
  right: 8px;
}
.daterangepicker .calendar-time {
  text-align: center;
  margin: 5px auto;
  line-height: 30px;
  position: relative;
  padding-left: 28px;
}
.daterangepicker .calendar-time select.disabled {
  color: #ccc;
  cursor: not-allowed;
}
.ranges {
  font-size: 11px;
  float: none;
  margin: 4px;
  text-align: left;
}
.ranges ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.ranges li {
  font-size: 13px;
  background-color: #f5f5f5;
  border: 1px solid #f5f5f5;
  border-radius: 4px;
  color: #00C0F3;
  padding: 3px 12px;
  margin-bottom: 8px;
  cursor: pointer;
}
.ranges li:hover {
  background-color: #00C0F3;
  border: 1px solid #00C0F3;
  color: #fff;
}
.ranges li.active {
  background-color: #00C0F3;
  border: 1px solid #00C0F3;
  color: #fff;
}
/*  Larger Screen Styling */
@media (min-width: 564px) {
  .daterangepicker {
    width: auto;
  }
  .daterangepicker .ranges ul {
    width: 160px;
  }
  .daterangepicker.single .ranges ul {
    width: 100%;
  }
  .daterangepicker.single .calendar.left {
    clear: none;
  }
  .daterangepicker.single.ltr .ranges,
  .daterangepicker.single.ltr .calendar {
    float: left;
  }
  .daterangepicker.single.rtl .ranges,
  .daterangepicker.single.rtl .calendar {
    float: right;
  }
  .daterangepicker.ltr {
    direction: ltr;
    text-align: left;
  }
  .daterangepicker.ltr .calendar.left {
    clear: left;
    margin-right: 0;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.ltr .calendar.right {
    margin-left: 0;
  }
  .daterangepicker.ltr .calendar.right .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.ltr .left .daterangepicker_input {
    padding-right: 12px;
  }
  .daterangepicker.ltr .calendar.left .calendar-table {
    padding-right: 12px;
  }
  .daterangepicker.ltr .ranges,
  .daterangepicker.ltr .calendar {
    float: left;
  }
  .daterangepicker.rtl {
    direction: rtl;
    text-align: right;
  }
  .daterangepicker.rtl .calendar.left {
    clear: right;
    margin-left: 0;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    border-left: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .daterangepicker.rtl .calendar.right {
    margin-right: 0;
  }
  .daterangepicker.rtl .calendar.right .calendar-table {
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .daterangepicker.rtl .left .daterangepicker_input {
    padding-left: 12px;
  }
  .daterangepicker.rtl .calendar.left .calendar-table {
    padding-left: 12px;
  }
  .daterangepicker.rtl .ranges,
  .daterangepicker.rtl .calendar {
    text-align: right;
    float: right;
  }
}
@media (min-width: 730px) {
  .daterangepicker .ranges {
    width: auto;
  }
  .daterangepicker.ltr .ranges {
    float: left;
  }
  .daterangepicker.rtl .ranges {
    float: right;
  }
  .daterangepicker .calendar.left {
    clear: none !important;
  }
}
.nvd3 .nv-axis line,
.nvd3 .nv-axis path {
  fill: none;
  shape-rendering: crispEdges;
}
.nv-brush .extent,
.nvd3 .background path,
.nvd3 .nv-axis line,
.nvd3 .nv-axis path {
  shape-rendering: crispEdges;
}
.nv-distx,
.nv-disty,
.nv-noninteractive,
.nvd3 .nv-axis,
.nvd3.nv-pie .nv-label,
.nvd3.nv-sparklineplus g.nv-hoverValue {
  pointer-events: none;
}
.nvd3 .nv-axis {
  opacity: 1;
}
.nvd3 .nv-axis.nv-disabled,
.nvd3 .nv-controlsWrap .nv-legend .nv-check-box .nv-check {
  opacity: 0;
}
.nvd3 .nv-axis path {
  stroke: #000;
  stroke-opacity: 0.75;
}
.nvd3 .nv-axis path.domain {
  stroke-opacity: 0.75;
}
.nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 0;
}
.nvd3 .nv-axis line {
  stroke: #e5e5e5;
}
.nvd3 .nv-axis .zero line,
.nvd3 .nv-axis line.zero {
  stroke-opacity: 0.75;
}
.nvd3 .nv-axis .nv-axisMaxMin text {
  font-weight: 700;
}
.nvd3 .x .nv-axis .nv-axisMaxMin text,
.nvd3 .x2 .nv-axis .nv-axisMaxMin text,
.nvd3 .x3 .nv-axis .nv-axisMaxMin text {
  text-anchor: middle;
}
.nvd3 .nv-bars rect {
  fill-opacity: .75;
  transition: fill-opacity 250ms linear;
}
.nvd3 .nv-bars rect.hover {
  fill-opacity: 1;
}
.nvd3 .nv-bars .hover rect {
  fill: #add8e6;
}
.nvd3 .nv-bars text {
  fill: transparent;
}
.nvd3 .nv-bars .hover text {
  fill: #000000;
}
.nvd3 .nv-discretebar .nv-groups rect,
.nvd3 .nv-multibar .nv-groups rect,
.nvd3 .nv-multibarHorizontal .nv-groups rect {
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear;
}
.with-transitions .nv-candlestickBar .nv-ticks .nv-tick,
.with-transitions .nvd3 .nv-groups .nv-point {
  transition: stroke-width 250ms linear, stroke-opacity 250ms linear;
}
.nvd3 .nv-candlestickBar .nv-ticks rect:hover,
.nvd3 .nv-discretebar .nv-groups rect:hover,
.nvd3 .nv-multibar .nv-groups rect:hover,
.nvd3 .nv-multibarHorizontal .nv-groups rect:hover {
  fill-opacity: 1;
}
.nvd3 .nv-discretebar .nv-groups text,
.nvd3 .nv-multibarHorizontal .nv-groups text {
  font-weight: 700;
  fill: #000000;
  stroke: transparent;
}
.nvd3 .nv-boxplot circle {
  fill-opacity: 0.5;
}
.nvd3 .nv-boxplot circle:hover,
.nvd3 .nv-boxplot rect:hover {
  fill-opacity: 1;
}
.nvd3 line.nv-boxplot-median {
  stroke: #000;
}
.nv-boxplot-tick:hover {
  stroke-width: 2.5px;
}
.nvd3.nv-bullet {
  font: 10px sans-serif;
}
.nvd3.nv-bullet .nv-measure {
  fill-opacity: 0.8;
}
.nvd3.nv-bullet .nv-measure:hover {
  fill-opacity: 1;
}
.nvd3.nv-bullet .nv-marker {
  stroke: #000;
  stroke-width: 2px;
}
.nvd3.nv-bullet .nv-markerTriangle {
  stroke: #000;
  fill: #fff;
  stroke-width: 1.5px;
}
.nvd3.nv-bullet .nv-markerLine {
  stroke: #000;
  stroke-width: 1.5px;
}
.nvd3.nv-bullet .nv-tick line {
  stroke: #666;
  stroke-width: 0.5px;
}
.nvd3.nv-bullet .nv-range.nv-s0 {
  fill: #eee;
}
.nvd3.nv-bullet .nv-range.nv-s1 {
  fill: #ddd;
}
.nvd3.nv-bullet .nv-range.nv-s2 {
  fill: #ccc;
}
.nvd3.nv-bullet .nv-title {
  font-size: 14px;
  font-weight: 700;
}
.nvd3.nv-bullet .nv-subtitle {
  fill: #999;
}
.nvd3.nv-bullet .nv-range {
  fill: #bababa;
  fill-opacity: 0.4;
}
.nvd3.nv-bullet .nv-range:hover {
  fill-opacity: 0.7;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick {
  stroke-width: 1px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.hover {
  stroke-width: 2px;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.positive rect {
  stroke: #2ca02c;
  fill: #2ca02c;
}
.nvd3.nv-candlestickBar .nv-ticks .nv-tick.negative rect {
  stroke: #d62728;
  fill: #d62728;
}
.nvd3.nv-candlestickBar .nv-ticks line {
  stroke: #333;
}
.nv-force-node {
  stroke: #fff;
  stroke-width: 1.5px;
}
.nv-force-link {
  stroke: #999;
  stroke-opacity: 0.6;
}
.nv-force-node text {
  stroke-width: 0;
}
.nvd3 .nv-check-box .nv-box {
  fill-opacity: 0;
  stroke-width: 2;
}
.nvd3 .nv-check-box .nv-check {
  fill-opacity: 0;
  stroke-width: 4;
}
.nvd3 .nv-series.nv-disabled .nv-check-box .nv-check {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3.nv-linePlusBar .nv-bar rect {
  fill-opacity: 0.75;
}
.nvd3.nv-linePlusBar .nv-bar rect:hover {
  fill-opacity: 1;
}
.nvd3 .nv-groups path.nv-line {
  fill: none;
}
.nvd3 .nv-groups path.nv-area {
  stroke: none;
}
.nvd3.nv-line .nvd3.nv-scatter .nv-groups .nv-point {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3.nv-scatter.nv-single-point .nv-groups .nv-point {
  fill-opacity: .5!important;
  stroke-opacity: 0.5 !important;
}
.nvd3 .nv-groups .nv-point.hover,
.nvd3.nv-scatter .nv-groups .nv-point.hover {
  stroke-width: 7px;
  fill-opacity: .95!important;
  stroke-opacity: 0.95 !important;
}
.nvd3 .nv-point-paths path {
  stroke: #aaa;
  stroke-opacity: 0;
  fill: #eee;
  fill-opacity: 0;
}
.nvd3 .nv-indexLine {
  cursor: ew-resize;
}
svg.nvd3-svg {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: block;
  width: 100%;
  height: 100%;
}
.nvtooltip.with-3d-shadow,
.with-3d-shadow .nvtooltip {
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  border-radius: 5px;
}
.nvd3 text {
  font: 400 12px Arial, sans-serif;
}
.nvd3 .title {
  font: 700 14px Arial, sans-serif;
}
.nvd3 .nv-background {
  fill: #fff;
  fill-opacity: 0;
}
.nvd3.nv-noData {
  font-size: 18px;
  font-weight: 700;
}
.nv-brush .extent {
  fill-opacity: 0.125;
}
.nv-brush .resize path {
  fill: #eee;
  stroke: #666;
}
.nvd3 .nv-legend .nv-series {
  cursor: pointer;
}
.nvd3 .nv-legend .nv-disabled circle {
  fill-opacity: 0;
}
.nvd3 .nv-brush .extent {
  fill-opacity: 0 !important;
}
.nvd3 .nv-brushBackground rect {
  stroke: #000;
  stroke-width: .4;
  fill: #fff;
  fill-opacity: 0.7;
}
@media print {
  .nvd3 text {
    stroke-width: 0;
    fill-opacity: 1;
  }
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick {
  stroke-width: 1px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.hover {
  stroke-width: 2px;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.positive {
  stroke: #2ca02c;
}
.nvd3.nv-ohlcBar .nv-ticks .nv-tick.negative {
  stroke: #d62728;
}
.nvd3 .background path {
  fill: none;
  stroke: #EEE;
  stroke-opacity: 0.4;
}
.nvd3 .foreground path {
  fill: none;
  stroke-opacity: 0.7;
}
.nvd3 .nv-parallelCoordinates-brush .extent {
  fill: #fff;
  fill-opacity: .6;
  stroke: gray;
  shape-rendering: crispEdges;
}
.nvd3 .nv-parallelCoordinates .hover {
  fill-opacity: 1;
  stroke-width: 3px;
}
.nvd3 .missingValuesline line {
  fill: none;
  stroke: #000;
  stroke-width: 1;
  stroke-opacity: 1;
  stroke-dasharray: 5, 5;
}
.nvd3.nv-pie .nv-pie-title {
  font-size: 24px;
  fill: rgba(19, 196, 249, 0.59);
}
.nvd3.nv-pie .nv-slice text {
  stroke: #000;
  stroke-width: 0;
}
.nvd3.nv-pie path {
  transition: fill-opacity 250ms linear, stroke-width 250ms linear, stroke-opacity 250ms linear;
  stroke: #fff;
  stroke-width: 1px;
  stroke-opacity: 1;
  fill-opacity: 0.7;
}
.nvd3.nv-pie .hover path {
  fill-opacity: 1;
}
.nvd3.nv-pie .nv-label rect {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3 .nv-groups .nv-point.hover {
  stroke-width: 20px;
  stroke-opacity: 0.5;
}
.nvd3 .nv-scatter .nv-point.hover {
  fill-opacity: 1;
}
.nvd3.nv-sparkline path {
  fill: none;
}
.nvd3.nv-sparklineplus .nv-hoverValue line {
  stroke: #333;
  stroke-width: 1.5px;
}
.nvd3.nv-sparklineplus,
.nvd3.nv-sparklineplus g {
  pointer-events: all;
}
.nvd3 .nv-interactiveGuideLine,
.nvtooltip {
  pointer-events: none;
}
.nvd3 .nv-hoverArea {
  fill-opacity: 0;
  stroke-opacity: 0;
}
.nvd3.nv-sparklineplus .nv-xValue,
.nvd3.nv-sparklineplus .nv-yValue {
  stroke-width: 0;
  font-size: .9em;
  font-weight: 400;
}
.nvd3.nv-sparklineplus .nv-yValue {
  stroke: #f66;
}
.nvd3.nv-sparklineplus .nv-maxValue {
  stroke: #2ca02c;
  fill: #2ca02c;
}
.nvd3.nv-sparklineplus .nv-minValue {
  stroke: #d62728;
  fill: #d62728;
}
.nvd3.nv-sparklineplus .nv-currentValue {
  font-weight: 700;
  font-size: 1.1em;
}
.nvtooltip h3,
.nvtooltip table td.key {
  font-weight: 400;
}
.nvd3.nv-stackedarea path.nv-area {
  fill-opacity: .7;
  stroke-opacity: 0;
  transition: fill-opacity 250ms linear, stroke-opacity 250ms linear;
}
.nvd3.nv-stackedarea path.nv-area.hover {
  fill-opacity: 0.9;
}
.nvd3.nv-stackedarea .nv-groups .nv-point {
  stroke-opacity: 0;
  fill-opacity: 0;
}
.nvtooltip {
  position: absolute;
  color: #000000;
  padding: 1px;
  z-index: 10000;
  display: block;
  font-family: Arial, sans-serif;
  font-size: 13px;
  text-align: left;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.5);
  border-radius: 4px;
}
.nvtooltip h3,
.nvtooltip p {
  margin: 0;
  text-align: center;
}
.nvtooltip.with-transitions,
.with-transitions .nvtooltip {
  transition: opacity 50ms linear;
  transition-delay: 200ms;
}
.nvtooltip.x-nvtooltip,
.nvtooltip.y-nvtooltip {
  padding: 8px;
}
.nvtooltip h3 {
  padding: 4px 14px;
  line-height: 18px;
  background-color: rgba(247, 247, 247, 0.75);
  color: #000000;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.nvtooltip p {
  padding: 5px 14px;
}
.nvtooltip span {
  display: inline-block;
  margin: 2px 0;
}
.nvtooltip table {
  margin: 6px;
  border-spacing: 0;
}
.nvtooltip table td {
  padding: 2px 9px 2px 0;
  vertical-align: middle;
}
.nvtooltip table td.key.total {
  font-weight: 700;
}
.nvtooltip table td.value {
  text-align: right;
  font-weight: 700;
}
.nvtooltip table td.percent {
  color: #a9a9a9;
}
.nvtooltip table tr.highlight td {
  padding: 1px 9px 1px 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-top-width: 1px;
}
.nvtooltip table td.legend-color-guide div {
  vertical-align: middle;
  width: 12px;
  height: 12px;
  border: 1px solid #999;
}
.nvtooltip .footer {
  padding: 3px;
  text-align: center;
}
.nvtooltip-pending-removal {
  pointer-events: none;
  display: none;
}
.nvd3 line.nv-guideline {
  stroke: #ccc;
}
/*# sourceMappingURL=nv.d3.min.css.map */
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Webfont Icons */
@font-face {
  font-family: "icons";
  src: url("../font/icons.eot");
  src: url("../font/icons.eot?#iefix") format("embedded-opentype"), url("../font/icons.woff") format("woff"), url("../font/icons.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^="ico-"]:before,
[class*=" ico-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.ico-actions:before,
.ico-archive:before,
.ico-arrow-down:before,
.ico-arrow-left:before,
.ico-arrow-right:before,
.ico-arrow-up:before,
.ico-arrows-left:before,
.ico-arrows-right:before,
.ico-attachment:before,
.ico-bell:before,
.ico-calendar:before,
.ico-caregroup:before,
.ico-carrot:before,
.ico-chart:before,
.ico-check-circle:before,
.ico-check-empty:before,
.ico-check-thick:before,
.ico-check:before,
.ico-clone:before,
.ico-condition:before,
.ico-content-private:before,
.ico-content-shared:before,
.ico-cross-circle:before,
.ico-cross-thick:before,
.ico-cross:before,
.ico-dashboard:before,
.ico-directory:before,
.ico-doctor:before,
.ico-document:before,
.ico-dots-full:before,
.ico-download:before,
.ico-edit:before,
.ico-expand:before,
.ico-export:before,
.ico-file:before,
.ico-filter:before,
.ico-flag:before,
.ico-folder:before,
.ico-forward:before,
.ico-full-screen-expand:before,
.ico-general:before,
.ico-globe:before,
.ico-group:before,
.ico-handle:before,
.ico-help:before,
.ico-history:before,
.ico-house:before,
.ico-houses:before,
.ico-image:before,
.ico-info-circle:before,
.ico-legal:before,
.ico-link:before,
.ico-mail:before,
.ico-map:before,
.ico-mark-as-my-patient:before,
.ico-med-patient-info:before,
.ico-medindex:before,
.ico-members:before,
.ico-minus-circle:before,
.ico-more:before,
.ico-move-folder:before,
.ico-notes:before,
.ico-notification:before,
.ico-patient:before,
.ico-phone:before,
.ico-pill:before,
.ico-play:before,
.ico-plus-circle:before,
.ico-preview:before,
.ico-print:before,
.ico-private-icon:before,
.ico-questionnaire:before,
.ico-read:before,
.ico-reply-all:before,
.ico-reply:before,
.ico-research:before,
.ico-respondants:before,
.ico-results:before,
.ico-search:before,
.ico-share:before,
.ico-survey-designer:before,
.ico-survey:before,
.ico-text-advice-booklet:before,
.ico-text-bill:before,
.ico-text-care-plan:before,
.ico-text-checklist:before,
.ico-text-compliance:before,
.ico-text-cost-reimbursement:before,
.ico-text-education:before,
.ico-text-eventinfo:before,
.ico-text-guideline:before,
.ico-text-handling-instruction:before,
.ico-text-health-information:before,
.ico-text-image-verification:before,
.ico-text-informed-consent:before,
.ico-text-lab-report:before,
.ico-text-medical-illustration:before,
.ico-text-newsletter:before,
.ico-text-nursing-note:before,
.ico-text-order:before,
.ico-text-others:before,
.ico-text-package-insert:before,
.ico-text-patient-leaflet:before,
.ico-text-patient-report:before,
.ico-text-prescription-document:before,
.ico-text-productinfo:before,
.ico-text-professional-publication:before,
.ico-text-protocol:before,
.ico-text-questionnaire:before,
.ico-text-study:before,
.ico-text-therapy-plan:before,
.ico-text-vaccination-record:before,
.ico-text-vortrag:before,
.ico-therapy-plan:before,
.ico-time:before,
.ico-trash:before,
.ico-unlink:before,
.ico-user:before,
.ico-users:before,
.ico-video-call:before,
.ico-video:before,
.ico-warning-circle:before,
.ico-warning-triangle:before,
.ico-workflow:before {
  font-family: "icons";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.ico-actions:before {
  content: "\f101";
}
.ico-archive:before {
  content: "\f102";
}
.ico-arrow-down:before {
  content: "\f103";
}
.ico-arrow-left:before {
  content: "\f104";
}
.ico-arrow-right:before {
  content: "\f105";
}
.ico-arrow-up:before {
  content: "\f106";
}
.ico-arrows-left:before {
  content: "\f107";
}
.ico-arrows-right:before {
  content: "\f108";
}
.ico-attachment:before {
  content: "\f109";
}
.ico-bell:before {
  content: "\f10a";
}
.ico-calendar:before {
  content: "\f10b";
}
.ico-caregroup:before {
  content: "\f10c";
}
.ico-carrot:before {
  content: "\f10d";
}
.ico-chart:before {
  content: "\f10e";
}
.ico-check-circle:before {
  content: "\f10f";
}
.ico-check-empty:before {
  content: "\f110";
}
.ico-check-thick:before {
  content: "\f111";
}
.ico-check:before {
  content: "\f112";
}
.ico-clone:before {
  content: "\f113";
}
.ico-condition:before {
  content: "\f114";
}
.ico-content-private:before {
  content: "\f115";
}
.ico-content-shared:before {
  content: "\f116";
}
.ico-cross-circle:before {
  content: "\f117";
}
.ico-cross-thick:before {
  content: "\f118";
}
.ico-cross:before {
  content: "\f119";
}
.ico-dashboard:before {
  content: "\f11a";
}
.ico-directory:before {
  content: "\f11b";
}
.ico-doctor:before {
  content: "\f11c";
}
.ico-document:before {
  content: "\f11d";
}
.ico-dots-full:before {
  content: "\f11e";
}
.ico-download:before {
  content: "\f11f";
}
.ico-edit:before {
  content: "\f120";
}
.ico-expand:before {
  content: "\f121";
}
.ico-export:before {
  content: "\f122";
}
.ico-file:before {
  content: "\f123";
}
.ico-filter:before {
  content: "\f124";
}
.ico-flag:before {
  content: "\f125";
}
.ico-folder:before {
  content: "\f126";
}
.ico-forward:before {
  content: "\f127";
}
.ico-full-screen-expand:before {
  content: "\f128";
}
.ico-general:before {
  content: "\f129";
}
.ico-globe:before {
  content: "\f12a";
}
.ico-group:before {
  content: "\f12b";
}
.ico-handle:before {
  content: "\f12c";
}
.ico-help:before {
  content: "\f12d";
}
.ico-history:before {
  content: "\f12e";
}
.ico-house:before {
  content: "\f12f";
}
.ico-houses:before {
  content: "\f130";
}
.ico-image:before {
  content: "\f131";
}
.ico-info-circle:before {
  content: "\f132";
}
.ico-legal:before {
  content: "\f133";
}
.ico-link:before {
  content: "\f134";
}
.ico-mail:before {
  content: "\f135";
}
.ico-map:before {
  content: "\f136";
}
.ico-mark-as-my-patient:before {
  content: "\f137";
}
.ico-med-patient-info:before {
  content: "\f138";
}
.ico-medindex:before {
  content: "\f139";
}
.ico-members:before {
  content: "\f13a";
}
.ico-minus-circle:before {
  content: "\f13b";
}
.ico-more:before {
  content: "\f13c";
}
.ico-move-folder:before {
  content: "\f13d";
}
.ico-notes:before {
  content: "\f13e";
}
.ico-notification:before {
  content: "\f13f";
}
.ico-patient:before {
  content: "\f140";
}
.ico-phone:before {
  content: "\f141";
}
.ico-pill:before {
  content: "\f142";
}
.ico-play:before {
  content: "\f143";
}
.ico-plus-circle:before {
  content: "\f144";
}
.ico-preview:before {
  content: "\f145";
}
.ico-print:before {
  content: "\f146";
}
.ico-private-icon:before {
  content: "\f147";
}
.ico-questionnaire:before {
  content: "\f148";
}
.ico-read:before {
  content: "\f149";
}
.ico-reply-all:before {
  content: "\f14a";
}
.ico-reply:before {
  content: "\f14b";
}
.ico-research:before {
  content: "\f14c";
}
.ico-respondants:before {
  content: "\f14d";
}
.ico-results:before {
  content: "\f14e";
}
.ico-search:before {
  content: "\f14f";
}
.ico-share:before {
  content: "\f150";
}
.ico-survey-designer:before {
  content: "\f151";
}
.ico-survey:before {
  content: "\f152";
}
.ico-text-advice-booklet:before {
  content: "\f153";
}
.ico-text-bill:before {
  content: "\f154";
}
.ico-text-care-plan:before {
  content: "\f155";
}
.ico-text-checklist:before {
  content: "\f156";
}
.ico-text-compliance:before {
  content: "\f157";
}
.ico-text-cost-reimbursement:before {
  content: "\f158";
}
.ico-text-education:before {
  content: "\f159";
}
.ico-text-eventinfo:before {
  content: "\f15a";
}
.ico-text-guideline:before {
  content: "\f15b";
}
.ico-text-handling-instruction:before {
  content: "\f15c";
}
.ico-text-health-information:before {
  content: "\f15d";
}
.ico-text-image-verification:before {
  content: "\f15e";
}
.ico-text-informed-consent:before {
  content: "\f15f";
}
.ico-text-lab-report:before {
  content: "\f160";
}
.ico-text-medical-illustration:before {
  content: "\f161";
}
.ico-text-newsletter:before {
  content: "\f162";
}
.ico-text-nursing-note:before {
  content: "\f163";
}
.ico-text-order:before {
  content: "\f164";
}
.ico-text-others:before {
  content: "\f165";
}
.ico-text-package-insert:before {
  content: "\f166";
}
.ico-text-patient-leaflet:before {
  content: "\f167";
}
.ico-text-patient-report:before {
  content: "\f168";
}
.ico-text-prescription-document:before {
  content: "\f169";
}
.ico-text-productinfo:before {
  content: "\f16a";
}
.ico-text-professional-publication:before {
  content: "\f16b";
}
.ico-text-protocol:before {
  content: "\f16c";
}
.ico-text-questionnaire:before {
  content: "\f16d";
}
.ico-text-study:before {
  content: "\f16e";
}
.ico-text-therapy-plan:before {
  content: "\f16f";
}
.ico-text-vaccination-record:before {
  content: "\f170";
}
.ico-text-vortrag:before {
  content: "\f171";
}
.ico-therapy-plan:before {
  content: "\f172";
}
.ico-time:before {
  content: "\f173";
}
.ico-trash:before {
  content: "\f174";
}
.ico-unlink:before {
  content: "\f175";
}
.ico-user:before {
  content: "\f176";
}
.ico-users:before {
  content: "\f177";
}
.ico-video-call:before {
  content: "\f178";
}
.ico-video:before {
  content: "\f179";
}
.ico-warning-circle:before {
  content: "\f17a";
}
.ico-warning-triangle:before {
  content: "\f17b";
}
.ico-workflow:before {
  content: "\f17c";
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.icon-edit:before,
.icon-trash:before,
.icon-duplicate:before,
.icon-image:before,
.icon-plus-circle:before {
  font-family: "icons";
  display: inline-block;
  font-weight: normal;
  font-style: normal;
  text-decoration: inherit;
}
.icon-edit:before {
  content: "\f120";
}
.icon-trash:before {
  content: "\f174";
}
.icon-duplicate:before {
  content: "\f113";
}
.icon-image:before {
  content: "\f131";
}
.icon-plus-circle:before {
  content: "\f144";
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Variables */
body {
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  color: #4d4d4d;
}
h1 {
  margin: 0;
  line-height: 1;
}
h2 {
  margin: 0;
  line-height: 1;
}
h3 {
  margin: 0;
  line-height: 1;
}
h4 {
  margin: 0;
  line-height: 1;
}
h5 {
  margin: 0;
  line-height: 1;
  font-weight: 700;
  text-transform: uppercase;
}
h6 {
  margin: 0;
  line-height: 1;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 10px;
}
a {
  color: var(--customBackgroundColor);
  outline: 0 !important;
}
a:hover {
  color: var(--customDarkBackgroundColor);
}
a.disabled {
  color: #a6a6a6 !important;
  cursor: default;
}
a.disabled:hover {
  color: #a6a6a6 !important;
  cursor: default;
}
a.disabled:focus {
  color: #a6a6a6 !important;
  cursor: default;
}
a.disabled.light {
  color: #ffffff !important;
  cursor: default;
}
a.disabled.light:hover {
  color: #ffffff !important;
  cursor: default;
}
a.disabled.light:focus {
  color: #ffffff !important;
  cursor: default;
}
.text-bold {
  font-weight: 700 !important;
}
.text-semibold {
  font-weight: 600 !important;
}
.text-normal {
  font-weight: 400 !important;
}
.text-red {
  color: #d41414;
}
.text-green {
  color: #5cb85c;
}
.text-orange {
  color: #f69300;
}
.text-blue {
  color: var(--customBackgroundColor);
}
.text-dark-blue {
  color: var(--customDarkBackgroundColor);
}
.text-gray {
  color: #a6a6a6;
}
.cms ul {
  margin-bottom: 1em;
}
.cms ul li {
  list-style-type: disc;
  margin-left: 1.5em;
}
.cms ol {
  margin-bottom: 1em;
}
.cms ol li {
  list-style-type: disc;
  margin-left: 1.5em;
  list-style-type: decimal;
}
.cms h2 + p {
  padding-top: 15px;
}
.placeholder-text {
  margin: 30px 0;
  color: #a6a6a6;
}
.placeholder-text > i {
  font-size: 48px;
  margin-bottom: 10px;
}
a.placeholder-text {
  display: block;
  color: #a6a6a6;
}
a.placeholder-text:hover {
  text-decoration: none;
  color: #a6a6a6;
}
@media screen and (max-width: 1025px) {
  body {
    font-size: 12px;
  }
}
.v-align {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.v-align.align-table {
  min-height: 40px;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Components */
button {
  -webkit-appearance: none;
  outline: 0;
}
button:focus {
  cursor: pointer;
  outline: 0;
  box-shadow: none;
}
button:active {
  cursor: pointer;
  outline: 0;
  box-shadow: none;
}
button:active * {
  position: relative;
}
button:active:after {
  position: relative;
}
button:active .sr-only {
  position: absolute;
}
button:hover {
  cursor: pointer;
  outline: 0;
  box-shadow: none;
}
.btn {
  line-height: 14px;
  color: inherit;
  min-width: 80px;
}
.btn:not(.btn-icon) > i:first-child {
  position: relative;
  top: -1px;
  margin-right: 5px;
}
.btn:not(.btn-icon) > i:last-child:not(:first-child) {
  margin-left: 5px;
}
.btn.btn-middle {
  border-radius: 0;
  border-left: 0;
  border-right-color: transparent;
}
.btn > span {
  display: inline-block;
  vertical-align: middle;
}
.btn.btn-ico {
  line-height: 20px;
}
.btn.btn-ico-only {
  border-radius: 50%;
  width: 38px;
  height: 38px;
  min-width: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
}
.btn.btn-ico-only i {
  margin: 0 !important;
}
.btn.inline {
  padding: 17px 12px;
}
.btn.big {
  padding: 15px 20px;
}
.btn.btn-blue.disabled {
  color: #ffffff !important;
}
.btn.disabled {
  cursor: not-allowed !important;
}
.btn-link {
  color: var(--customBackgroundColor);
  background: transparent;
  border-color: transparent;
  min-width: 0;
}
.btn-link:hover {
  color: var(--customDarkBackgroundColor);
}
.btn-link:focus {
  color: var(--customDarkBackgroundColor);
}
.btn-link.text-red {
  color: #d41414;
}
.btn-icon {
  color: inherit;
  background: transparent;
  border-color: transparent;
  padding: 6px 5px;
  min-width: 0;
}
.btn-icon:hover {
  color: var(--customBackgroundColor);
  box-shadow: none;
  outline: 0;
}
.btn-icon:active {
  color: var(--customDarkBackgroundColor);
  box-shadow: none;
  outline: 0;
}
.btn-icon:focus {
  color: var(--customDarkBackgroundColor);
  box-shadow: none;
  outline: 0;
}
.btn-form {
  padding: 13px 30px;
  font-family: 'Open Sans Condensed';
  font-size: 24px;
  font-weight: 700;
  line-height: 1;
  color: #ffffff !important;
  background: var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
  outline: none !important;
}
.btn-form:hover {
  background: var(--customDarkBackgroundColor);
  border-color: var(--customDarkBackgroundColor);
}
.btn-form:focus {
  background: var(--customDarkBackgroundColor);
  border-color: var(--customDarkBackgroundColor);
}
.btn-form.link {
  padding: 13px 30px;
  font-size: 14px;
  color: var(--customBackgroundColor);
  border-color: transparent;
  background: transparent;
  line-height: 24px;
}
.btn-form.link:hover {
  color: var(--customDarkBackgroundColor);
  background: transparent;
}
.btn-form.link:focus {
  color: var(--customDarkBackgroundColor);
  background: transparent;
}
.btn.btn-form.confirm {
  background: #5cb85c;
  margin-right: 15px;
  border: 0;
}
.btn-ico {
  padding: 6px 18px 6px 16px;
}
.btn-ico > [class^="ico-"],
.btn-ico > [class*=" ico-"] {
  font-size: 17px;
  line-height: 17px;
  margin-right: 8px !important;
}
.btn-ico > [class^="ico-"].small,
.btn-ico > [class*=" ico-"].small {
  font-size: 14px;
  line-height: 20px;
}
.controls {
  cursor: default;
}
.controls .btn + .btn {
  margin-left: 10px;
}
.controls .btn.pull-left {
  padding-left: 0;
}
.solid-button {
  border: 1px solid #ffffff;
  font-size: 13px !important;
  border-radius: 5px;
  padding: 2px 6px 3px;
}
.solid-button:hover {
  text-decoration: none;
}
.solid-button:focus {
  text-decoration: none;
}
.btn-group {
  display: inline-block;
  vertical-align: middle;
  min-width: 0;
}
.btn-group .btn {
  float: left;
  min-width: 0;
}
.btn-group .btn:first-child {
  border-radius: 4px 0 0 4px;
}
.btn-group .btn:last-child {
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.dropdown.btn-group .dropdown-toggle {
  display: inline-block;
  vertical-align: middle;
  min-width: 0;
  padding: 8px 10px 4px;
  border-radius: 0 4px 4px 0;
  margin-left: -1px;
}
.align-right.controls {
  text-align: right;
}
.sidebar-actions {
  padding: 20px 0;
  text-align: center;
}
.extra-size {
  padding: 12px 15px;
  font-size: 18px;
}
.btn-form.has-loader,
.btn-blue.has-loader {
  cursor: not-allowed !important;
}
.btn-form.has-loader:hover,
.btn-blue.has-loader:hover {
  background: var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.btn-form.has-loader:focus,
.btn-blue.has-loader:focus {
  background: var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.ui-button {
  background: var(--customBackgroundColor) !important;
  border-color: var(--customBackgroundColor) !important;
}
.btn-blue {
  color: #ffffff;
  background: var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
  outline: none !important;
}
.btn-blue:hover {
  color: #ffffff;
  background: var(--customDarkBackgroundColor);
  border-color: var(--customDarkBackgroundColor);
}
.btn-blue:focus {
  color: #ffffff;
  background: var(--customDarkBackgroundColor);
  border-color: var(--customDarkBackgroundColor);
}
.btn-gray {
  color: #5a5a5a;
  background: #e6e6e6;
  border-color: #e6e6e6;
}
.btn-gray:hover {
  color: #5a5a5a;
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-gray:focus {
  color: #5a5a5a;
  background: #f3f3f3;
  border-color: #f3f3f3;
}
.btn-dark-gray {
  color: #ffffff;
  background: #a6a6a6;
  border-color: #a6a6a6;
}
.btn-dark-gray:hover {
  color: #ffffff;
  background: #808080;
  border-color: #808080;
}
.btn-dark-gray:focus {
  color: #ffffff;
  background: #808080;
  border-color: #808080;
}
.item.active .btn-blue {
  color: #ffffff;
  background: var(--customDarkBackgroundColor);
  border-color: var(--customDarkBackgroundColor);
}
.item.active .btn-blue:hover {
  background: #0080a6;
  border-color: #0080a6;
}
.item.active .btn-blue:focus {
  background: #0080a6;
  border-color: #0080a6;
}
a.btn-dark-gray.disabled {
  color: #ffffff !important;
}
.btn-blue.disabled.disabled-grey {
  background: #a6a6a6;
  border-color: #a6a6a6;
}
.btn-blue-border {
  color: var(--customBackgroundColor);
  background: transparent;
  border-color: var(--customBackgroundColor);
}
.btn-blue-border:hover {
  color: var(--customDarkBackgroundColor);
  background: transparent;
}
.btn-blue-border:focus {
  color: var(--customDarkBackgroundColor);
  background: transparent;
}
.has-loader {
  position: relative;
}
.has-loader:before {
  content: '';
  background: url("../media/images/layout/loader.gif") no-repeat;
  background-size: contain;
  position: absolute;
  top: 10px;
  left: 10px;
  width: 30px;
  height: 30px;
  display: block;
  overflow: hidden;
  animation: hb-login-spin 1s linear infinite;
  transform-origin: 50% 50%;
}
@keyframes hb-login-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.btn-form.has-loader {
  padding-left: 50px;
}
.btn-blue-border.has-loader {
  padding-left: 31px !important;
}
.btn-blue-border.has-loader:before {
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
}
.btn-gray.has-loader {
  padding-left: 31px !important;
}
.btn-gray.has-loader:before {
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
}
.btn-dark-gray.has-loader {
  padding-left: 31px !important;
}
.btn-dark-gray.has-loader:before {
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
}
.btn-blue.has-loader {
  padding-left: 31px !important;
}
.btn-blue.has-loader:before {
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
}
.btn-gray .has-loader:before {
  top: 3px;
  left: 5px;
  width: 20px;
  height: 20px;
}
label:has(.checkbox-custom) {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: 6px 0;
  font-size: 16px;
  cursor: pointer;
}
label:has(.checkbox-custom).column-gap {
  column-gap: 10px;
}
label:has(.checkbox-custom):hover input[type="checkbox"]:not(:checked) + .checkbox-custom:after {
  content: '';
  position: absolute;
  display: block;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid #d9d9d9;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
label:has(.checkbox-custom):hover input[type="checkbox"]:checked + .checkbox-custom,
label:has(.checkbox-custom):hover input[type="checkbox"]:checked + .checkbox-custom:after {
  border-color: #0080a6;
}
input[type="checkbox"].custom {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
input[type="checkbox"].custom:checked + .checkbox-custom {
  background-color: transparent;
  border-color: var(--customBackgroundColor);
}
input[type="checkbox"].custom:checked + .checkbox-custom:after {
  content: '';
  position: absolute;
  display: block;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid var(--customBackgroundColor);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.checkbox-custom {
  position: relative;
  display: inline-block;
  height: 18px;
  width: 18px;
  background-color: transparent;
  border: 2px solid #d9d9d9;
  border-radius: 3px;
  margin-right: 10px;
  transition: all 0.2s ease;
}
.checkbox-custom:after {
  transition: border-color 0.2s ease;
}
header.header {
  background: #ffffff;
  height: 43px;
  position: relative;
  z-index: 5;
  line-height: 1;
  border-bottom: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
header.header .icon-bar {
  background: #5a5a5a;
}
header.header .left {
  float: left;
  background: #ffffff;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
header.header .logo {
  margin: 0 auto;
  overflow: hidden;
  padding: 7px 10px;
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}
header.header .logo img {
  height: 28px;
  max-height: 28px;
  display: block;
}
@media screen and (max-width: 475px) {
  header.header .nav-bar {
    position: relative;
    z-index: 1;
  }
  header.header .logo {
    left: 38px;
    transform: none;
  }
}
header.header .right {
  float: right;
  margin-left: auto;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
header.header .nav-bar > li {
  float: left;
  border-left: 1px solid #d9d9d9;
  background: #ffffff;
}
header.header .nav-bar > li > a,
header.header .nav-bar > li > span {
  display: block;
  height: 42px;
  font-size: 18px;
  color: #a6a6a6;
  padding: 10px;
  text-align: center;
  min-width: 42px;
}
header.header .nav-bar > li > a.contact-us-btn,
header.header .nav-bar > li > span.contact-us-btn {
  font-size: 16px;
  line-height: 20px;
}
header.header .nav-bar > li a.open-toggle {
  display: block;
  height: 42px;
  font-size: 18px;
  color: #a6a6a6;
  padding: 10px;
  text-align: center;
  min-width: 42px;
}
header.header .global-create-new .dropdown-toggle {
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 5px 10px;
  background: #ffffff;
  min-width: 42px !important;
  height: 42px;
  text-align: center;
}
header.header .global-create-new .dropdown-toggle i {
  top: -3px;
  font-size: 28px;
  color: var(--customBackgroundColor);
  margin-right: 0;
}
header.header .global-create-new .dropdown-toggle i:before {
  content: "+";
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  text-decoration: none;
}
header.header .global-create-new .dropdown-menu-right {
  right: -1px;
}
header.header .global-create-new .dropdown-menu-right > li > a {
  line-height: 18px;
}
header.header .global-create-new .dropdown-menu-right > li > a i {
  top: 1px;
  font-size: 20px;
}
header.header .global-create-new .dropdown-menu-right > li > a i::after {
  display: none;
  width: 13px;
  height: 13px;
  padding-right: 1px;
  padding-left: 0;
  font-size: 13px;
}
header.header .global-create-new .dropdown-menu-right > li:hover a {
  color: var(--customBackgroundColor);
}
header.header .global-create-new .dropdown-menu-right > li:hover i {
  color: #000000;
}
header.header .global-create-new .dropdown-menu-right > li:hover i::after {
  display: block;
}
header.header .profile .btn {
  min-width: 70px !important;
}
header.header .profile .dropdown-toggle {
  outline: none;
  border: 0;
  border-radius: 0;
  padding: 5px 10px;
  background: #ffffff;
  height: 42px;
}
header.header .profile .dropdown-toggle:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--customBackgroundColor);
  margin: 3px 0 0 5px;
}
header.header .profile .open .dropdown-toggle:after {
  border-top-color: transparent;
  border-bottom-color: var(--customBackgroundColor);
  margin-top: -9px;
}
header.header .profile .profile-img {
  width: 32px;
  height: 32px;
  border: 0;
}
@media only screen and (min-width: 768px) {
  header.header .profile .profile-img {
    margin-right: 5px;
  }
}
header.header .profile .name {
  color: var(--customBackgroundColor);
  font-weight: 700;
}
header.header .quicksearch {
  /* HIDE FROM PRODUCTION */
  display: none !important;
  position: relative;
}
header.header .quicksearch .dropdown-menu {
  left: -1px;
  width: 400px;
}
header.header .navbar-toggle {
  position: absolute;
  top: -4px;
  left: 0;
  z-index: 1;
}
@media (max-width: 767px) {
  header.header .profile .dropdown-toggle:after {
    margin-left: 0 !important;
  }
}
.quicksearch-wrap {
  position: relative;
  overflow: hidden;
  width: 42px;
  height: 42px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  white-space: nowrap;
}
.quicksearch-wrap input {
  display: inline-block;
  width: 200px;
  border: 0;
  border-bottom: 1px solid #d9d9d9;
  margin: 9px 0 9px 20px;
  padding: 3px;
  outline: 0;
}
.quicksearch-wrap .open-toggle {
  position: absolute;
  right: 0;
  top: 0;
  width: 42px;
  background: #ffffff;
}
.quicksearch-wrap.show {
  width: 262px;
}
.quicksearch .search-results .listing li a {
  padding: 5px 0;
}
.header .quicksearch .listing li.load-more a {
  padding: 8px 0 10px;
  text-align: center;
}
.mobile-menu .navbar-collapse {
  position: absolute;
  top: 41px;
  left: 0;
  width: 186px;
  height: calc(100vh - 41px);
  padding-left: 0;
  padding-right: 0;
}
.mobile-menu .navbar-collapse .vertical-nav {
  width: 186px;
}
.mobile-menu .navbar-collapse .vertical-nav .badge {
  left: 20px !important;
  line-height: 16px !important;
}
.mobile-menu .navbar-collapse .nav-bar {
  width: 186px !important;
}
.mobile-menu .navbar-collapse .nav-bar li {
  width: 100%;
  background: none;
  border: none;
}
.mobile-menu .navbar-collapse .nav-bar a {
  text-align: left;
  background: none;
  color: #ffffff;
}
.mobile-menu .navbar-collapse .nav-bar a:hover {
  background: none;
}
.btn > .more-filters {
  display: none;
}
@media (min-width: 767px) {
  header.header .profile {
    border: 0 !important;
  }
}
@media (min-width: 768px) {
  .btn > .more-filters {
    display: inline-block;
  }
  header.header .logo {
    position: static;
    margin-left: 0;
    transform: none;
  }
  header.header .profile .dropdown-toggle {
    border-left: 1px solid #d9d9d9;
  }
}
.vertical-nav {
  width: 64px;
  height: 100vh;
  background: #5a5a5a;
  color: #ffffff;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  position: relative;
  line-height: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  z-index: 4;
}
.vertical-nav .nav-bar {
  position: absolute;
  top: 0;
  width: 64px;
  z-index: 2;
  overflow-y: hidden;
  overflow-x: hidden;
  bottom: 0;
  background: #5a5a5a;
  margin-bottom: 0;
  -webkit-transition: width 0.2s;
  transition: width 0.2s;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-user-select: none;
  user-select: none;
}
.vertical-nav .item {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.vertical-nav .item a {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 6px;
  padding: 9px 0;
  color: #ffffff;
  text-decoration: none;
  position: relative;
  font-size: 22px;
  text-align: left;
}
.vertical-nav .item a:hover {
  background: #808080;
}
.vertical-nav .item a i.ico-narrow {
  width: 20px;
}
.vertical-nav .item a i.ico-short {
  height: 22px;
}
.vertical-nav .item a .text {
  width: 100%;
  padding: 0 4px;
  font-size: 10px;
  text-align: center;
  line-height: 12px;
}
.vertical-nav .item a .badge {
  padding: 0;
  position: absolute;
  left: 35px;
  top: 10px;
  display: block;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background: var(--customBackgroundColor);
  color: #ffffff;
  font-size: 10px;
  text-align: center;
  line-height: 14px;
}
.vertical-nav .item a .badge.two {
  width: 18px;
  height: 18px;
  left: 33px;
  line-height: 16px;
}
.vertical-nav .item a .badge.three {
  width: 22px;
  height: 22px;
  left: 29px;
  line-height: 20px;
}
.vertical-nav .item.active a {
  background: var(--customBackgroundColor);
}
.vertical-nav .item.active a:hover {
  background: var(--customBackgroundColor);
}
.vertical-nav .item.active a .badge {
  border: 1px solid #ffffff;
  width: 16px;
  height: 16px;
}
.vertical-nav .item.active a .badge.two {
  width: 18px;
  height: 18px;
  left: 33px;
  line-height: 16px;
}
.vertical-nav .item.active a .badge.three {
  width: 22px;
  height: 22px;
  left: 29px;
  line-height: 20px;
}
.vertical-nav .nav-arrows {
  display: none;
}
.vertical-nav .nav-arrows a {
  padding: 10px 20px !important;
}
.vertical-nav .nav-arrows i {
  font-size: 16px;
  margin: 0 !important;
}
@media (max-width: 768px) {
  .vertical-nav .item a .text {
    font-size: 14px;
    padding-left: 10px;
  }
}
.mobile-menu .vertical-nav {
  top: 1px;
}
.col-narrow .vertical-nav {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
}
.col-narrow .vertical-nav .nav-bar {
  width: 100%;
}
.left-column .nav-bar:not(.expand) .nav-arrows i:before {
  content: "\61";
}
.left-column .expand .nav-arrows i:before {
  content: "\72";
}
.right-column .vertical-nav {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  margin-left: auto;
}
.right-column .vertical-nav .nav-bar {
  right: 0;
}
.right-column .vertical-nav .item.active a:after {
  left: -12px;
  right: auto;
  border-left-color: transparent;
  border-right-color: var(--customBackgroundColor);
}
.right-column .vertical-nav .nav-arrows {
  right: 0;
}
.right-column .left-side {
  order: 0;
}
.right-column .expand .nav-arrows i:before {
  content: "\61";
}
.right-column .nav-bar:not(.expand) .nav-arrows i:before {
  content: "\72";
}
.one-column.main:not(.single-column-layout) .main-column:not(.full-width) .vertical-nav .item.active a {
  background: transparent;
  color: var(--customBackgroundColor);
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
}
.one-column.main:not(.single-column-layout) .main-column:not(.full-width) .vertical-nav .item.active a:hover {
  background: #808080;
}
.mobile .vertical-nav .nav-arrows {
  display: inline-block !important;
  position: absolute;
  bottom: 0;
}
.top-bar {
  background: #f3f3f3;
  color: #5a5a5a;
  border-bottom: 1px solid #d9d9d9;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  position: relative;
  line-height: 1;
  width: 100%;
  max-width: 100%;
}
.top-bar:not(.expendable) {
  height: 50px;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.top-bar:not(.expendable) > * {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.top-bar .top-bar {
  border-bottom: 0;
  border-top: 1px solid #d9d9d9;
  margin-top: 1px;
}
.top-bar .bar-title {
  padding: 9px 20px;
  font-size: 24px;
  white-space: nowrap;
  overflow: hidden;
  margin-right: auto;
  width: calc(100% - 200px);
}
.top-bar .bar-title .title {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}
.top-bar .bar-title .title.divider {
  margin-left: 15px;
}
.top-bar .bar-title .title.divider:before {
  content: '|';
  display: inline-block;
  margin-right: 15px;
}
.top-bar .bar-title > i {
  margin-right: 10px;
}
.top-bar .inner {
  padding: 20px;
}
.top-bar .controls {
  padding: 0 10px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.top-bar .controls.flex {
  display: flex;
  align-items: center;
}
.top-bar .controls .filters-toggle {
  margin-right: 40px;
}
.top-bar .controls .btn {
  margin-top: 11px;
  margin-bottom: 10px;
}
.top-bar .controls .btn i.circle {
  font-size: 14px;
}
.top-bar .controls .btn:active {
  box-shadow: none;
}
.top-bar .controls .btn span {
  font-size: 14px;
}
.top-bar .controls .btn.link {
  margin-top: 7px;
  margin-bottom: 7px;
  cursor: pointer;
}
.top-bar .controls .btn-icon {
  padding: 9px 7px;
  background: transparent;
  height: 49px;
  line-height: 30px;
  border: 0;
  display: inline-block;
  color: inherit;
  margin: 0;
}
.top-bar .controls .btn-icon i {
  font-size: 24px;
}
.top-bar .controls .btn-icon i.badge-plus {
  display: block;
}
.top-bar .controls .btn-icon i.badge-plus::before {
  position: absolute;
  top: 3px;
  right: 0px;
}
.top-bar .controls .btn-icon:hover {
  color: var(--customBackgroundColor);
}
.top-bar .controls .btn-icon + .btn-icon {
  margin-left: 22px;
}
.top-bar .controls .btn-link {
  color: var(--customBackgroundColor);
}
.top-bar .controls .btn[aria-expanded="true"] {
  color: var(--customBackgroundColor);
}
.top-bar .controls.filter {
  margin-left: -20px;
}
.top-bar .search-bar {
  padding: 8px 20px 7px;
  overflow: hidden;
  position: relative;
}
.top-bar .search-bar .search-results {
  border-left: 0;
  border-right: 0;
}
.top-bar .search-no-filters {
  max-width: inherit !important;
  width: 100%;
}
.top-bar .search-no-filters .search {
  max-width: 370px;
  float: right;
}
.top-bar .filter i {
  font-size: 18px;
}
.top-bar .filter .ico-arrow-up {
  font-size: 9px;
}
.top-bar .filter .ico-arrow-down {
  font-size: 9px;
}
.top-bar > .title {
  padding: 16px 10px;
  margin-right: auto;
}
.top-bar .column-collapse {
  position: relative;
  height: 49px;
  float: right;
  width: 30px;
  border: 0;
  padding: 0;
  text-align: center;
  background: transparent;
  color: #a6a6a6;
  line-height: 48px;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.top-bar .column-collapse:hover {
  background: #d9d9d9;
}
.top-bar .wide-search {
  padding: 8px 10px 7px;
}
.top-bar .wide-search .search {
  width: 340px;
}
.left-column .top-bar:not(.expendable) {
  justify-content: end;
}
.right-column .top-bar:not(.expendable) {
  justify-content: start;
}
.search-bar .btn-icon.reset {
  position: absolute;
  top: 7px;
  right: 52px;
}
.search-filters .search-bar {
  max-width: inherit;
}
.search-filters .search-bar .btn-icon.reset {
  right: 192px;
}
.search-filters .filter {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.lightbox-content .top-bar > .title {
  width: 100%;
}
.lightbox-content .top-bar .search-bar {
  width: 330px;
  overflow: visible;
}
.lightbox-content .top-bar .search-bar:only-child {
  width: auto;
  padding: 8px 20px 7px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.lightbox-content .top-bar .search-no-filters {
  max-width: inherit !important;
  width: inherit;
  padding-right: 10px;
  float: right;
}
.left-column .column-collapse {
  border-left: 1px solid #d9d9d9;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}
.right-column .column-collapse {
  float: left;
  border-right: 1px solid #d9d9d9;
}
.info-bar {
  height: 30px;
  background: #ffffff;
  border-bottom: 1px solid #d9d9d9;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  line-height: 1;
}
.info-bar .bar-title {
  display: inline-block;
  padding: 8px 10px;
  color: #4d4d4d;
}
.info-bar .bar-title i {
  margin-right: 5px;
  font-size: 16px;
  margin-top: -1px;
}
.info-bar span.bar-title {
  color: #a6a6a6;
}
.info-bar .btn {
  height: 30px;
  background: transparent;
  padding: 0 10px;
}
.info-bar .dropdown-menu {
  margin-top: -1px;
  margin-right: -1px;
}
.info-bar .dropdown-toggle i {
  font-size: 9px;
  margin-left: 7px;
  top: -2px;
  position: relative;
}
.info-bar > * {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.filters-below .inner {
  padding: 10px 10px 0;
}
.filters-below .form-group {
  margin-bottom: 10px;
}
.filters-below .btn-blue {
  margin-top: 3px;
}
.new-org {
  color: #676767;
  font-size: 24px;
  position: relative;
}
.new-org .badge-plus {
  position: absolute;
  top: 10px;
  right: 1px;
  text-align: center;
}
.new-org .badge-plus:after {
  line-height: 14px;
}
.organization-list-table .options {
  float: right;
}
.active-status {
  position: relative;
  padding-left: 23px;
}
.active-status:before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  background: #d9d9d9;
  position: absolute;
  left: 0;
  top: 3px;
  border-radius: 50%;
}
.active-status.active:before {
  background: #5cb85c;
}
.page-medindex .top-bar .ico-medindex:before {
  vertical-align: middle;
}
.page-medindex .top-bar .search-bar input.form-control {
  padding-right: 30px;
}
.page-medindex .info-bar {
  height: 27px;
}
.page-medindex .info-bar span.bar-title {
  font-size: 12px;
  color: #4d4d4d;
  padding: 8px 20px 6px;
}
.page-medindex .info-bar .controls .btn {
  font-size: 12px;
  height: 27px;
  color: #676767;
}
.alphabet-sort {
  margin-bottom: 0;
  border-bottom: 1px solid #d9d9d9;
  padding: 9px 20px;
  background: #ffffff;
}
.alphabet-sort li {
  padding: 2px 0;
  width: 18px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
}
.has-options .title {
  padding-right: 65px;
}
.has-options .controls {
  position: absolute;
  top: 0;
  right: -6px;
}
.has-options .controls .dropdown-toggle {
  min-width: 15px;
  padding: 6px 5px;
  background: none;
}
.has-options .controls .btn > i:first-child {
  margin-left: 5px;
}
.folders-header {
  position: relative;
}
.folders-header .controls {
  position: absolute;
  top: 6px;
  right: 0;
}
.folders-header .controls .dropdown-toggle {
  min-width: 15px;
  padding: 6px 5px;
  background: none;
}
.folders-header .controls .btn > i:first-child {
  margin-left: 5px;
}
.folders-header .dropdown-menu.filter-options {
  width: 230px;
  top: 42px;
}
#more-filters.in {
  display: inline-block !important;
  margin-top: 0;
}
@media (min-width: 640px) {
  .top-bar .search-bar {
    float: right;
    width: 370px;
  }
  .top-bar.search-filters .search-bar {
    width: 100%;
  }
}
@media (min-width: 992px) {
  .top-bar .search-bar {
    width: 300px;
  }
  .top-bar.search-filters .search-bar {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .search-filters .search-bar {
    padding-right: 160px;
  }
}
@-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;
  }
}
/* New document lightbox updates */
/* Multiple Classifications in input */
/*	.multiple-items .input-label
	{
		margin: 4px;
	    color: @color_grey_darken_3;
	    font-size: 11px;
	    opacity: .5;
	}

	.multiple-items .ui-outputlabel li
	{
		margin: 3px 2px !important;
	}*/
.form {
  text-align: left;
}
.form .controls {
  padding: 25px 0 0;
  margin-top: 25px;
  border-top: 1px solid #d9d9d9;
}
.form .tos {
  padding: 25px 0 0;
  border-top: 1px solid #d9d9d9;
}
label {
  font-weight: 400;
}
label.disabled {
  color: #d9d9d9;
}
input.form-control {
  padding: 4px 15px;
  line-height: 20px;
  color: #4d4d4d;
  border-color: #d9d9d9;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  box-shadow: none;
}
input.form-control[type=number] {
  height: 30px;
}
/* 
 * Custom overrides for bootstrap-select (selectpicker) to match standard select styling 
 * Requested for Dashboard Filter controls
 */
.bootstrap-select > .dropdown-toggle {
  background: #ffffff var(--customCaretImageData) no-repeat calc(90%) 50% !important;
  background-size: 12px auto !important;
  border: 1px solid #d9d9d9 !important;
  color: #4d4d4d !important;
  padding: 6px 30px 6px 15px !important;
  /* Adjusted padding to match height */
  box-shadow: none !important;
  border-radius: 4px !important;
}
.bootstrap-select > .dropdown-toggle:focus,
.bootstrap-select > .dropdown-toggle:active,
.bootstrap-select.open > .dropdown-toggle {
  background-color: #ffffff !important;
  border-color: var(--customBackgroundColor) !important;
  outline: 0 !important;
}
/* Hide the default bootstrap-select caret since we use the background image */
.bootstrap-select > .dropdown-toggle .bs-caret,
.bootstrap-select > .dropdown-toggle .caret {
  display: none !important;
}
/* Adjust text position */
.bootstrap-select > .dropdown-toggle .filter-option {
  text-align: left;
  font-weight: normal;
}
.floating input.form-control {
  height: 50px;
  line-height: 28px;
  padding: 19px 15px 6px;
}
.floating textarea.form-control {
  padding: 23px 15px 10px;
}
.floating input[type="file"].form-control {
  padding: 13px 15px;
  height: 50px;
}
.floating .form-control.date-picker {
  padding-right: 40px;
  background: #ffffff var(--customCalendarIconImageData) no-repeat calc(100% - 10px) 50%;
  background-size: 24px !important;
}
.floating .form-control.date-picker:disabled {
  background-color: #eee;
}
.floating .form-control.time-picker {
  padding-right: 40px;
  background: #ffffff var(--customTimeIconImageData) no-repeat calc(100% - 10px) 50%;
  background-size: 24px !important;
  appearance: textfield;
}
.floating .form-control.time-picker::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
.floating select.form-control {
  padding: 23px 32px 3px 15px;
  height: 50px;
}
.floating label {
  display: block;
  padding: 0 15px;
  height: 20px;
  margin: 0 0 -20px;
  pointer-events: none;
  color: #4d4d4d;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
  opacity: 1;
  filter: alpha(opacity=100);
  position: relative;
  z-index: 2;
}
.search-bar input.form-control {
  padding-right: 65px;
}
.form-group {
  position: relative;
}
.radio.inline {
  margin-top: 15px;
}
.checkbox.inline {
  margin-top: 15px;
}
body:not(:-moz-handler-blocked) .floating input[type="file"].form-control {
  padding: 11px 15px;
  height: auto;
}
.form-control:focus {
  box-shadow: none;
  border-color: var(--customBackgroundColor);
}
.form-control.search {
  border-radius: 20px;
  background: #ffffff;
  background-size: 14px auto;
  height: auto;
}
.form-control.search.big {
  border-radius: 4px;
  padding: 10px 15px;
  background-size: 18px auto;
}
.form-control.date-picker {
  padding-right: 40px;
  background: #ffffff calc(100% - 10px) 50%;
}
.form-control.time-picker {
  padding-right: 40px;
  background: #ffffff calc(100% - 10px) 50%;
}
select.form-control {
  padding: 4px 30px 4px 15px;
  line-height: 20px;
  color: #4d4d4d;
  border-color: #d9d9d9;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff var(--customCaretImageData) no-repeat calc(100% - 10px) 50%;
  background-size: 12px auto;
  box-shadow: none;
}
/* Style input with datalist to match select dropdowns */
input.form-control.select-style {
  padding: 4px 30px 4px 15px;
  height: 30px;
  line-height: 20px;
  color: #4d4d4d;
  border-color: #d9d9d9;
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff var(--customCaretImageData) no-repeat calc(100% - 10px) 50%;
  background-size: 12px auto;
  box-shadow: none;
  cursor: pointer;
}
input.form-control.select-style::-webkit-calendar-picker-indicator {
  opacity: 0;
  cursor: pointer;
}
/* Searchable select with search icon indicator */
.searchable-select {
  position: relative;
}
.searchable-select .ico-search {
  position: absolute;
  left: 9px;
  top: 26px;
  font-size: 13px;
  color: #d9d9d9;
  pointer-events: none;
  z-index: 1;
}
.searchable-select input.form-control.select-style {
  padding-left: 30px;
}
select::-ms-expand {
  display: none;
}
select.has-placeholder option:first-child {
  display: none;
}
textarea.form-control {
  resize: none;
  min-height: 120px;
  box-shadow: none;
  color: #4d4d4d;
  border-color: #d9d9d9;
}
.error .form-control {
  border-color: #d41414;
}
.error .msg {
  display: block;
  color: #d41414;
  position: relative;
  padding: 6px 15px 6px 33px;
}
.error .msg:before {
  font-size: 24px;
  position: absolute;
  left: 1px;
  top: 0;
}
.floating.focused label {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  font-size: 11px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.floating.filled label {
  -webkit-transform: translateY(5px);
  -ms-transform: translateY(5px);
  transform: translateY(5px);
  font-size: 11px;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.front .form .controls {
  border-top: 0;
  margin: 0;
}
.form-control-static {
  padding-top: 10px;
  padding-bottom: 10px;
  display: inline-block;
}
.form-control-static-high {
  padding-bottom: 15px;
  display: inline-block;
  height: 50px;
}
.image-preview {
  text-align: center;
}
.image-preview .wrap {
  min-width: 170px;
  display: inline-block;
  position: relative;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
  background: url("../media/icons/icon-upload.svg") center 45% no-repeat;
}
.image-preview input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}
.image-preview .preview {
  height: 160px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.image-preview .preview img {
  max-height: 100%;
  max-width: 100%;
}
.image-preview .fake-btn {
  padding: 5px;
  background: var(--customBackgroundColor);
  text-align: center;
  font-size: 90%;
  color: #ffffff;
}
.image-preview .msg {
  float: left;
  width: 100%;
  text-align: left;
}
.no-image .wrap {
  display: block;
  float: none;
  overflow: hidden;
  height: 50px;
}
.no-image .wrap label {
  text-overflow: ellipsis;
  overflow: hidden;
}
.switch {
  position: relative;
  width: 100px;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  margin: 7px 0;
}
.switch-checkbox {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  width: 0;
  height: 0;
  overflow: hidden;
}
.switch-checkbox:checked + .switch-inner {
  margin-left: 0;
}
.switch-checkbox:checked ~ .switch-switch {
  right: 0;
}
.switch-label {
  display: block;
  overflow: hidden;
  cursor: pointer;
  border-radius: 20px;
}
.switch-inner {
  display: block;
  width: 200%;
  margin-left: -100%;
  -webkit-transition: margin 0.2s ease 0s;
  transition: margin 0.2s ease 0s;
}
.switch-inner:before {
  display: block;
  float: left;
  width: 50%;
  height: 36px;
  padding: 0;
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  content: attr(data-text-on);
  padding-left: 5px;
  padding-right: 36px;
  background-color: var(--customBackgroundColor);
  color: #ffffff;
}
.switch-inner:after {
  display: block;
  float: left;
  width: 50%;
  height: 36px;
  padding: 0;
  line-height: 36px;
  font-size: 14px;
  color: #ffffff;
  text-align: center;
  content: attr(data-text-off);
  padding-right: 5px;
  padding-left: 36px;
  background-color: #f3f3f3;
  color: #4d4d4d;
}
.switch-switch {
  display: block;
  width: 30px;
  margin: 3px;
  background: #ffffff;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 64px;
  border-radius: 36px;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.custom-radio {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  display: inline-block;
  padding: 10px;
  margin: 0;
}
.custom-radio > input {
  position: absolute;
  top: -5px;
  left: -5px;
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
}
.custom-radio .circle {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  border-radius: 100%;
  border: 1px solid #d9d9d9;
  background: #ffffff;
}
.custom-radio input:checked + .circle:before {
  content: '';
  position: absolute;
  height: 12px;
  width: 12px;
  border-radius: 100%;
  background: var(--customBackgroundColor);
  top: 4px;
  left: 4px;
}
.custom-upload {
  position: relative;
  padding: 5px;
}
.custom-upload input {
  position: absolute;
  top: -20px;
  height: 0;
  width: 0;
  overflow: hidden;
  opacity: 0;
  filter: alpha(opacity=0);
}
.custom-upload label > i {
  font-size: 18px;
  color: var(--customBackgroundColor);
  margin-right: 5px;
  margin-top: -3px;
}
.custom-upload label:hover {
  cursor: pointer;
}
.custom-upload label:hover > i {
  color: var(--customDarkBackgroundColor);
}
.group-title {
  position: relative;
  font-weight: 700;
  margin-bottom: 20px;
}
.group-title span {
  display: inline-block;
  position: relative;
  padding: 3px 10px 3px 0;
}
.doc-share-title {
  margin: 10px 0;
  font-size: 18px;
  padding: 10px 20px;
}
.dataTables_wrapper + .doc-share-title {
  margin-top: 20px;
}
table + .doc-share-title {
  margin-top: 20px;
}
.enter-message {
  margin: 20px;
}
.radio label {
  position: relative;
}
.radio label input {
  left: 20px;
}
.checkbox label {
  position: relative;
}
.checkbox label input {
  left: 20px;
  top: 1px;
}
.search-submit {
  background: none;
  border: none;
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 18px;
  top: 13px;
  right: 30px;
  display: inline-block;
  color: #4d4d4d;
}
.search-submit:hover {
  color: var(--customBackgroundColor);
}
.search-filters .search-submit {
  right: 170px;
}
.form-control.search.big + .search-submit {
  top: 10px;
  right: 24px;
  font-size: 18px;
}
.ui-radiobutton {
  margin: 0;
}
.ui-chkbox {
  margin: 0;
}
.ui-chkbox .ui-helper-hidden-accessible {
  display: none !important;
}
.ui-helper-hidden-accessible {
  clip: auto;
  height: auto;
  margin: 2px 0 0;
  overflow: visible;
  position: static;
  width: auto;
}
.ui-helper-hidden-accessible input {
  margin: 4px 0 0;
  line-height: normal;
}
.ui-helper-hidden-accessible .ui-chkbox-clone {
  position: static !important;
  margin: 0 !important;
}
.ui-radiobutton-box {
  display: none !important;
}
.ui-chkbox-box {
  display: none;
}
.ui-button {
  margin: 0;
}
.ui-button .ui-button-text {
  display: inline-block;
  line-height: inherit;
}
.ui-button.ui-state-default {
  box-shadow: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  text-shadow: none;
}
.ui-button.ui-button-text-only .ui-button-text {
  padding: 0;
}
.login-button {
  margin-right: 0;
}
.login-button .ui-button-text {
  line-height: 0 !important;
}
.login-button.has-loader .ui-button-text {
  display: inline-block !important;
  vertical-align: top !important;
  line-height: 28px !important;
  padding-left: 8px !important;
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #fafafa;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #0080a6;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  -webkit-background-size: 40px 40px;
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -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.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-bar-info {
  background-color: var(--customBackgroundColor);
}
.progress-bar-warning {
  background-color: #f69300;
}
.progress-bar-danger {
  background-color: #d41414;
}
.password-strength {
  position: relative;
}
.password-strength .progress {
  width: 80px;
  position: absolute;
  top: 15px;
  right: 10px;
}
.password-strength .progress .progress-bar {
  border-radius: 0;
  min-width: 3px;
}
#new-pass {
  padding-right: 100px;
}
.error-message {
  margin: -6px 0 18px;
}
.upload-link {
  display: inline-block;
  margin-top: 14px;
  cursor: pointer;
}
#uploadDocVersion {
  position: relative;
  margin: 0;
}
#uploadDocVersion .arrow-up {
  width: 0;
  height: 0;
  margin-left: 20px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f3f3f3;
}
#uploadDocVersion .collapse-container {
  display: inline-block;
  width: 100%;
  padding: 20px 10px;
  border-radius: 8px;
  background-color: #f3f3f3;
}
.collapse-container .btn-default.blue-border {
  margin-top: 6px;
}
.btn-default.blue-border {
  padding: 10px;
  color: var(--customBackgroundColor);
  border: 2px solid var(--customBackgroundColor);
}
.btn-default.blue-border:hover {
  background-color: #f3f3f3;
}
.multiple-items .ui-outputlabel ul {
  width: calc(100% - 64px) !important;
}
.multiple-items .ui-autocomplete-input-token input {
  border: none !important;
}
@media (min-width: 768px) {
  .resend {
    padding-top: 20px;
  }
  .error-message {
    margin: 0;
    padding-top: 14px;
  }
}
.time-container {
  position: relative;
}
.time-container .ico-time {
  position: absolute;
  font-size: 22px;
  right: 10px;
  top: 6px;
  color: var(--customBackgroundColor);
}
.password-field {
  position: relative;
}
.password-field .password-toggle {
  position: absolute;
  right: 15px;
  top: 15px;
  background: none;
  border: none;
  cursor: pointer;
  color: #4d4d4d;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.password-field .password-toggle:hover {
  color: var(--customBackgroundColor);
}
.password-field .password-toggle:focus {
  outline: none;
}
.password-field .password-toggle .eye-icon {
  width: 20px;
  height: 20px;
}
.password-field .password-requirement {
  display: block;
  margin-top: 5px;
  color: #5a5a5a;
  font-size: 12px;
}
.password-field .form-control {
  padding-right: 50px;
}
.accordion-header {
  cursor: pointer;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px;
  background-color: #f8f9fa;
  border: 1px solid #e9ecef;
  border-radius: 4px;
  transition: all 0.3s ease;
}
.accordion-header:hover {
  background-color: #e9ecef;
}
.accordion-arrow {
  transition: transform 0.3s ease;
  font-size: 14px;
  color: #666;
}
.accordion-arrow.rotated {
  transform: rotate(180deg);
}
.accordion-content {
  padding: 15px;
  border: 1px solid #e9ecef;
  border-top: none;
  border-radius: 0 0 4px 4px;
  margin-bottom: 20px;
  transition: all 0.3s ease;
}
.accordion-item {
  margin-bottom: 20px;
}
table td {
  position: relative;
}
table th {
  position: relative;
}
table tr.odd {
  background-color: #f3f3f3;
}
.icon-table .table.compact th:first-of-type {
  padding-left: 40px;
}
.icon-table .table.compact td:first-of-type {
  padding: 10px 8px;
}
.icon-table i {
  position: relative;
  top: -3px;
  font-size: 24px;
}
.icon-table .btn-ico i {
  top: auto;
}
.icon-table .multi-docs .flex-col-2:not(:last-of-type) {
  margin-bottom: 8px;
}
.icon-table .flex-col-2 {
  display: grid;
  grid-template-columns: 34px auto;
  grid-template-rows: auto;
  grid-template-areas: "left right";
  align-items: center;
}
.icon-table .flex-col-2 .flex-left {
  grid-area: left;
}
.icon-table .flex-col-2 .flex-right {
  grid-area: right;
  line-height: 16px;
}
.table {
  width: 100% !important;
}
.table th {
  padding: 15px 7px;
  vertical-align: middle;
  border-bottom: 1px solid #e6e6e6;
  text-align: left;
}
.table th.text-center {
  text-align: center;
}
.table td {
  padding: 7px;
  vertical-align: middle;
  border-bottom: 1px solid #e6e6e6;
}
.table tbody tr:hover,
.table tbody .even:hover,
.table tbody .odd:hover {
  background: #f3f3f3;
}
.table .right-align {
  text-align: right;
  padding-right: 7px !important;
}
.table .profile-img {
  margin-right: 5px;
}
.table p {
  margin-bottom: 0;
}
.table.compact th {
  padding: 6px 8px;
}
.table.compact td {
  padding: 6px 8px;
}
.add-new-user {
  text-align: right;
}
.add-new-user i {
  font-size: 24px;
  display: inline-block;
  margin-left: -20px;
}
.add-new-user i:before {
  color: #5a5a5a;
}
.permission .checkbox {
  margin-top: -5px;
  padding: 0 15px 0 0;
  display: inline-block;
  vertical-align: top;
}
.table.gray-head thead tr {
  background: #f3f3f3;
}
.table.gray-head thead th {
  border-bottom-color: #f3f3f3;
}
.user-list-table th:first-child {
  padding-left: 20px;
}
.user-list-table th:last-child {
  padding-right: 20px;
}
.user-list-table td:first-child {
  padding-left: 20px;
}
.user-list-table td:last-child {
  padding-right: 10px;
}
.user-list-table td:not(:first-child):not(:last-child) {
  color: #808080;
}
.user-list-table td:hover .show-on-hover {
  display: block;
}
.user-list-table td.actions {
  white-space: nowrap;
  width: 160px;
  text-align: right;
}
.user-list-table td.actions .btn-group {
  white-space: nowrap;
  float: right;
  font-size: 0;
}
.user-list-table td.actions .btn-group a {
  float: none;
}
.user-list-table td.actions .btn-group button {
  float: none;
}
.user-list-table td.name {
  padding-left: 65px;
}
.user-list-table td.name div {
  position: relative;
}
.user-list-table td.name .profile-img {
  position: absolute;
  left: -45px;
  top: 50%;
  margin-top: -20px;
}
.user-list-table .show-on-hover {
  display: none;
}
.user-list-table .permission {
  width: 260px;
}
.info-table th {
  border: 0;
  padding: 7px 10px;
  vertical-align: middle;
}
.info-table th:first-child {
  padding-left: 0;
}
.info-table th:last-child {
  padding-right: 0;
}
.info-table td {
  border: 0;
  padding: 7px 10px;
  vertical-align: middle;
}
.info-table td:first-child {
  padding-left: 0;
}
.info-table td:last-child {
  padding-right: 0;
}
.radio-table {
  width: 100%;
  margin-bottom: 15px;
}
.radio-table tbody {
  border-bottom: 1px solid #d9d9d9;
}
.radio-table tbody tr:hover {
  background: #fafafa;
}
.radio-table th {
  font-weight: 700;
  border-bottom: 1px solid #d9d9d9;
  padding-top: 0;
  padding-bottom: 10px;
}
.radio-table th:first-child {
  width: 40%;
  text-align: left;
}
.radio-table th:not(:first-child) {
  width: 20%;
  text-align: center;
}
.radio-table td:first-child {
  width: 40%;
  text-align: left;
}
.radio-table td:not(:first-child) {
  width: 20%;
  text-align: center;
}
.radio-table .lift-off {
  padding-bottom: 30px;
}
.radio-table .no-lift-off {
  padding-top: 30px;
}
.lightbox-content .radio-table tbody {
  border-bottom: 0;
}
.lightbox-content .bootstrap-datetimepicker-widget.dropdown-menu {
  min-width: inherit;
}
.notification-settings .radio-table {
  max-width: 600px;
  margin-bottom: 30px;
}
.notification-settings .radio-table th span {
  position: relative;
}
.notification-settings .ico-info-circle {
  font-size: 20px;
  color: #d9d9d9;
  right: -25px !important;
  margin-top: -12px !important;
}
.license-table,
.storage-table {
  width: 100%;
  margin: 30px 0 15px;
  text-align: center;
  table-layout: fixed;
}
.license-table th,
.storage-table th {
  font-size: 16px;
  padding: 10px;
  font-weight: 600;
  background: #f3f3f3;
  color: #676767;
  border: 1px solid #d9d9d9;
}
.license-table th label,
.storage-table th label {
  font-weight: 600;
  cursor: pointer;
}
.license-table .divider th,
.storage-table .divider th {
  padding: 0;
  background: transparent;
  border: 0;
  height: 0;
  overflow: hidden;
}
.license-table .dark,
.storage-table .dark {
  text-align: left;
  background: #f3f3f3;
  color: #676767;
  font-weight: bold;
}
.license-table .active,
.storage-table .active {
  background: #f3f3f3;
  color: #676767;
}
.license-table .disabled,
.storage-table .disabled {
  opacity: .5;
}
.license-table td.active,
.storage-table td.active {
  position: relative;
}
.license-table tbody tr:first-child td.active:before,
.storage-table tbody tr:first-child td.active:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 3px;
  background: var(--customBackgroundColor);
}
.license-table tbody tr td.active[rowspan]:before,
.storage-table tbody tr td.active[rowspan]:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 3px;
  background: var(--customBackgroundColor);
  top: auto;
  bottom: -1px;
}
.license-table tbody tr:last-child td.active:before,
.storage-table tbody tr:last-child td.active:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: -1px;
  height: 3px;
  background: var(--customBackgroundColor);
  top: auto;
  bottom: -1px;
}
.license-table td,
.storage-table td {
  border: 1px solid #d9d9d9;
  padding: 10px;
  vertical-align: middle;
}
.license-table td i,
.storage-table td i {
  font-size: 20px;
  color: #d9d9d9;
}
.license-table td .ico-check,
.storage-table td .ico-check,
.license-table td .ico-check-thick,
.storage-table td .ico-check-thick {
  color: var(--customBackgroundColor);
}
.license-table td .price,
.storage-table td .price {
  font-weight: 600;
  font-size: 26px;
  color: var(--customBackgroundColor);
}
.license-table td .price sup,
.storage-table td .price sup {
  color: #a6a6a6;
  font-size: 50%;
  margin-left: 2px;
  top: -0.75em;
}
.license-table td sup.small,
.storage-table td sup.small {
  font-size: 8px;
  color: #9c9c9c;
}
.license-table td .form-control,
.storage-table td .form-control {
  display: inline-block;
}
.license-table .top td,
.storage-table .top td {
  border-bottom: 0;
  vertical-align: top;
}
.license-table .bottom td,
.storage-table .bottom td {
  border-top: 0;
}
.license-table .padding,
.storage-table .padding {
  width: 0px;
  border: 0;
  background: transparent;
}
.license-table p,
.storage-table p {
  margin-bottom: 5px;
}
.license-table .no-border,
.storage-table .no-border {
  border: 0;
  background: transparent;
}
@media only screen and (min-width: 1400px) {
  .license-table th,
  .storage-table th {
    font-size: 18px;
  }
  .license-table td .form-control,
  .storage-table td .form-control {
    width: auto;
  }
  .license-table .padding,
  .storage-table .padding {
    width: 15px !important;
    max-width: 15px;
    min-width: 15px;
  }
}
.table-documents .check {
  width: 50px;
  text-align: center;
}
.table-documents .ico {
  margin-top: 5px;
  float: left;
}
.table-documents .title {
  color: #676767;
  font-weight: bold;
  display: block;
}
.table-documents .text {
  color: #676767;
  display: block;
}
.table-contacts .check {
  width: 50px;
  text-align: center;
}
.table-contacts .grouped {
  margin: 5px 0;
  padding: 0 10px;
}
.table-contacts .grouped i {
  font-size: 24px;
  margin-right: 10px;
}
.table-contacts .grouped .title {
  display: inline-block;
  vertical-align: middle;
}
.table-contacts .grouped .matches {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 2px;
}
.force-full .dataTables_wrapper {
  width: 100%;
}
.force-full .dataTables_wrapper .actions {
  padding-right: 25px;
  text-align: left;
}
.force-full .actions {
  text-align: left;
}
.force-full td {
  height: 43px;
}
.empty-data {
  padding: 30px 0;
  color: #a6a6a6;
  text-align: center;
  font-size: 12px;
}
.empty-data a {
  color: #a6a6a6;
  display: inline-block;
}
.empty-data a:hover {
  text-decoration: none;
}
.empty-data a:hover em {
  text-decoration: underline;
}
.empty-data i {
  margin: 0 0 10px;
  font-size: 40px;
  display: block;
}
.empty-data em {
  color: var(--customBackgroundColor);
}
.mobile-data thead {
  display: none;
}
.mobile-data td {
  display: none;
  padding: 0;
  min-height: 60px;
}
.mobile-data td:first-child {
  width: 100%;
  display: block;
}
.mobile-data td > .profile-img {
  display: none;
}
.data-mobile-view a {
  text-decoration: none;
  display: block;
}
.data-mobile-view .item-info {
  width: 60px;
  float: left;
  text-align: center;
  padding: 10px;
}
.data-mobile-view .item-info i {
  font-size: 38px;
  color: var(--customBackgroundColor);
}
.data-mobile-view .item-info .date {
  display: block;
  font-size: 11px;
  color: #808080;
  margin-top: 10px;
}
.data-mobile-view .inner {
  padding: 5px 45px 5px 0;
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: inherit;
}
.data-mobile-view .inner .item-name {
  font-size: 13px;
  color: #4d4d4d;
  margin-bottom: 3px;
  line-height: 1.2;
}
.data-mobile-view .inner .small {
  font-size: 12px;
  color: #808080;
  margin-bottom: 0;
}
.responsive.data-table .dtr-title {
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  color: #5a5a5a;
}
.responsive.data-table th {
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  color: #5a5a5a;
  padding: 11px 0;
  border-bottom: 1px solid #d9d9d9;
  font-size: 12px;
}
.responsive.data-table tr:hover td {
  background: #fafafa;
}
.responsive.data-table td {
  padding: 11px 0;
  border-bottom: 1px solid #d9d9d9;
  font-size: 12px;
  color: #808080;
}
.file-versions,
.doc-history {
  margin-top: -10px;
}
.file-versions label,
.doc-history label {
  margin-bottom: 8px;
  font-size: 15px;
}
.file-versions thead th,
.doc-history thead th {
  background-color: #f3f3f3;
  border-bottom: none;
}
.file-versions .table.compact td,
.doc-history .table.compact td {
  padding: 10px;
}
.file-versions .table.compact td:first-of-type,
.doc-history .table.compact td:first-of-type {
  padding-left: 5px;
  color: var(--customBackgroundColor);
}
.file-versions tr .ico-document,
.doc-history tr .ico-document {
  margin-right: 5px;
  font-size: 20px;
}
.file-versions .table.compact td {
  padding: 10px;
}
.file-versions .table.compact td:first-of-type {
  width: 17em;
  padding-left: 5px;
  color: var(--customBackgroundColor);
}
.file-versions .table.compact td:nth-child(2) {
  text-align: center;
}
.file-versions .table.compact th:nth-child(2) {
  text-align: center;
}
#confirm-share thead tr th:first-of-type {
  width: 40px !important;
}
#confirm-share tfoot tr td:first-of-type {
  width: 40px !important;
}
#confirm-share tbody tr td:first-of-type {
  width: 40px !important;
}
#confirm-share tbody .profile-img {
  margin-right: 0;
}
@media (min-width: 728px) {
  .data-mobile-view {
    display: none;
  }
  .mobile-data td {
    min-height: inherit;
    padding: 7px;
    width: auto;
    display: table-cell;
  }
  .mobile-data td > .profile-img {
    display: block;
  }
  .mobile-data td:first-child {
    padding: 7px;
    width: auto;
    display: table-cell;
  }
  .mobile-data thead {
    display: table-header-group;
  }
}
.steps {
  padding: 15px;
  background: #f3f3f3;
  border-bottom: 1px solid #d9d9d9;
  text-align: center;
}
.steps .step {
  display: inline-block;
  margin: 0 10px;
  font-size: 12px;
}
.steps .step::before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  margin: 0 auto 5px;
  background: #4d4d4d;
  border-radius: 100%;
  font-size: 30px;
  line-height: 30px;
}
.steps .step.done::before {
  color: #ffffff;
  font-size: 12px;
  line-height: 32px;
  background: #d9d9d9;
}
.steps .step.active::before {
  color: #ffffff;
  font-size: 12px;
  line-height: 32px;
  background: var(--customBackgroundColor);
}
.step-title {
  font-weight: 700;
  margin-bottom: 25px;
  margin-top: 0;
}
.step-title span {
  font-weight: 400;
}
.lightbox-content .steps {
  margin: -20px -20px 20px;
}
/* Global alert */
.alert {
  padding-left: 50px;
  position: relative;
  border: 0;
}
.alert h5 {
  display: inline-block;
  margin-right: 5px;
}
.alert .text {
  color: #4d4d4d;
}
.alert-danger:before {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
  line-height: 24px;
}
.alert-success:before {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
  line-height: 24px;
}
.alert-warning:before {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
  line-height: 24px;
}
.alert-info:before {
  position: absolute;
  left: 15px;
  top: 50%;
  margin-top: -12px;
  font-size: 24px;
  line-height: 24px;
}
.header .alert {
  padding: 9px 15px 9px 45px;
  border-radius: 0;
  height: 42px;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-left: 1px solid #d9d9d9;
  text-align: center;
  margin-bottom: 0;
  overflow: hidden;
  white-space: nowrap;
}
.header .alert:before {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 0;
}
.header .alert h5 {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 0;
}
.header .alert .text {
  position: static;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-top: 0;
}
.dropdown-menu {
  margin: 0;
  border-radius: 0;
  border: 1px solid #d9d9d9;
  padding: 0;
  min-width: 100%;
}
.dropdown-menu > li + li {
  border-top: 1px solid #d9d9d9;
  margin-left: 0 !important;
}
.dropdown-menu > li + li.active a {
  background-color: transparent;
  color: #000000;
}
.dropdown-menu > li > a {
  padding: 10px 20px;
}
.dropdown-menu > li > a i {
  margin: -2px 7px 0 0;
}
.dropdown-menu > li > a i.right-padding {
  padding-right: 5px;
}
.dropdown-menu > li > a i.badge-plus {
  top: 3px;
}
.dropdown-menu.padded-content {
  padding: 15px;
}
.dropdown-menu.gray {
  background: #f3f3f3;
}
.dropdown-menu.open {
  display: block;
}
.pull-right .dropdown-menu {
  left: auto;
  right: 0;
}
.item .dropdown.options {
  position: absolute;
  top: 5px;
  right: 1px;
}
.item .dropdown.options .dropdown-toggle {
  background: transparent;
  border-radius: 0;
  border: 0;
  padding: 8px 10px 3px;
  width: 40px;
  height: 25px;
  overflow: hidden;
  outline: 0;
  position: relative;
}
.item .dropdown.options .dropdown-toggle:before {
  font-size: 24px;
  color: var(--customBackgroundColor);
  display: inline-block;
  border: none;
}
.item .options .dropdown-menu {
  margin-right: 5px;
  margin-bottom: 2em;
}
.item .dropdown.shared {
  display: inline-block;
  position: static;
  margin: -3px 0 -3px 5px;
}
.item .dropdown-toggle.shared {
  background: transparent;
  border-radius: 0;
  border: 0;
  padding: 2px;
  outline: 0;
  line-height: 1;
}
.item .dropdown-menu.shared {
  left: 7px;
  right: 7px;
  margin: 5px 0 0;
  min-width: 0;
  padding: 10px;
  color: #4d4d4d;
}
.item .dropdown-menu.shared a {
  padding: 7px 15px;
  color: var(--customBackgroundColor);
}
.table .item:hover .dropdown.options .dropdown-toggle:before {
  color: var(--customBackgroundColor);
}
.scrolling .item:hover .controls .dropdown.options .dropdown-toggle:before {
  color: var(--customBackgroundColor);
}
.dropdown.options .dropdown-toggle:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--customBackgroundColor);
}
.active .dropdown.options.open .dropdown-toggle:after {
  border-bottom-color: #ffffff;
}
.options .dropdown-menu {
  margin-top: 2px;
  color: #4d4d4d;
}
.options .dropdown-menu a {
  padding: 7px 15px;
  color: var(--customBackgroundColor);
}
.options .dropdown-menu a:hover {
  text-decoration: none;
}
.options .dropdown-menu > .active > a {
  background-color: #ffffff;
  color: var(--customBackgroundColor);
}
.dropdown-menu.filter-options {
  padding: 15px;
  background: #f3f3f3;
  width: 280px;
}
.ui-autocomplete {
  width: 100% !important;
}
.ui-autocomplete-panel {
  margin-top: 12px;
  border: 1px solid #d9d9d9;
  z-index: 9999 !important;
  width: auto !important;
  padding: 10px;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.6);
  background: #ffffff;
  overflow: visible;
}
.ui-autocomplete-panel table td {
  border: none;
}
.ui-autocomplete-panel .ui-autocomplete-list {
  padding: 0;
  margin-top: 5px;
  border: 1px solid #d9d9d9;
}
.ui-autocomplete-panel .ui-autocomplete-list-item {
  margin: 0;
  padding: 7px 15px;
}
.ui-autocomplete-panel .ui-autocomplete-table .auto-complete-td2 {
  padding: 10px;
  border: none;
  padding-left: 5px;
  width: 250px;
  border-bottom: 1px solid #d9d9d9;
}
.ui-autocomplete-panel .ui-autocomplete-table .auto-complete-td1 {
  padding: 10px;
  border: none;
  padding-right: 0;
  width: 48px;
  border-bottom: 1px solid #d9d9d9;
}
.ui-autocomplete-panel .ui-autocomplete-table .auto-complete-td1 img {
  border-radius: 50%;
}
.ui-autocomplete-panel .ui-autocomplete-table .ico {
  font-size: 24px;
}
.ui-autocomplete-panel .ui-autocomplete-table .ui-widget-content {
  border: none;
}
.ui-autocomplete-panel .ui-autocomplete-table tr:last-child td {
  border-bottom: none;
}
.ui-autocomplete-panel .ui-autocomplete-group {
  background: none;
  border: none !important;
  text-shadow: none;
}
.ui-state-highlight {
  border: none;
  color: #4d4d4d;
  background: rgba(0, 168, 234, 0.1);
  text-shadow: none;
}
.ui-widget-content .ui-state-highlight {
  border: none;
  color: #4d4d4d;
  background: rgba(0, 168, 234, 0.1);
  text-shadow: none;
}
.ui-widget-header .ui-state-highlight {
  border: none;
  color: #4d4d4d;
  background: rgba(0, 168, 234, 0.1);
  text-shadow: none;
}
.ui-autocomplete-status {
  display: none;
}
.lightbox-content .ui-autocomplete {
  margin-top: 4px;
  width: auto;
  display: inline-block;
  vertical-align: top;
}
.lightbox-content .ui-autocomplete.is-full-width {
  width: 100%;
}
.lightbox-content .ui-autocomplete-multiple-container {
  box-shadow: none !important;
  border: none;
  width: auto;
  display: inline-block;
  outline: none !important;
}
.lightbox-content .ui-autocomplete-input-token {
  margin: 0;
}
.lightbox-content .ui-autocomplete-input-token input {
  background: #ffffff !important;
  margin: 0;
  background: none;
  box-shadow: none !important;
  outline: none !important;
  font-size: 13px;
  color: #4d4d4d;
}
.lightbox-content .ui-autocomplete-input-token input:active {
  background: #ffffff !important;
  margin: 0;
  background: none;
  box-shadow: none !important;
  outline: none !important;
  font-size: 13px;
  color: #4d4d4d;
}
.lightbox-content .ui-autocomplete-input-token input:focus {
  background: #ffffff !important;
  margin: 0;
  background: none;
  box-shadow: none !important;
  outline: none !important;
  font-size: 13px;
  color: #4d4d4d;
}
.lightbox-content .recipients-input {
  max-height: 130px;
  overflow-y: auto;
  overflow-x: hidden;
}
.lightbox-content .recipients-input > .list {
  max-width: 630px;
  display: inline-block;
  vertical-align: top;
}
.lightbox-content .recipients-input .add {
  position: absolute;
  top: 5px;
  right: 20px;
}
.lightbox-content .ui-outputlabel {
  min-height: 40px;
  margin-bottom: 0;
  width: 100%;
  display: inline-block;
}
.lightbox-content .ui-outputlabel .prefix {
  padding-top: 10px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.lightbox-content .ui-outputlabel ul {
  font-size: 0;
  width: calc(100% - 48px);
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.lightbox-content .ui-outputlabel li {
  margin: 3px;
  display: inline-block;
  vertical-align: top;
}
.lightbox-content .ui-outputlabel .profile-img.small {
  width: 26px;
  height: 26px;
}
.lightbox-content .ui-outputlabel .item {
  line-height: 29px;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 168, 234, 0.2);
  background: rgba(0, 168, 234, 0.1);
}
.lightbox-content .ui-outputlabel .item > [class^="ico-"] {
  float: left;
  font-size: 20px;
  line-height: 25px;
}
.lightbox-content .ui-outputlabel .item .remove {
  color: #00a8ea;
  font-size: 14px;
  margin-top: -3px;
  padding: 0 5px;
}
.lightbox-content .ui-outputlabel .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #4d4d4d;
}
.lightbox-content .ui-outputlabel .item a {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #4d4d4d;
}
.lightbox-content .ui-outputlabel .name {
  padding: 0 5px 0 8px;
}
.multi-select .form-control {
  height: 30px;
  line-height: 20px;
  padding: 4px 30px 4px 15px;
  color: #4d4d4d;
  text-align: left;
  border-color: #d9d9d9;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: #ffffff var(--customCaretImageData) no-repeat calc(100% - 10px) 50%;
  background-size: 12px auto;
  box-shadow: none;
}
.checkbox-menu li label {
  display: block;
  margin: 0;
  line-height: 20px;
  padding: 6px 10px;
  color: #4d4d4d;
  white-space: nowrap;
  transition: background-color 0.4s ease;
}
.checkbox-menu li label:hover {
  background-color: #f3f3f3;
}
.checkbox-menu li label:focus {
  background-color: #f3f3f3;
}
.checkbox-menu li label.default {
  color: #a6a6a6;
}
.checkbox-menu li input {
  margin: 0px 5px;
  top: 2px;
  position: relative;
}
.nav-tabs {
  border-bottom: 1px solid #d9d9d9;
  padding: 0 10px;
  margin-bottom: 0;
  position: relative;
}
.nav-tabs.top-padding {
  padding-top: 20px;
}
.nav-tabs.h-scroll {
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}
.nav-tabs.h-scroll > li {
  display: inline-block;
  white-space: normal;
  vertical-align: top;
}
.nav-tabs > li {
  display: inline-block;
  border: 1px solid #d9d9d9;
  margin-bottom: -1px;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li a {
  display: block;
  padding: 10px 20px;
  color: var(--customBackgroundColor);
}
.nav-tabs > li a:focus {
  text-decoration: none;
  color: var(--customBackgroundColor);
}
.nav-tabs > li a:hover {
  text-decoration: none;
  color: var(--customBackgroundColor);
}
.nav-tabs > li:not(.active):hover {
  background: #f3f3f3;
}
.nav-tabs > li + li {
  margin-left: 5px;
}
.nav-tabs > li.active {
  border-bottom-color: #ffffff;
}
.nav-tabs > li.active:hover {
  border-bottom-color: #ffffff;
}
.nav-tabs > li.active:hover a {
  color: #5a5a5a;
}
.nav-tabs > li.active a {
  color: #5a5a5a;
}
.nav-tabs > li.active.fill-background {
  background: #f3f3f3;
  border-bottom-color: #f3f3f3;
}
.lightbox-content .nav-tabs {
  min-height: 39px;
}
@media only screen and (min-width: 1024px) {
  .lightbox-content .nav-tabs {
    min-height: 42px;
  }
}
.nav-tabs.divider-style {
  border-bottom: 4px solid #f3fcff;
  padding: 0;
  margin-bottom: 0;
}
.nav-tabs.divider-style > li {
  display: inline-block;
  border: 0;
  margin: 0;
  border-radius: 0;
}
.nav-tabs.divider-style > li a {
  display: inline-block;
  padding: 10px;
  font-weight: 600;
}
.nav-tabs.divider-style > li:first-child a {
  padding-left: 0;
}
.nav-tabs.divider-style > li:not(.active):hover {
  background: transparent;
}
.nav-tabs.divider-style > li + li {
  margin: 0;
}
.nav-tabs.divider-style > li + li:before {
  content: '|';
}
.nav-tabs.divider-style > li.active {
  border: 0;
}
.nav-tabs.divider-style > li.active:hover {
  border: 0;
}
.nav-tabs.divider-style > li.active:hover a {
  color: #5a5a5a;
}
.nav-tabs.divider-style > li.active a {
  color: #5a5a5a;
}
.tab-pane {
  padding: 15px 0;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  position: relative;
}
.tab-pane.ntbp {
  padding-top: 0;
  padding-bottom: 0;
}
.tab-pane:not(.active) {
  display: none;
}
.lightbox.fullscreen .tab-pane {
  padding: 8px 0;
}
.tab-pane.no-side-padding {
  padding: 0;
}
.lightbox-nav-tabs {
  margin: 0 0 -20px;
  padding: 4px 20px;
}
.lightbox-nav-tabs > li {
  margin: 0 20px 0 0;
  border: none;
}
.lightbox-nav-tabs > li:first-child {
  border: none;
}
.lightbox-nav-tabs > li a {
  padding: 0;
}
.lightbox-nav-tabs > li a:hover {
  text-decoration: none;
  color: var(--customBackgroundColor);
  background: #ffffff;
}
.lightbox-nav-tabs > li .btn {
  padding: 6px 0;
  font-size: 12px;
  background: #ffffff;
  min-width: inherit;
  color: var(--customBackgroundColor);
}
.lightbox-nav-tabs > li .btn:hover {
  background: #ffffff;
}
.lightbox-nav-tabs > li .btn i {
  padding-left: 5px;
  font-size: 10px;
  display: inline-block;
}
.lightbox-nav-tabs > li + li {
  margin-left: 0;
}
.lightbox-nav-tabs .dropdown-menu a {
  padding: 7px 15px;
}
.lightbox-nav-tabs .dropdown-menu a:hover {
  color: #4d4d4d;
  background-color: #fafafa;
}
@media (min-width: 992px) {
  .lightbox-nav-tabs > li .btn {
    font-size: 14px;
  }
}
.tabbed-nav {
  margin-bottom: 0;
  float: right;
  font-size: 0;
}
.tabbed-nav li {
  display: inline-block;
  height: 36px;
  vertical-align: top;
  text-transform: uppercase;
  font-size: 12px;
  border-right: 1px solid #d9d9d9;
  position: relative;
  font-weight: bold;
}
.tabbed-nav a {
  display: block;
  padding: 12px 32px;
}
.tabbed-nav a:hover {
  text-decoration: none;
}
.tabbed-nav .active {
  background: #ffffff;
}
.tabbed-nav .active:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  border-bottom: 1px solid #ffffff;
  display: block;
}
.tabbed-nav .active a {
  color: #676767;
}
.patient-tab-content {
  background-color: #f3f3f3;
}
.patient-tab-content .nav-tabs li {
  background-color: #ffffff;
}
.patient-tab-content .tab-content {
  background-color: #ffffff;
}
.patient-tab-content .controls .btn.dropdown-toggle {
  color: #a6a6a6;
  line-height: 28px;
}
.patient-tab-content .inner-column.col-narrow {
  max-width: 375px;
}
.patient-tab-content .inner-column + .inner-column.col-wide {
  border-left: 0 !important;
}
.tab-content-padding {
  padding: 12px 0 0;
}
.tabs__layout {
  height: 100%;
  position: relative;
}
.tabs__nav {
  display: inline-block;
  margin: 12px 4px 4px;
  position: relative;
}
.tabs__nav::before {
  background-color: #f3f3f3;
  border-radius: 28px;
  bottom: 0;
  content: "";
  display: block;
  height: calc(100% + 8px);
  width: calc(100% + 7px);
  position: absolute;
  left: -4px;
  top: -4px;
  right: 0;
}
.tabs__nav .ico-info-circle {
  position: absolute;
  top: calc(50% - 11px);
  right: -22px;
  z-index: 99;
}
.tabs__nav-decoration {
  background-color: #ffffff;
  border-radius: 28px;
  box-shadow: 0px 5px 20px rgba(18, 2, 47, 0.1);
  left: 0;
  position: absolute;
  top: 0;
  transition: width 0.2s linear 0s, transform 0.2s ease-out 0s;
  z-index: 1;
}
.tabs__nav-list {
  display: flex;
  margin-bottom: 0;
  justify-content: space-between;
  position: relative;
  z-index: 5;
}
.tabs__nav-item {
  color: #5a5a5a;
  cursor: pointer;
  font-size: 14px;
  padding: 8px 30px;
  transition: all 0.35s ease-in-out;
}
.tabs__nav-item.active {
  color: var(--customBackgroundColor);
}
.tabs__nav-item > a:hover {
  text-decoration: none;
}
.tabs__content {
  position: relative;
}
.tab__content {
  display: none;
}
.tab__content .tab__content__inner {
  opacity: 0;
  transition: opacity 0.35s ease-in;
}
.tab__content.active {
  display: block;
}
.tab__content.active .tab__content__inner {
  opacity: 1;
}
@media only screen and (max-width: 579px) {
  .tabs__nav {
    width: calc(100% - 10px);
  }
  .tabs__nav::before {
    border-radius: 20px;
  }
  .tabs__nav-list {
    display: block;
  }
}
.is-folder.collapse-toggle {
  display: block;
  position: relative;
  padding: 10px 40px 10px 15px;
  outline: 0 !important;
  text-transform: uppercase;
  color: #4d4d4d;
  text-decoration: none;
}
.is-folder.collapse-toggle:focus {
  background: #f3f3f3;
  color: #4d4d4d;
  text-decoration: none;
}
.is-folder.collapse-toggle:hover {
  background: #f3f3f3;
  color: #4d4d4d;
  text-decoration: none;
}
.is-arrow.collapse-toggle:after {
  content: '';
  position: absolute;
  right: 5px;
  top: 3px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-bottom-color: var(--customBackgroundColor);
  font-size: 20px;
}
.active > .is-arrow.collapse-toggle:after {
  border-bottom-color: #ffffff;
}
.active > .is-arrow.collapse-toggle.collapsed:after {
  border-top-color: #ffffff;
}
.is-arrow.collapse-toggle.active:after {
  border-bottom-color: #ffffff;
}
.is-arrow.collapse-toggle.collapsed:after {
  top: 9px;
  border-bottom-color: transparent;
  border-top-color: var(--customBackgroundColor);
}
.is-arrow.collapse-toggle.collapsed.active:after {
  border-top-color: #ffffff;
}
.is-arrow.no-toggle:after {
  display: none !important;
}
.is-arrow {
  position: absolute !important;
  width: 30px;
  height: 25px;
  top: 7px;
  right: 5px;
  text-indent: -999em;
  text-align: left;
  overflow: hidden;
  display: block;
}
.is-folder.collapse-toggle.selected {
  font-weight: 700;
  background: #f3f3f3;
}
.listing li.item .is-folder.active + .is-arrow {
  color: #ffffff;
}
.listing li.item .is-folder.active + .is-arrow:after {
  border-bottom-color: #ffffff;
}
.listing li.item .is-folder.active + .is-arrow.collapsed:after {
  border-top-color: #ffffff;
  border-bottom-color: transparent;
}
.dashed .is-arrow.collapse-toggle + .collapse {
  position: relative;
}
.dashed .is-arrow.collapse-toggle + .collapse:before {
  border-top: 1px dashed #d9d9d9;
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.dashed .item .listing .listing.dashed:before {
  border-top: 1px dashed #d9d9d9;
  content: '';
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
}
.dashed .item .listing .collapse {
  border-top: 1px dashed #d9d9d9;
}
.dashed .item .listing .collapse.no-border {
  border: none;
}
.col-narrow .collapsing {
  margin-bottom: -1px;
}
.col-narrow .collapsing .is-folder.collapse-toggle {
  border-bottom: 0 !important;
}
.col-narrow .collapse {
  margin-bottom: -1px;
}
.col-narrow .collapse .is-folder.collapse-toggle {
  border-bottom: 0 !important;
}
.panel-heading:not(.sort-handle) a {
  display: block;
  color: inherit;
  font-weight: 600;
  position: relative;
  padding: 10px 0 10px 33px;
}
.panel-heading:not(.sort-handle) a:focus {
  text-decoration: none;
}
.panel-heading:not(.sort-handle) a:hover {
  text-decoration: none;
}
.panel-heading:not(.sort-handle) a i {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 24px;
  color: var(--customBackgroundColor);
}
.panel-heading:not(.sort-handle) a i.ico-minus-circle,
.panel-heading:not(.sort-handle) a i.ico-plus-circle {
  top: -2px !important;
}
.new-message {
  background: #f3fcff;
}
.new-message .date {
  font-weight: bold;
  color: #000000;
}
.new-message .item-name {
  font-weight: bold;
  color: #000000;
}
.new-message .sub-title {
  font-weight: bold;
  color: #000000;
}
.has-expand-members .expand-members {
  margin: 3px 0 4px;
  padding-left: 20px;
  display: inline-block;
}
.has-expand-members .expand-members.is-hidden {
  display: none;
}
i.has-tooltip {
  margin-left: 5px;
}
.tooltip.in {
  opacity: 1;
  filter: alpha(opacity=100);
  z-index: 9999;
}
.tooltip-inner {
  background: #ffffff;
  color: inherit;
  border: 1px solid #d9d9d9;
  text-align: left;
  box-shadow: 2px 2px 7px 0 rgba(0, 0, 0, 0.2);
  padding: 10px 15px;
  border-radius: 0;
}
.tooltip.top .tooltip-arrow {
  border-top-color: #d9d9d9;
}
.tooltip.right .tooltip-arrow {
  border-right-color: #d9d9d9;
}
.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #d9d9d9;
}
.tooltip.left .tooltip-arrow {
  border-left-color: #d9d9d9;
}
.form-group .has-tooltip:not(.inline) {
  position: absolute;
  right: -19px;
  top: 50%;
  margin-top: -7px;
}
.profile-img {
  display: inline-block;
  vertical-align: middle;
  width: 60px;
  height: 60px;
  background-position: center;
  background-size: cover;
  border-radius: 100%;
  border: 2px solid #ffffff;
  background-repeat: no-repeat;
}
.profile-img i[class^="ico-"] {
  font-size: 31px;
  padding: 12px;
}
.profile-img.xsmall {
  width: 24px;
  height: 24px;
  border: 0;
}
.profile-img.smaller {
  width: 28px;
  height: 28px;
  margin-right: 0;
}
.profile-img.small {
  width: 40px;
  height: 40px;
}
.profile-img.big {
  width: 80px;
  height: 80px;
  border-width: 5px;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3);
}
.profile-img.big.logo {
  box-shadow: none;
  background-position: center;
}
.profile-img.xbig {
  width: 160px;
  height: 160px;
  border: 0;
}
.profile-img.logo {
  border-radius: 0;
  border: 0;
  background-size: contain;
  background-position: top center;
}
.result-table .profile-img.small {
  float: left;
}
.result-table .profile-img.small + .text {
  width: 90px;
  float: left;
}
.text-no-uppercase {
  text-transform: none !important;
}
.progress-bar {
  width: 100%;
  height: 20px;
  border-radius: 20px;
  overflow: hidden;
}
.progress-bar .bar {
  width: 0;
  height: 20px;
  border-radius: 20px;
  background: var(--customBackgroundColor);
}
.profile-info {
  margin-bottom: 30px;
}
.profile-info h4 {
  margin-bottom: 5px;
}
.profile-info .descr {
  margin-bottom: 0;
}
.controls:after {
  content: '';
  display: table;
  clear: both;
}
.clearfix:after {
  content: '';
  display: table;
  clear: both;
}
.inline-block {
  display: inline-block;
  vertical-align: middle;
}
.inline-block + .inline-block {
  margin-left: 15px;
}
.valign {
  display: table;
  height: 100%;
  width: 100%;
  table-layout: fixed;
}
.valign > .align {
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.cms .big {
  font-size: 18px;
  font-weight: 600;
}
img {
  max-width: 100%;
}
.btn-group:before {
  content: " ";
  display: table;
}
.btn-group:after {
  content: " ";
  display: table;
  clear: both;
}
.item:before {
  content: " ";
  display: table;
}
.item:after {
  content: " ";
  display: table;
  clear: both;
}
.item > a:before {
  content: " ";
  display: table;
}
.item > a:after {
  content: " ";
  display: table;
  clear: both;
}
.cursor-pointer {
  cursor: pointer;
}
#version-number {
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 3px;
  background: #ffffff;
  z-index: 999;
  border: #5a5a5a solid;
  border-width: 1px 0 0 1px;
}
#version-number small {
  display: block;
  margin: 0 5px;
  color: #5a5a5a;
}
.notification {
  width: 364px;
}
.notification .lightbox-header {
  flex: 0 0 auto;
  height: 58px;
  padding-right: 58px;
}
.notification .lightbox-header .title {
  font-size: 16px;
  color: #0080a6;
  padding: 20px;
  overflow: hidden;
}
.notification .lightbox-header .close-lightbox {
  border-left: none;
  color: #5a5a5a;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  padding: 0 20px;
  font-size: 18px;
  line-height: 55px;
  border-left: 1px solid #d9d9d9;
}
.notification .lightbox-header .close-lightbox:hover {
  color: var(--customBackgroundColor);
}
.notification .lightbox-content {
  min-height: 150px;
  padding: 20px;
}
.notification .lightbox-controls {
  padding: 10px 20px;
}
.notification .lightbox-controls .btn {
  font-size: 14px;
}
.patient-profile {
  width: 100%;
  font-size: 0;
  position: relative;
}
.patient-profile h5 {
  margin-bottom: 20px;
}
.patient-profile:before {
  content: ' ';
  border-left: 1px solid #d9d9d9;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  display: none;
}
.patient-profile p {
  font-size: 13px;
}
.patient-profile dt {
  font-size: 13px;
}
.patient-profile dd {
  font-size: 13px;
}
.patient-profile .listing-title {
  margin: 10px 10px 20px;
  padding: 10px 0;
  text-transform: none;
  font-size: 18px;
  font-weight: normal;
}
.personal-data {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.health-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 40px 0 60px;
}
.health-info .general-data .save-data {
  float: right;
  padding: 6px 12px;
  font-size: 14px;
}
.health-info .save-data {
  font-size: 15px;
  padding: 20px;
}
.person {
  padding: 0 10px 20px;
  text-align: center;
}
.person img {
  max-width: 170px;
  margin: 0 auto 22px;
}
.profile-picture {
  margin: 0 0 10px;
}
.person-info h4 {
  margin-bottom: 4px;
  font-size: 20px;
  font-weight: normal;
}
.person-info em {
  font-style: italic;
}
.person-info .phone {
  margin-top: 2px;
}
.person-info .phone i {
  color: var(--customBackgroundColor);
  font-size: 16px;
  padding: 3px 6px 3px 0;
}
.person-info .email i {
  color: var(--customBackgroundColor);
  font-size: 16px;
  padding: 3px 7px 3px 0;
}
.person-info a {
  color: var(--customBackgroundColor);
}
.person-info p {
  margin: 0;
}
.person-info .more-info {
  padding-top: 10px;
}
.general-data {
  margin: 0 auto 10px;
  padding: 0 10px 20px;
  width: 80%;
}
.general-data .show-on-hover {
  position: absolute;
  display: none;
}
.general-data dt {
  border-bottom: 1px solid #d9d9d9;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  padding: 7px 0;
  font-size: 14px;
  font-weight: normal;
  color: #808080;
}
.general-data dt br {
  display: none;
}
.general-data dd {
  border-bottom: 1px solid #d9d9d9;
  width: 50%;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  padding: 7px 0;
  font-weight: bold;
}
.general-data select {
  height: auto;
  min-height: 22px;
  padding: 0 10px;
  margin-top: -4px;
}
.general-data input {
  height: auto;
  min-height: 22px;
  padding: 0 10px;
  margin-top: -4px;
}
.general-data:hover .show-on-hover {
  display: initial;
  font-size: 15px;
  margin-left: 25px;
}
.gauge-chart {
  padding: 0 10px;
  text-align: center;
  position: relative;
}
.gauge-chart .chart-empty {
  fill: #eeeeee;
}
.gauge-chart text {
  font: 11px Arial;
  font-weight: 300;
  color: #676767;
  fill: #676767;
  stroke-width: 0;
  cursor: default;
}
.gauge-chart p {
  margin-bottom: 0;
  font-size: 13px;
  color: #5a5a5a;
  font-weight: normal;
  letter-spacing: inherit;
}
.gauge-chart p small {
  display: block;
  margin: 40px 0 0;
  color: #a6a6a6;
}
.gauge-chart h3 {
  margin-top: -2.5em;
}
.gauge-canvas svg {
  display: block;
  width: 220px;
  margin: 0 auto;
}
.scroll-mobile {
  overflow-y: auto;
}
.mobile-ico-adjust {
  margin-left: -10px;
}
#create-group .search-bar {
  position: relative;
  float: right;
  margin: 0.25em 0;
}
#create-group .search-bar a {
  top: 5px;
  right: 5px;
}
th.sort:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--customBackgroundColor);
  margin: 3px 0 0 8px;
  cursor: pointer;
}
.upcoming-surveys.survey-list .table tr th:nth-child(3) {
  text-align: center;
}
.upcoming-surveys.survey-list .table tr td:nth-child(3) {
  text-align: center;
}
@media (min-width: 480px) {
  .personal-data {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
  .health-info {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    padding-top: 0;
  }
  .patient-profile:before {
    display: block;
  }
}
@media (min-width: 768px) {
  .patient-profile .listing-title {
    margin: 10px 0 20px;
    padding: 10px 20px;
  }
  .person {
    padding: 0 20px 20px;
  }
  .general-data {
    padding: 0 20px 20px;
  }
  .mobile-ico-adjust {
    margin-left: 0;
  }
}
@media (min-width: 1024px) {
  .person figure,
  .person .person-info {
    text-align: center;
    vertical-align: top;
  }
}
@media (min-width: 1340px) {
  .health-info .general-data,
  .health-info .gauge-chart {
    width: 50%;
    display: inline-block;
    vertical-align: top;
  }
}
@media (min-width: 992px) {
  .scroll-mobile {
    overflow-y: hidden;
  }
}
@media (max-width: 720px) {
  .listing-title.upcoming-list {
    margin: 30px 10px 20px;
  }
  .upcoming-surveys {
    padding: 0 10px !important;
  }
  .upcoming-surveys .scrolling {
    height: auto !important;
    min-height: 200px;
  }
  .upcoming-surveys.survey-list .table tr th:first-of-type {
    display: none;
  }
  .upcoming-surveys.survey-list .table tr th:nth-child(3) {
    display: none;
  }
  .upcoming-surveys.survey-list .table tr td:first-of-type {
    display: none;
  }
  .upcoming-surveys.survey-list .table tr td:nth-child(3) {
    display: none;
  }
  .person-info {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}
#loading-fs {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
#loading-fs.forError {
  margin-top: 42px;
}
.loading-dots {
  position: relative;
  top: 100px;
  left: 48%;
  text-align: left !important;
}
.dot-pulse {
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--customBackgroundColor);
  color: var(--customBackgroundColor);
  box-shadow: 9999px 0 0 -5px var(--customBackgroundColor);
  animation: dotPulse 1.65s infinite linear;
  animation-delay: .25s;
}
.dot-pulse::before,
.dot-pulse::after {
  content: '';
  display: inline-block;
  position: absolute;
  top: 0;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: var(--customBackgroundColor);
  color: var(--customBackgroundColor);
}
.dot-pulse::before {
  box-shadow: 9984px 0 0 -5px var(--customBackgroundColor);
  animation: dotPulseBefore 1.65s infinite linear;
  animation-delay: 0s;
}
.dot-pulse::after {
  box-shadow: 10014px 0 0 -5px var(--customBackgroundColor);
  animation: dotPulseAfter 1.65s infinite linear;
  animation-delay: .5s;
}
.dot-pulse.maroon {
  background-color: #d4145a;
  color: #d4145a;
  box-shadow: 9999px 0 0 -5px #d4145a;
  animation: dotPulseMaroon 1.65s infinite linear;
  animation-delay: .25s;
}
.dot-pulse.maroon::before,
.dot-pulse.maroon::after {
  background-color: #d4145a;
  color: #d4145a;
}
.dot-pulse.maroon::before {
  box-shadow: 9984px 0 0 -5px #d4145a;
  animation: dotPulseBeforeMaroon 1.65s infinite linear;
  animation-delay: 0s;
}
.dot-pulse.maroon::after {
  box-shadow: 10014px 0 0 -5px #d4145a;
  animation: dotPulseAfterMaroon 1.65s infinite linear;
  animation-delay: .5s;
}
.dot-pulse.green {
  background-color: #5cb85c;
  color: #5cb85c;
  box-shadow: 9999px 0 0 -5px #5cb85c;
  animation: dotPulseGreen 1.65s infinite linear;
  animation-delay: .25s;
}
.dot-pulse.green::before,
.dot-pulse.green::after {
  background-color: #5cb85c;
  color: #5cb85c;
}
.dot-pulse.green::before {
  box-shadow: 9984px 0 0 -5px #5cb85c;
  animation: dotPulseBeforeGreen 1.65s infinite linear;
  animation-delay: 0s;
}
.dot-pulse.green::after {
  box-shadow: 10014px 0 0 -5px #5cb85c;
  animation: dotPulseAfterGreen 1.65s infinite linear;
  animation-delay: .5s;
}
.dot-pulse.orange {
  background-color: #f69300;
  color: #f69300;
  box-shadow: 9999px 0 0 -5px #f69300;
  animation: dotPulseOrange 1.65s infinite linear;
  animation-delay: .25s;
}
.dot-pulse.orange::before,
.dot-pulse.orange::after {
  background-color: #f69300;
  color: #f69300;
}
.dot-pulse.orange::before {
  box-shadow: 9984px 0 0 -5px #f69300;
  animation: dotPulseBeforeOrange 1.65s infinite linear;
  animation-delay: 0s;
}
.dot-pulse.orange::after {
  box-shadow: 10014px 0 0 -5px #f69300;
  animation: dotPulseAfterOrange 1.65s infinite linear;
  animation-delay: .5s;
}
@keyframes dotPulseBefore {
  0% {
    box-shadow: 9984px 0 0 -5px var(--customBackgroundColor);
  }
  30% {
    box-shadow: 9984px 0 0 2px var(--customBackgroundColor);
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px var(--customBackgroundColor);
  }
}
@keyframes dotPulse {
  0% {
    box-shadow: 9999px 0 0 -5px var(--customBackgroundColor);
  }
  30% {
    box-shadow: 9999px 0 0 2px var(--customBackgroundColor);
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px var(--customBackgroundColor);
  }
}
@keyframes dotPulseAfter {
  0% {
    box-shadow: 10014px 0 0 -5px var(--customBackgroundColor);
  }
  30% {
    box-shadow: 10014px 0 0 2px var(--customBackgroundColor);
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px var(--customBackgroundColor);
  }
}
@keyframes dotPulseBeforeMaroon {
  0% {
    box-shadow: 9984px 0 0 -5px #d4145a;
  }
  30% {
    box-shadow: 9984px 0 0 2px #d4145a;
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px #d4145a;
  }
}
@keyframes dotPulseMaroon {
  0% {
    box-shadow: 9999px 0 0 -5px #d4145a;
  }
  30% {
    box-shadow: 9999px 0 0 2px #d4145a;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #d4145a;
  }
}
@keyframes dotPulseAfterMaroon {
  0% {
    box-shadow: 10014px 0 0 -5px #d4145a;
  }
  30% {
    box-shadow: 10014px 0 0 2px #d4145a;
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px #d4145a;
  }
}
@keyframes dotPulseBeforeGreen {
  0% {
    box-shadow: 9984px 0 0 -5px #5cb85c;
  }
  30% {
    box-shadow: 9984px 0 0 2px #5cb85c;
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px #5cb85c;
  }
}
@keyframes dotPulseGreen {
  0% {
    box-shadow: 9999px 0 0 -5px #5cb85c;
  }
  30% {
    box-shadow: 9999px 0 0 2px #5cb85c;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #5cb85c;
  }
}
@keyframes dotPulseAfterGreen {
  0% {
    box-shadow: 10014px 0 0 -5px #5cb85c;
  }
  30% {
    box-shadow: 10014px 0 0 2px #5cb85c;
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px #5cb85c;
  }
}
@keyframes dotPulseBeforeOrange {
  0% {
    box-shadow: 9984px 0 0 -5px #f69300;
  }
  30% {
    box-shadow: 9984px 0 0 2px #f69300;
  }
  60%,
  100% {
    box-shadow: 9984px 0 0 -5px #f69300;
  }
}
@keyframes dotPulseOrange {
  0% {
    box-shadow: 9999px 0 0 -5px #f69300;
  }
  30% {
    box-shadow: 9999px 0 0 2px #f69300;
  }
  60%,
  100% {
    box-shadow: 9999px 0 0 -5px #f69300;
  }
}
@keyframes dotPulseAfterOrange {
  0% {
    box-shadow: 10014px 0 0 -5px #f69300;
  }
  30% {
    box-shadow: 10014px 0 0 2px #f69300;
  }
  60%,
  100% {
    box-shadow: 10014px 0 0 -5px #f69300;
  }
}
.content-update-banner {
  width: 100%;
  padding: .75em;
}
.content-update-banner > div {
  height: 2.75em;
  padding: .5em;
  line-height: 1.75em;
  background-color: var(--customLightBackgroundColor);
  background-color: rgba(0, 192, 243, 0.2);
  border-radius: 5px;
}
.content-update-banner div > * {
  display: inline-block;
}
.content-update-banner i {
  margin: -0.25em 0.2em 0;
  color: var(--customBackgroundColor);
  font-size: 18px;
}
.content-update-banner h5 {
  color: var(--customBackgroundColor);
  font-size: 14px;
}
.drop-for-banner {
  top: 174px !important;
}
.download-latest-browser {
  position: relative;
  width: 100%;
  height: 87px;
  line-height: 21px;
  padding: 8px 12px 10px;
  background-color: #ffe7c3;
  border-bottom: 1px solid #d9d9d9;
}
.download-latest-browser > i {
  color: #f69300;
  font-size: 20px;
}
.download-latest-browser > strong {
  color: #f69300;
  margin: 0 5px 0 10px;
  text-transform: uppercase;
}
.download-latest-browser > p {
  margin-top: 3px;
  color: #4d4d4d;
}
.download-latest-browser .close-browser-banner {
  position: absolute;
  top: 8px;
  right: 12px;
  line-height: 16px;
  font-size: 20px;
  float: right;
}
@media (min-width: 495px) {
  .download-latest-browser > p {
    font-size: 14px;
  }
}
@media (min-width: 735px) {
  .drop-for-banner {
    top: 130px !important;
  }
  .download-latest-browser {
    height: 65px;
  }
}
@media (min-width: 905px) {
  .drop-for-banner {
    top: 87px !important;
  }
  .download-latest-browser {
    padding: 11px 12px;
    height: 45px;
  }
  .download-latest-browser > strong {
    font-size: 14px;
  }
  .download-latest-browser > p {
    margin-top: 0;
  }
  .download-latest-browser > *:not(.close-browser-banner) {
    float: left;
  }
  .download-latest-browser .close-browser-banner {
    position: relative;
    top: auto;
    right: auto;
  }
}
.filter-options h5 {
  padding: 0 10px 20px;
}
.hyphenate {
  -ms-word-break: break-word;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}
.truncate {
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.one-line {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.two-lines {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Modules */
html {
  height: 100%;
  min-height: 100%;
  max-height: 100vh;
  position: relative;
  width: 100%;
}
body {
  height: 100%;
  min-height: 100%;
  max-height: 100vh;
  position: relative;
  width: 100%;
}
body.dragging {
  overflow: hidden;
  max-width: 100%;
}
.main {
  position: absolute;
  top: 42px;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}
.main > .main-column {
  width: 50%;
  height: 100%;
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.main:not(.animating) .main-column.full-width .has-double {
  max-width: calc((100% - 64px) / 2);
}
.main:not(.animating) .main-column.full-width.single-view .content-wrap {
  max-width: inherit;
  width: 100%;
}
.main:not(.animating) .main-column.full-width.single-view .content-wrap .inner-column {
  overflow-y: auto;
  height: 100%;
}
.main .left-column {
  padding-right: 15px;
}
.main .right-column {
  padding-left: 15px;
  margin-left: auto;
}
.main .right-column:after {
  content: '';
  width: 30px;
  background: #f3f3f3;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -15px;
  border-left: 1px solid #d9d9d9;
  border-right: 1px solid #d9d9d9;
  border-top: 1px solid #d9d9d9;
}
.main .right-column.full-width:after {
  display: none;
}
.main .right-column.full-width .column-content .content-wrap .column-content > .col-wide {
  overflow: hidden;
}
.main .right-column.closed:after {
  display: none;
}
.main .no-right-content {
  padding-right: 0;
}
.main .no-content {
  display: none;
  background-color: #f3f3f3;
}
.main .no-content:before {
  border-right: none;
}
.lightbox-content .main {
  position: static;
  height: 450px;
}
.lightbox-content .inner-column.col-narrow {
  max-width: 200px;
}
.main.single-column-layout > .main-column {
  width: 100%;
}
.main.single-column-layout .inner-column.col-wide.wider {
  width: 1180px;
  max-width: 1180px;
  min-width: 1180px;
  margin: 0 auto;
}
.main-column > .content-wrap {
  height: 100%;
  max-width: 100%;
  background: #ffffff;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 0;
}
.main-column > [data-load-level="2"].display-level {
  right: 0 !important;
  -moz-transition: 0.5s right ease-out;
  -webkit-transition: 0.5s right ease-out;
  transition: 0.5s right ease-out;
  transform: translateZ(0);
}
.main-column > [data-load-level="3"].display-level {
  right: 0 !important;
  -moz-transition: 0.5s right ease-out;
  -webkit-transition: 0.5s right ease-out;
  transition: 0.5s right ease-out;
  transform: translateZ(0);
}
.main-column:not(.full-width) .has-double > .double {
  display: none;
}
.main-column:not(.full-width) .has-double.content-wrap.double {
  display: none;
}
.main-column:not(.full-width) .single-mode .inner-column .col-narrow,
.main-column:not(.full-width) .single-mode .inner-column:not(.col-visible) {
  display: none;
}
.main-column:not(.full-width) .single-mode .inner-column.col-visible {
  width: 100%;
  max-width: 100%;
  border-left: 0;
}
.main-column .column-content {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 1px;
  max-width: 100%;
}
.two-column-layout .main-column > .content-wrap {
  max-width: calc(100% - 64px);
  max-width: 100%;
}
.animating .main-column {
  padding: 0 !important;
}
.animating .main-column > .content-wrap {
  overflow: hidden;
  position: relative;
}
.animating .main-column .content-wrap.double + .content-wrap {
  position: absolute;
  right: 64px;
  z-index: 1;
}
.animating .main-column .column-content {
  max-width: none;
}
.animating .main-column .single-mode .inner-column:not(.col-visible) {
  display: none;
}
.animating .main-column .single-mode .inner-column.col-visible {
  width: 100%;
  max-width: 100%;
  border-left: 0;
}
.animating .main-column.right-column:not(.full-width) .content-wrap:not(.double) {
  position: absolute;
  right: 64px;
  z-index: 1;
}
.animating .main.two-column-layout .main-column.right-column:not(.full-width) .vertical-nav {
  position: absolute;
  right: 0;
}
.one-column.main:not(.animating) .main-column.full-width.single-view .content-wrap:not(.has-double):not(.patient-wrap) {
  max-width: calc(100% - 64px);
}
.one-column.main:not(.single-column-layout) .mobile-way .main-column:not(.full-width) .vertical-nav .item.active a {
  color: #ffffff;
}
.one-column.main:not(.single-column-layout) .mobile-way .main-column:not(.full-width) .vertical-nav .item.active a:hover {
  background: none;
}
.one-column.main.two-column-layout .main-column:not(.full-width) {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.one-column .main-column {
  padding: 0;
}
.one-column .main-column:before {
  display: none !important;
}
.one-column .main-column.full-width .has-double.content-wrap:not(.double) .column-collapse {
  display: none;
}
.single-view [data-load-level] {
  -moz-transition: 0.5s right ease-in;
  -webkit-transition: 0.5s right ease-in;
  transition: 0.5s right ease-in;
  background: #ffffff;
  transform: translateZ(0);
  overflow: hidden;
  height: 100%;
}
.single-view .content-wrap.has-double[data-load-level] {
  position: absolute;
  right: -100vw;
  top: 0;
  height: 100vh;
}
.single-view .inner-column[data-load-level] {
  position: absolute;
  right: -100vw;
  top: 0;
  height: 100vh;
  z-index: 1;
}
.single-view .inner-column.show-load-level[data-load-level] {
  position: static;
}
.single-view .inner-column[data-load-level="2"] {
  z-index: 5;
}
.single-view .inner-column[data-load-level="3"] {
  z-index: 10;
}
.single-view [data-load-level="2"] {
  z-index: 5;
}
.single-view [data-load-level="3"] {
  z-index: 10;
}
.single-view .has-cols-2[data-load-level="1"].display-level {
  overflow: hidden !important;
}
.single-view .has-cols-3[data-load-level="1"].display-level {
  overflow: hidden !important;
}
.single-view .content-wrap.has-double[data-load-level].display-level {
  right: 0 !important;
  -moz-transition: 0.5s right ease-out;
  -webkit-transition: 0.5s right ease-out;
  transition: 0.5s right ease-out;
  transform: translateZ(0);
}
.single-view .inner-column.display-level {
  right: 0 !important;
  -moz-transition: 0.5s right ease-out;
  -webkit-transition: 0.5s right ease-out;
  transition: 0.5s right ease-out;
  transform: translateZ(0);
}
.single-view .content-wrap.has-double[data-load-level="2"] {
  position: absolute !important;
  width: 100%;
  right: -100vw;
}
.single-view .content-wrap[data-load-level="2"] .scrolling {
  overflow-y: auto;
  height: 100vh;
}
.single-view .content-wrap[data-load-level="3"] .scrolling {
  overflow-y: auto;
  height: 100vh;
}
.single-view .mobile-way [data-responsive-step].display-level {
  right: 0;
  z-index: 2;
  height: 100vh;
}
.faq-page {
  background: #f3f3f3;
}
@media only screen and (min-width: 768px) {
  .faq-page .single-view [data-load-level] {
    background: none !important;
  }
}
.faq-page .main-column > .content-wrap {
  background: #f3f3f3;
}
.main-column.single-view > [data-load-level="2"] {
  position: absolute;
  right: -100vw;
  top: 0;
  height: 100vh;
}
.main-column.single-view > [data-load-level="3"] {
  position: absolute;
  right: -100vw;
  top: 0;
  height: 100vh;
}
.show-load-level {
  position: static;
}
.has-cols-2 .inner-column.col-narrow.wider {
  max-width: inherit;
}
.account-settings .bar-title .title.divider {
  display: none;
}
.inner-column.folder-view {
  top: 189px;
}
.main-column.left-column.closed {
  display: none;
}
.go-level-back {
  border-bottom: 1px solid #d9d9d9;
  background: #ffffff;
  min-height: 45px;
  position: relative;
}
.go-level-back a {
  min-height: 34px;
  padding: 13px 40px 14px 44px;
  color: #5a5a5a;
  font-size: 20px;
  line-height: 18px;
  display: block;
}
.go-level-back a:hover {
  text-decoration: none;
}
.go-level-back a:focus {
  text-decoration: none;
}
.go-level-back .arrow {
  content: ' ';
  position: absolute;
  border-top: 2px solid var(--customBackgroundColor);
  width: 15px;
  z-index: 2;
  top: 22px;
  left: 15px;
}
.go-level-back .arrow:before {
  content: ' ';
  position: absolute;
  top: -6px;
  border-top: 2px solid var(--customBackgroundColor);
  display: inline-block;
  width: 10px;
  height: 10px;
  border-left: 2px solid var(--customBackgroundColor);
  left: 0;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.go-level-back.no-arrow a {
  padding: 13px 10px 14px;
  cursor: text;
}
.go-level-back.no-arrow .arrow {
  display: none;
}
.faq-page .go-level-back {
  border-bottom: 0 !important;
}
.has-cols-3 .inner-column .column-content .inner-column.col-narrow {
  width: 100%;
  max-width: inherit;
}
.has-cols-3 .inner-column .column-content .inner-column.col-wide {
  position: absolute;
  right: -100vw;
}
.main-column.closed {
  width: 64px;
}
.main-column.closed > .content-wrap {
  display: none;
}
.main-column.left-column > .content-wrap.double {
  border-left: 1px solid #d9d9d9;
  max-width: calc(50% - 27px);
}
.main-column.right-column > .content-wrap.double {
  border-right: 1px solid #d9d9d9;
  max-width: calc(50% - 27px);
}
.no-results {
  border: 20px solid #ffffff;
  width: 100%;
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  background: #e6e6e6;
  display: table;
}
.no-results .adapt {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  vertical-align: middle;
}
.no-results p {
  top: 50%;
  margin-top: -20px;
  position: absolute;
  color: #a6a6a6;
  width: 100%;
  padding: 10px;
}
.single-mode .content-wrap {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 1px;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.inner-column {
  width: 100%;
}
.inner-column.col-narrow.dark {
  background: #5a5a5a;
  color: #ffffff;
}
.inner-column.col-narrow.wider {
  max-width: 350px;
}
.inner-column.col-narrow.narrower {
  max-width: 200px;
  min-width: 150px;
}
@media only screen and (min-width: 1400px) {
  .inner-column.col-narrow.narrower {
    max-width: 250px;
    min-width: 180px;
  }
}
.inner-column.col-wide {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
#share-content,
#fullscreen-form,
#new-document {
  background: #ffffff;
  position: absolute;
  top: 0;
  -moz-transition: 0.5s right ease-out;
  -webkit-transition: 0.5s right ease-out;
  transition: 0.5s right ease-out;
  transform: translateZ(0);
}
#new-document {
  position: static;
}
@media (min-width: 1024px) {
  #fullscreen-form,
  #share-content,
  #new-document {
    right: -100vw;
  }
}
#share-content.mobile-way {
  right: 0;
  z-index: 2;
  -moz-transition: 0.5s right ease-in;
  -webkit-transition: 0.5s right ease-in;
  transition: 0.5s right ease-in;
  transform: translateZ(0);
}
#new-document.mobile-way {
  right: 0;
  z-index: 2;
  -moz-transition: 0.5s right ease-in;
  -webkit-transition: 0.5s right ease-in;
  transition: 0.5s right ease-in;
  transform: translateZ(0);
}
#fullscreen-form.mobile-way {
  right: 0;
  z-index: 2;
  -moz-transition: 0.5s right ease-in;
  -webkit-transition: 0.5s right ease-in;
  transition: 0.5s right ease-in;
  transform: translateZ(0);
}
.mobile-way .top-bar:not(.expendable) {
  display: none;
}
.mobile-way .main-column > .content-wrap {
  max-width: 100%;
  display: block;
}
.mobile-way .main-column .column-content {
  display: block;
}
.mobile-way .lightbox-content .inner-column.col-narrow {
  max-width: 100%;
}
.mobile-way .lightbox-content .main {
  height: auto;
  display: block;
}
.mobile-way .lightbox-content .main > .main-column {
  display: block;
}
.mobile-way .vertical-nav {
  background: #ffffff;
}
.mobile-way .vertical-nav .nav-bar {
  position: static;
  background: #ffffff;
}
.mobile-way .vertical-nav .nav-bar a {
  color: #000000;
}
.mobile-way .vertical-nav .item a:hover {
  color: #000000;
  background: none;
}
.mobile-way [data-responsive-step] {
  position: absolute;
  right: -100vh;
  top: 0;
  z-index: 1;
  -moz-transition: 0.5s right ease-in;
  -webkit-transition: 0.5s right ease-in;
  transition: 0.5s right ease-in;
  transform: translateZ(0);
}
.sticky-bottom {
  width: 100%;
  position: fixed;
  z-index: 3;
  left: 0;
  bottom: 0;
}
.padded-content {
  padding: 20px 25px;
}
section.block:not(:last-child) {
  margin-bottom: 30px;
}
.scrolling {
  overflow-y: auto;
  overflow-x: hidden;
  touch-action: pan-y;
}
.scrolling.h-scroll {
  overflow-x: auto;
}
.scroll-wrapper {
  height: 100%;
}
.scroll-wrapper .scrolling {
  height: 100%;
}
.wide-table {
  font-size: 0;
}
.wide-table .col-narrow {
  width: 250px;
  -webkit-box-flex: inherit;
  -webkit-flex-grow: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.wide-table .col-wide {
  width: calc(100% - 250px);
  -webkit-box-flex: inherit;
  -webkit-flex-grow: inherit;
  -ms-flex-positive: inherit;
  flex-grow: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
}
.wide-table .col-wide .scrolling > div {
  overflow-x: scroll;
  min-height: 100%;
  max-height: 100%;
}
.no-scroll {
  overflow: hidden;
}
.intro-demo {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1111;
  color: #ffffff;
}
.intro-demo .left {
  height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.intro-demo .right {
  height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.intro-demo .center {
  height: 100vh;
  position: absolute;
  top: 0;
  bottom: 0;
}
.intro-demo .faded {
  background: rgba(0, 0, 0, 0.85);
}
.intro-demo h4 {
  margin: 0 0 10px;
  color: var(--customBackgroundColor);
  font-size: 19px;
}
.intro-demo li {
  margin: 0 0 3px;
  font-size: 13px;
  opacity: 1;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
  -o-transition: all 0.4s ease-out;
  transition: all 0.4s ease-out;
  transform: translateZ(0);
}
.intro-demo .invisible {
  opacity: 0;
}
.intro-demo ul {
  margin-left: 20px;
  list-style-type: disc;
}
.slide-1 .left {
  width: calc(50% - 15px);
}
.slide-1 .right {
  width: calc(50% + 15px);
}
.slide-1 .content {
  position: absolute;
  top: 180px;
  left: 30px;
}
.slide-1 .arrow {
  position: absolute;
  top: -50px;
  left: -85px;
}
.slide-2 .left {
  width: calc(50% - 15px);
}
.slide-2 .right {
  width: calc(50% - 15px);
}
.slide-2 .content {
  position: absolute;
  top: 160px;
  right: 60px;
}
.slide-2 .arrow {
  position: absolute;
  top: -40px;
  right: -90px;
}
.slide-3 .center {
  width: 100%;
  text-align: center;
}
.slide-3 .arrow {
  margin: 250px 0 110px 40px;
}
.slide-3 .content {
  margin: 0 auto;
  width: 320px;
  text-align: left;
}
.slide-tool {
  margin-left: -59px;
  width: 118px;
  position: absolute;
  bottom: 100px;
  left: 50%;
  font-size: 25px;
  color: #ffffff;
}
.slide-tool .prev {
  margin: 0 3px -10px;
  display: inline-block;
  width: 24px;
  height: 40px;
  overflow: hidden;
  text-indent: -999em;
  position: relative;
}
.slide-tool .prev:before {
  content: '';
  position: absolute;
  width: 26px;
  height: 1px;
  background: var(--customBackgroundColor);
  display: block;
  top: 12px;
  right: 0;
  -webkit-transform: rotate(145deg);
  -moz-transform: rotate(145deg);
  -ms-transform: rotate(145deg);
  -o-transform: rotate(145deg);
  transform: rotate(145deg);
}
.slide-tool .prev:after {
  content: '';
  position: absolute;
  width: 26px;
  height: 1px;
  background: var(--customBackgroundColor);
  display: block;
  top: 28px;
  right: 0;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.slide-tool .next {
  margin: 0 3px -10px;
  display: inline-block;
  width: 24px;
  height: 40px;
  overflow: hidden;
  text-indent: -999em;
  position: relative;
}
.slide-tool .next:before {
  content: '';
  position: absolute;
  width: 26px;
  height: 1px;
  background: var(--customBackgroundColor);
  display: block;
  top: 11px;
  right: 0;
  -webkit-transform: rotate(40deg);
  -moz-transform: rotate(40deg);
  -ms-transform: rotate(40deg);
  -o-transform: rotate(40deg);
  transform: rotate(40deg);
}
.slide-tool .next:after {
  content: '';
  position: absolute;
  width: 26px;
  height: 1px;
  background: var(--customBackgroundColor);
  display: block;
  top: 28px;
  right: -1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.slide-tool .prev.disabled:after {
  background: #a6a6a6;
}
.slide-tool .prev.disabled:before {
  background: #a6a6a6;
}
.slide-tool .next.disabled:after {
  background: #a6a6a6;
}
.slide-tool .next.disabled:before {
  background: #a6a6a6;
}
.expired {
  height: 100%;
  background: url("../media/images/tmp/register-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  overflow: auto;
}
.expired .valign {
  background: rgba(0, 0, 0, 0.7);
  padding: 30px;
}
.expired .box {
  background: #f3f3f3;
  text-align: center;
  width: 500px;
  position: relative;
  max-width: 100%;
  padding: 50px;
  margin: 0 auto;
  z-index: 1;
  box-shadow: 0 0 15px 2px rgba(0, 0, 0, 0.6);
}
.expired .logo {
  margin-bottom: 30px;
  margin-top: -20px;
  max-width: 230px;
}
.expired h1 {
  margin: 20px 0 34px;
  color: #808080;
  font-size: 26px;
}
.expired p {
  margin: 0 0 40px;
  color: #808080;
  font-size: 13px;
  line-height: 22px;
}
.expired .btn-form {
  padding: 13px 49px;
  font-size: 13px;
  font-weight: normal;
  font-family: 'Lato', sans-serif;
}
.expired-overlay {
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.search-bar-wrap {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.search-bar {
  position: relative;
  margin: 0 auto;
  float: none;
}
.search-bar input {
  padding-right: 40px !important;
}
.standalone-search {
  padding: 4px;
  padding-right: 4px !important;
  background: #f3f3f3;
  border-bottom: 1px solid #d9d9d9;
}
.standalone-search .search-submit {
  top: 9px;
  right: 14px !important;
}
.faq-page .search-submit {
  right: 20px !important;
}
@media only screen and (min-width: 768px) {
  .search-bar-wrap {
    margin-bottom: 20px;
    padding: 18px 0;
  }
}
@media only screen and (min-width: 1024px) {
  .search-bar-wrap {
    padding: 30px 0;
    width: 100%;
    background: #808080;
  }
}
.faq-list-wrap {
  width: 100%;
  height: calc(100vh - 155px);
  text-align: center;
  overflow-y: auto;
  font-size: 0;
}
.faq-list {
  margin: 0 auto;
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
.faq-list li {
  margin: 0 10px 10px;
  border: 1px solid #e6e6e6;
  padding: 20px 10px;
  background: #ffffff;
  text-align: center;
}
.faq-list a {
  display: block;
}
.faq-list a:hover {
  text-decoration: none;
}
.faq-list i {
  padding: 10px 0;
  font-size: 28px;
  display: inline-block;
}
.faq-list .ico-search:before {
  font-size: 22px;
}
.faq-list h2 {
  margin: 0 0 15px;
  font-size: 16px;
  line-height: 20px;
}
.faq-list p {
  font-size: 13px;
  color: #808080;
}
.two-way .scrolling > .listing {
  border: 1px solid #e6e6e6;
}
.two-way .panel-group {
  border: 1px solid #e6e6e6;
  padding: 10px 20px 10px 10px;
  background: #ffffff;
}
.two-way .panel-group h1 {
  margin: 10px 0 20px;
  text-transform: uppercase;
  font-size: 18px;
}
.two-way .panel-group img {
  height: auto !important;
}
.two-way .inner-column .listing {
  background: #ffffff;
}
@media (min-width: 480px) {
  .faq-page .single-view [data-load-level] .inner-column {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: calc(100vh - 220px);
  }
  .faq-page .inner-column.col-narrow + .inner-column.col-wide {
    border: none;
  }
  .faq-page .search-bar {
    max-width: 430px;
  }
  [data-load-level] .panel-group {
    overflow-y: auto;
    height: 100%;
    min-height: 100%;
  }
  .single-view .inner-column.display-level {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .inner-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    max-width: 100%;
  }
  .inner-column.col-wide + .inner-column.col-narrow {
    border-left: 1px solid #d9d9d9;
  }
  .inner-column.col-narrow + .inner-column.col-wide {
    border-left: 1px solid #d9d9d9;
  }
  .faq-list {
    width: 460px;
  }
  .faq-list li {
    margin: 0 5px 10px;
    display: inline-block;
    vertical-align: top;
    max-width: 220px;
    min-height: 220px;
  }
  .faq-list a {
    width: 198px;
  }
}
@media (min-width: 768px) {
  .single-view [data-load-level="1"] {
    position: static !important;
  }
  .single-view [data-load-level="1"] .inner-column .inner-column.col-narrow {
    width: 100%;
    max-width: inherit;
  }
  .single-view [data-load-level="2"] .folders-header {
    display: none;
  }
  .single-view [data-load-level="2"] .folders-header.has-arrow {
    display: block;
  }
  .single-view [data-load-level="2"] .go-level-back {
    display: block !important;
  }
  .single-view [data-load-level="3"] .go-level-back {
    display: block !important;
  }
  .single-view .has-cols-2[data-load-level="1"] {
    overflow: hidden !important;
  }
  .single-view .has-cols-3[data-load-level="1"] {
    overflow: hidden !important;
  }
  .single-view .column-content .column-content .col-wide[data-load-level="1"] .col-narrow {
    width: 100%;
  }
  .one-column.main:not(.animating) .main-column.full-width.single-view .has-cols-2 .content-wrap:not(.has-double):not(.patient-wrap) {
    max-width: 100%;
    width: 100%;
  }
  .has-cols-2 .inner-column.col-narrow {
    width: 50%;
  }
  .has-cols-2 .inner-column.col-narrow.wider {
    width: 100%;
  }
  .inner-column.folder-view {
    top: 139px;
  }
  .main-column.left-column.closed {
    display: block;
  }
  .two-column-layout .main-column > .content-wrap {
    max-width: calc(100% - 64px);
  }
  .two-column-layout .go-level-back {
    display: inline-block;
  }
  .account-settings .bar-title .title.divider {
    display: inline-block;
  }
  .main:not(.animating) .main-column.full-width .has-double {
    max-width: calc((100% - 64px) / 2);
    position: static;
  }
  .main:not(.animating) .main-column.full-width:has(.expand-retract) .has-double:not(.double) {
    max-width: 42%;
  }
  .main:not(.animating) .main-column.full-width:has(.expand-retract) .has-double.double {
    max-width: calc(100% - (42% + 64px));
  }
  .main:not(.animating) .main-column.full-width.single-view .has-double {
    max-width: calc((100% - 64px) / 2);
    position: static;
  }
  .main:not(.animating) .main-column.full-width.single-view .has-double.display-level {
    max-width: calc(100% - 64px) !important;
    position: absolute !important;
    right: -100vw;
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double {
    max-width: calc(100% - 64px);
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double.double {
    position: absolute !important;
    right: -100vw;
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double[data-load-level="2"] {
    max-width: calc(100% - 305px);
  }
  .has-cols-3 {
    position: static !important;
  }
  .go-level-back {
    display: none;
  }
  .inner-column + .inner-column .go-level-back {
    display: none;
  }
  .inner-column.col-narrow {
    width: 40%;
    max-width: 250px;
    min-width: 180px;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
  }
  .faq-list {
    width: 690px;
  }
}
.faq-page .two-way .panel-collapse {
  padding-left: 33px;
}
@media (min-width: 992px) {
  .faq-page .single-view [data-load-level] .inner-column {
    height: calc(100vh - 284px);
  }
  .single-view .has-cols-3 [data-load-level="1"] .inner-column .inner-column.col-narrow {
    width: 40%;
    max-width: 250px;
  }
  .single-view .has-cols-3 [data-load-level="2"] {
    position: static !important;
  }
  .single-view .has-cols-3 .inner-column .column-content .inner-column.col-wide[data-load-level="2"] {
    position: static;
  }
  .single-view .has-cols-2 .inner-column[data-load-level="2"] {
    position: static;
  }
  .single-view .has-cols-2 .inner-column[data-load-level="2"] .go-level-back {
    display: none !important;
  }
  .single-view [data-load-level="2"] .folders-header.has-arrow {
    display: none;
  }
  .has-cols-2 .inner-column.col-narrow {
    width: 50%;
  }
  .has-cols-2 .inner-column.col-narrow.wider {
    max-width: 350px;
  }
  .has-cols-3 .inner-column .column-content .inner-column.col-narrow {
    max-width: 250px;
    width: 50%;
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double {
    width: calc(50% - 64px);
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double.double {
    position: static !important;
    width: 50%;
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double[data-load-level="2"] {
    position: static !important;
    width: 50%;
  }
  .main:not(.animating) .main-column.full-width.single-view .content-wrap.has-double[data-load-level="2"] .go-level-back {
    display: none !important;
  }
  .main .no-right-content {
    padding-right: 15px;
  }
  .main .no-content {
    display: flex;
    background-color: #f3f3f3;
  }
  .two-column-layout .go-level-back {
    display: none;
  }
  .two-column-layout .go-level-back + .top-bar {
    display: block;
  }
  .faq-list-wrap {
    height: calc(100vh - 242px);
  }
  .faq-list {
    padding-top: 20px;
    width: 960px;
  }
  .faq-list li {
    margin: 0 10px 20px;
  }
  .two-way {
    padding: 20px 20px 0;
  }
  .two-way .panel-collapse {
    padding-left: 33px;
  }
  .two-way .panel-group {
    padding: 20px 30px 20px 20px;
  }
  .two-way .column-content {
    margin: 0 0 0 20px;
  }
}
@media (min-width: 1200px) {
  .single-view [data-load-level="1"] .inner-column .inner-column.col-narrow {
    width: 40%;
    max-width: 250px;
  }
  .single-view [data-load-level="1"] .go-level-back {
    display: none !important;
  }
  .single-view [data-load-level="2"] {
    position: static !important;
  }
  .single-view [data-load-level="2"] .go-level-back {
    display: none !important;
  }
  .single-view .has-cols-3 .inner-column .column-content .inner-column.col-wide[data-load-level="2"] {
    max-width: 250px;
    width: 30%;
  }
  .single-view .has-cols-3 .inner-column .column-content .inner-column.col-wide[data-load-level="3"] {
    border-left: 1px solid #d9d9d9;
    width: 30%;
  }
  .single-view .has-cols-3 [data-load-level="3"] {
    overflow: hidden !important;
  }
  .single-view [data-load-level="3"] {
    position: static !important;
    width: 30%;
  }
  .single-view [data-load-level="3"] .go-level-back {
    display: none !important;
  }
  .has-cols-3 .inner-column .column-content .inner-column.col-narrow {
    width: 40%;
  }
}
@media (max-width: 767px) {
  .one-column.main:not(.animating) .main-column.full-width.single-view .content-wrap:not(.has-double):not(.patient-wrap) {
    max-width: none;
  }
}
@media (min-width: 480px) {
  #share-content .inner-column + .inner-column .go-level-back {
    display: block;
  }
  #new-document .inner-column + .inner-column .go-level-back {
    display: block;
  }
  #fullscreen-form .inner-column + .inner-column .go-level-back {
    display: block;
  }
  .mobile-way .main-column .col-narrow {
    border-right: 1px solid #d9d9d9;
    height: 100vh;
    float: left;
  }
  .mobile-way .main-column .col-wide {
    border-left: none;
  }
  .mobile-way [data-responsive-step] {
    width: 60%;
  }
  .two-way .inner-column + .inner-column {
    border: none;
    margin-left: -1px;
  }
}
@media screen and (min-width: 768px) {
  #share-content {
    position: static;
  }
  #share-content .inner-column + .inner-column .go-level-back {
    display: none;
  }
  #new-document {
    position: static;
  }
  #new-document .inner-column + .inner-column .go-level-back {
    display: none;
  }
  #fullscreen-form {
    position: static;
  }
  #fullscreen-form .inner-column + .inner-column .go-level-back {
    display: none;
  }
}
@media screen and (min-width: 1025px) {
  ::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  ::-webkit-scrollbar-track {
    background: #f3f3f3;
  }
  ::-webkit-scrollbar-thumb {
    background: #a6a6a6;
  }
}
.expanded-tab-view {
  padding-top: 20px;
}
.expanded-tab-view .stats-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.expanded-tab-view .table {
  margin-top: 20px;
}
.expanded-tab-view .table .documents a {
  font-size: 18px;
}
.expanded-tab-view thead tr {
  background-color: #f3f3f3;
}
.expanded-tab-view .document-info {
  padding-top: 0;
  padding-bottom: 14px;
}
.expanded-tab-view .search-bar {
  width: 300px;
  margin: 0;
  margin-right: 15px;
}
.expanded-tab-view .search-bar .search-submit {
  top: 5px;
  right: 8px;
}
.expanded-tab-view .space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.expanded-tab-view #toggle-chart-button {
  margin-top: 20px;
  text-align: center;
}
.expanded-tab-view.forms-tabs thead span {
  margin-top: 2px;
  margin-right: 4px;
  float: left;
}
.expanded-tab-view .item .dropdown.options {
  top: 2px;
}
.expanded-tab-view .item .dropdown.options .dropdown-toggle {
  padding: 0;
}
.expanded-tab-view .item .dropdown.options .dropdown-toggle::after {
  display: none;
}
.lightbox .vertical-nav .item a {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  column-gap: 6px;
  padding-left: 10px;
  padding-right: 10px;
}
.lightbox .vertical-nav .item a [class^="ico-"] {
  top: 0 !important;
}
.lightbox .vertical-nav .item a .text {
  text-align: left;
  font-size: 14px;
}
.main-column .column-content:has(.expand-retract) {
  position: relative;
}
.main-column .column-content:has(.expand-retract) .col-narrow {
  background-color: #ffffff;
  background-color: rgba(255, 255, 255, 0.75);
  backdrop-filter: blur(4px);
}
.main-column.left-column .col-narrow:has(.expand-retract) {
  left: 0;
  transform: translateX(-100%);
  border-right: 1px solid #d9d9d9;
}
.main-column.left-column .col-narrow:has(.expand-retract).expanded {
  box-shadow: 10px 0 20px -5px rgba(0, 0, 0, 0.1);
}
.main-column.left-column .col-narrow .expand-retract {
  right: -24px;
  border-left: 1px solid #d9d9d9;
  border-radius: 0 8px 8px 0;
  box-shadow: 2px 1px 3px 1px rgba(0, 0, 0, 0.2);
}
.main-column.right-column .col-narrow:has(.expand-retract) {
  right: 0;
  transform: translateX(100%);
  border-left: 1px solid #d9d9d9;
}
.main-column.right-column .col-narrow:has(.expand-retract).expanded {
  box-shadow: -10px 0 20px -5px rgba(0, 0, 0, 0.1);
}
.main-column.right-column .col-narrow .expand-retract {
  left: -24px;
  border-right: 1px solid #d9d9d9;
  border-radius: 8px 0 0 8px;
  box-shadow: -2px 1px 3px 1px rgba(0, 0, 0, 0.2);
}
.main-column .col-narrow:has(.expand-retract) {
  position: absolute;
  top: 0;
  transition: transform 0.35s ease-out;
  background-color: #ffffff;
  z-index: 10;
}
.main-column .col-narrow:has(.expand-retract).expanded {
  transform: translateX(0);
}
.main-column .col-narrow .expand-retract {
  position: absolute;
  top: 78px;
  width: 24px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: var(--customBackgroundColor);
  background-color: #e6e6e6;
  text-align: center;
  cursor: pointer;
}
.listing {
  padding: 0;
  margin: 0;
}
.listing .item {
  display: block;
  position: relative;
  border-bottom: 1px solid #d9d9d9;
  line-height: 1.42857143;
}
.listing .item .inner {
  padding: 5px 45px 5px 25px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  color: inherit;
}
.listing .item .is-folder.inner {
  padding: 10px 45px 10px 25px;
}
.listing .item.priority-item {
  border-left: 6px solid #d41414;
}
.listing .item.priority-item .ico-flag {
  position: relative;
  left: 2px;
  color: #d41414 !important;
}
.listing .item > a {
  text-decoration: none;
  display: block;
}
.listing .item > a > .item-info {
  width: 60px;
  float: left;
  text-align: center;
  padding: 10px;
}
.listing .item > a > .item-info i {
  font-size: 38px;
  color: var(--customBackgroundColor);
}
.listing .item > a > .item-info .ico-medindex {
  font-size: 30px;
}
.listing .item > a > .item-info .ico-pill {
  font-size: 30px;
}
.listing .item > a > .item-info .date {
  display: block;
  font-size: 11px;
  color: #808080;
  margin-top: 10px;
}
.listing .item > a > .inner .item-name {
  font-size: 13px;
  color: #4d4d4d;
  margin-bottom: 3px;
  line-height: 1.2;
}
.listing .item > a > .inner .small {
  font-size: 12px;
  color: #808080;
  margin-bottom: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 17px;
  white-space: nowrap;
}
.listing .item > .collapse-toggle + .controls,
.listing .item > .inner + .controls {
  position: absolute;
  top: 10px;
  right: 5px;
  display: none;
  padding: 0;
}
.listing .item > .inner + .controls > a {
  color: inherit;
}
.listing .item > .inner + .controls > * {
  margin: 0 2px;
}
.listing .item > .inner + .controls.floating {
  padding: 0 0 0 5px;
  top: 4px;
  right: 4px;
}
.listing .item > .inner + .controls.floating a {
  margin: 0;
  padding: 0 4px 2px;
}
.listing .item > .inner + .controls.floating a:hover {
  color: var(--customBackgroundColor);
  text-decoration: none;
}
.listing .item .listing .item > .collapse-toggle + .controls {
  right: 24px;
}
.listing .item .listing .item > .is-folder.inner + .controls {
  top: 9px;
}
.listing .item .listing .item.locked > .controls {
  top: 9px;
  right: 24px;
}
.listing .item > .inner.active + .controls.floating {
  background: none;
}
.listing .item:hover > .collapse-toggle + .controls {
  display: block;
}
.listing .item:hover > .inner + .controls {
  display: block;
}
.listing .item:hover > .inner.active + .controls i {
  color: #ffffff;
}
.listing .item .collapse-toggle + .controls > a {
  color: inherit;
}
.listing .item .item-info + .inner {
  padding-left: 0;
}
.listing .item:not(.ui-selected) .show-on-select {
  display: none;
}
.listing .item > .controls:not(.bottom-ctrl) {
  padding: 0 15px 0 60px;
}
.listing .item > .controls.bottom-ctrl {
  padding: 10px 15px 10px 60px;
  background: #ffffff;
}
.listing .item > .controls .dropdown.options .dropdown-toggle {
  padding: 8px 10px;
  height: 28px;
}
.listing .item > .controls .dropdown.options .dropdown-toggle:before {
  margin-top: -6px;
}
.listing .item > .controls .file-options {
  position: absolute;
  right: 15px;
  bottom: 15px;
  padding: 5px 0 0;
  margin-bottom: -5px;
}
.listing .item > .controls .file-options li {
  display: inline-block;
  vertical-align: top;
}
.listing .item > .controls .file-options i {
  color: var(--customBackgroundColor);
  font-size: 18px;
  margin-right: -4px;
}
.listing .item > .controls .file-options .ico-user {
  font-size: 14px;
}
.listing .locked a {
  position: relative;
}
.listing .locked .ico-private-icon {
  position: absolute;
  right: 22px;
  top: 6px;
  font-size: 16px;
  color: #a6a6a6;
}
.listing .inner .locked .ico-private-icon {
  top: 8px;
}
.listing .item-unread {
  background: var(--customLightBackgroundColor);
}
.listing .detail .item-info {
  width: 60px;
  float: left;
  text-align: center;
  padding: 10px;
}
.listing .detail .item-info i {
  font-size: 38px;
  color: var(--customBackgroundColor);
}
.listing .detail .item-info .date {
  display: block;
  font-size: 11px;
  color: #808080;
  margin-top: 10px;
}
.listing .detail .inner .item-name {
  font-size: 15px;
  color: #4d4d4d;
  margin-top: 8px;
  margin-bottom: 6px;
  line-height: 1.2;
}
.listing .detail .inner .item-name a {
  color: #4d4d4d;
}
.listing .detail .inner .item-name a:hover {
  text-decoration: underline;
}
.listing .detail .inner .small {
  font-size: 12px;
  color: #808080;
  margin-bottom: 0;
}
.listing .detail .inner .small a {
  color: #4d4d4d;
  color: var(--customBackgroundColor);
}
.listing .item.locked:not(.not-collapsable) .controls.floating {
  display: none !important;
}
.listing .item.locked.not-collapsable .ico-private-icon {
  right: 7px !important;
}
.listing .item.ui-selecting > .inner + .controls.floating {
  background: rgba(0, 192, 243, 0.6);
}
.listing .item.ui-selected > .inner + .controls.floating {
  background: rgba(0, 192, 243, 0.6);
}
.listing .item.ui-selected > .inner + .controls:not(.floating) {
  display: block;
}
.listing .item.active > .inner + .controls.floating {
  background: rgba(0, 192, 243, 0.6);
}
.listing .item.active > .inner + .controls:not(.floating) {
  display: block;
}
.listing .item.active > .inner + .controls > .more i {
  background: #ffffff;
  color: var(--customBackgroundColor);
}
.listing .item[data-draggable] .item-info + a:not(.collapse-toggle) {
  padding-left: 0;
}
.listing .item[data-draggable] .grab-handle + .inner {
  padding-left: 22px;
}
.listing .item[data-draggable] .grab-handle + a:not(.collapse-toggle) {
  padding-left: 22px;
}
.listing .item[data-draggable] .item-info.grab-handle + .inner {
  padding-left: 0;
}
.listing .item.ui-selected[data-draggable] {
  cursor: move;
}
.listing .item.ui-selected[data-draggable] .grab-handle ~ .inner:hover {
  cursor: default;
}
.listing .item.ui-selected[data-draggable] .grab-handle ~ .controls:hover {
  cursor: default;
}
.listing .person-info {
  padding: 12px 25px 15px;
  border-bottom: 1px solid #e6e6e6;
  background-color: rgba(243, 243, 243, 0.4);
}
.listing .person-info p {
  margin: 0;
}
.listing .person-info p:not(:last-of-type) {
  margin-bottom: 5px;
}
.col-narrow .listing .item > .inner {
  overflow: visible;
}
.col-narrow .listing .item > a > .inner,
.col-narrow .listing .item > span > .inner {
  overflow: visible;
}
.col-narrow .listing .item > a.active,
.col-narrow .listing .item > span.active {
  background-color: var(--customBackgroundColor);
  color: #ffffff;
  cursor: default;
}
.col-narrow .listing .item > a:not(.active):not(.is-arrow):hover,
.col-narrow .listing .item > span:not(.active):not(.is-arrow):hover {
  background-color: #f3f3f3;
}
.col-narrow .item.ui-selecting {
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.col-narrow .item.ui-selected {
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.col-narrow .no-active-state .item.ui-selected {
  background: none;
  color: #4d4d4d;
}
.col-narrow .no-active-state .item.ui-selected:hover {
  background: var(--customBackgroundColor);
}
.listing-files .item-link.active,
.listing-files .item-link:hover {
  background: #f3f3f3 !important;
}
.listing-files .item-link.active .item-name,
.listing-files .item-link:hover .item-name {
  color: var(--customBackgroundColor) !important;
}
.listing-files .item-link.active:hover {
  cursor: default !important;
}
.touch .listing .item > .inner + .controls {
  display: inline-block;
}
.listing.no-border > .item {
  border: 0;
}
.listing.dashed > .item {
  border-bottom: 1px dashed #d9d9d9;
}
.listing.navigation > .item {
  border: 0;
}
.listing.navigation > .item:not(.active):hover {
  background: #f3f3f3;
}
.listing.navigation > .item a {
  color: inherit;
  text-decoration: none;
}
.item .grab-handle {
  position: absolute;
  width: 30px;
  height: 100%;
  left: 0;
  top: 0;
  font-size: 15px;
  cursor: move;
  opacity: 0;
  filter: alpha(opacity=0);
  padding: 12px 5px;
}
.item .grab-handle:before {
  position: absolute;
  top: 50%;
  margin-top: -8px;
  margin-left: -1px;
}
.item .item-info.grab-handle {
  position: static;
  opacity: 1;
  filter: alpha(opacity=1);
  width: inherit;
  padding: inherit;
}
.item:hover > .grab-handle {
  opacity: 1;
  filter: alpha(opacity=100);
}
.item .doctor i {
  display: inline-block;
  width: 18px;
  height: 15px;
}
.item .patient i {
  display: inline-block;
  width: 18px;
  height: 15px;
}
#drag-helper {
  padding: 5px 10px;
  margin: 25px 0 0 20px;
  background: #ffffff;
  border: 2px solid #0080a6;
  font-size: 14px;
  z-index: 9999;
}
#drag-helper i {
  font-size: 24px;
  color: var(--customBackgroundColor);
  margin-right: 10px;
}
#drag-helper span {
  display: inline-block;
  vertical-align: middle;
}
.drop-highlight {
  box-shadow: inset 0 0 0 2px #0080a6;
}
.drop-active {
  box-shadow: inset 0 0 0 4px #0080a6;
  background: var(--customBackgroundColor);
  color: #ffffff;
}
.ui-selectee {
  cursor: default;
}
.ui-selectee .ico-actions {
  line-height: 26px;
}
.ui-selectee + .ui-selectee:not(.item) {
  margin-left: 4px;
}
.col-wide .item {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.col-wide .item .status-info.text-red {
  display: inline-block;
}
.col-wide .item.ui-selecting {
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.col-wide .item.ui-selected-duplicate {
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.col-wide .item.ui-selected {
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.ui-selected-duplicate {
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.listing-title {
  padding: 13px 10px;
  border-bottom: 1px solid #d9d9d9;
  line-height: 15px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.user-info-box {
  background: var(--customBackgroundColor);
  color: #ffffff;
  padding: 10px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  position: relative;
}
.user-info-box .profile-img {
  margin-right: 10px;
  float: left;
}
.user-info-box .inner {
  overflow: hidden;
}
.user-info-box .inner p {
  margin: 0;
}
.user-info-box .inner a.blue {
  color: #0080a6;
}
.user-info-box .inner .name {
  margin-bottom: 5px;
}
.user-info-box .controls {
  margin: 5px -15px;
}
.user-info-box .controls a {
  display: inline-block;
  margin: 0 15px;
  color: #ffffff;
  font-size: 26px;
}
.user-info-box .controls a .ico-mail {
  font-size: 24px;
}
.user-info-box .second-controls {
  clear: both;
  margin: 15px 0 0;
  border-top: 1px solid var(--customBackgroundColor);
  padding-top: 5px;
}
.user-info-box .second-controls li {
  display: inline-block;
  margin-right: 14px;
}
.user-info-box .second-controls li p {
  display: inline-block;
  margin: 0;
}
.user-info-box .second-controls a,
.user-info-box .second-controls span {
  display: block;
  padding: 5px 5px 0;
  color: #ffffff;
  position: relative;
}
.user-info-box .second-controls a i,
.user-info-box .second-controls span i {
  margin-right: 6px;
  font-size: 20px;
}
.user-info-box .second-controls a i.limit-height,
.user-info-box .second-controls span i.limit-height {
  position: relative;
  top: 2px;
}
.user-info-box .second-controls a i.right-padding,
.user-info-box .second-controls span i.right-padding {
  margin-right: 10px;
}
.user-info-box .second-controls a:hover p {
  text-decoration: underline;
}
.user-info-box .second-controls .active.patient-data a::after {
  bottom: -26px;
}
.user-info-box .second-controls .active a {
  text-decoration: underline;
}
.user-info-box .second-controls .active a:after {
  content: '';
  position: absolute;
  bottom: -33px;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-top-color: var(--customBackgroundColor);
  z-index: 2;
}
.full-width .user-info-box .profile-img {
  margin-bottom: 20px;
}
.full-width .single-mode .user-info-box .controls {
  position: absolute;
  right: 10px;
  top: 10px;
  margin: 0;
}
.full-width .single-mode .user-info-box .second-controls {
  display: block;
  width: calc(100% - 50px);
}
.check-list {
  margin-bottom: 15px;
}
.check-list a {
  display: block;
  padding: 5px 30px 5px 0;
  color: inherit;
  position: relative;
}
.check-list .active a:not(.clickable):hover {
  text-decoration: none;
  cursor: default;
}
.check-list .active a:after {
  position: absolute;
  right: 0;
  top: 4px;
  color: var(--customBackgroundColor);
}
.dropdown-menu.filter-options .check-list {
  margin-bottom: 0;
}
.show-while-dragging {
  display: none;
}
.dragging .info-bar > * {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dragging .listing-title {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dragging .col-wide .item:not(.ui-selected):not(.ui-droppable) {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dragging .top-bar > *:not(.bar-title) {
  opacity: 0.3;
  filter: alpha(opacity=30);
}
.dragging .top-bar > .top-bar {
  opacity: 1;
  filter: alpha(opacity=100);
}
.single-mode .user-info-box .second-controls {
  display: none;
}
.auto-width {
  width: auto;
}
.fake {
  visibility: hidden;
}
.col-mini {
  float: left;
}
.col-mini i.has-tooltip {
  margin: 0 -2px;
}
@media (max-width: 1024px) {
  .col-mini {
    padding: 0 12px;
  }
}
.loader {
  padding: 30px;
  text-align: center;
  display: none;
}
.ui-selectable-helper.no-top {
  border-top: 0;
}
.ui-selectable-helper.no-right {
  border-right: 0;
}
.ui-selectable-helper.no-bottom {
  border-bottom: 0;
}
.ui-selectable-helper.no-left {
  border-left: 0;
}
.collapse-nav:before {
  content: " ";
  display: table;
}
.collapse-nav:after {
  content: " ";
  display: table;
  clear: both;
}
.collapse-nav .navbar-brand {
  padding: 15px;
}
.collapse-nav .collapse-item {
  float: left !important;
}
.collapse-nav.navbarnav > li > a {
  padding: 15px;
}
.collapse-item.collapse-item-hidden {
  display: none;
}
.collapse-nav-target .collapse-item {
  float: none !important;
}
.collapse-nav-target .dropdown-menu {
  position: absolute !important;
  background: white !important;
  -webkit-background-clip: padding-box !important;
  background-clip: padding-box !important;
  border: 1px solid #d9d9d9;
  border-radius: 0 !important;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important;
  right: 0 !important;
  left: auto !important;
  margin-top: 0 !important;
  margin-right: 15px !important;
}
.collapse-nav-target .dropdown-menu > li > a {
  color: var(--customBackgroundColor);
}
.collapse-nav-target .dropdown-menu > li > a:hover {
  color: #4d4d4d;
  background-color: #fafafa !important;
}
.navbar {
  position: absolute;
  top: 6px;
  right: 0;
  width: 20px;
  box-sizing: border-box;
}
.navbar .navbar-nav {
  margin-left: 0;
  margin-right: 0;
  float: right;
}
.navbar .navbar-nav .ico-more {
  width: 26px;
}
.navbar a {
  margin: 0 5px;
  width: 45px;
  color: #ffffff;
  font-size: 24px;
  display: inline-block;
  text-align: center;
}
.navbar a i {
  text-align: center;
}
.navbar a span,
.navbar a p {
  display: none;
  margin: 0;
  padding-top: 2px;
  font-size: 12px;
  line-height: 13px;
}
.navbar a:hover {
  text-decoration: none;
}
.navbar a:hover span,
.navbar a:hover p {
  display: block;
}
.navbar .dropdown-menu a {
  padding: 2px 5px;
  margin: 0;
  width: auto;
  font-size: 20px;
  text-align: center;
}
.navbar .dropdown-menu a i {
  margin: 0;
}
.navbar .dropdown-menu a span,
.navbar .dropdown-menu a p {
  padding-left: 4px;
  display: inline-block;
}
.navbar .dropdown-menu > li + li {
  border: none;
}
@media only screen and (min-width: 768px) {
  .user-info-box .navbar {
    top: 2px;
  }
}
.navbar-nav .open .dropdown-menu > li > a {
  padding: 5px 18px 10px 15px;
  text-align: left;
  border-bottom: 1px solid #f3f3f3;
}
.user-info-box.has-second-nav .navbar-nav {
  margin: 1px 0 0;
}
.user-info-box.has-second-nav .inner {
  min-height: 75px;
}
.user-info-box.has-second-nav .inner .name {
  display: inline-block;
  padding: 4px 40px 6px 0;
  margin-bottom: 8px;
}
.user-info-box.has-second-nav .inner p {
  line-height: 20px;
}
.user-info-box.has-second-nav .dropdown-menu > li > a i {
  margin-right: 6px;
}
.expand-more-content {
  min-height: 40px;
  height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.show-full {
  height: auto;
  overflow: visible;
  text-overflow: clip;
}
.expand-more {
  display: inline-block;
  font-size: 12px;
  color: #0080a6;
  font-weight: bold;
}
.expand-more .less {
  display: none;
}
.expand-more.active .more {
  display: none;
}
.expand-more.active .less {
  display: inline;
}
.second-nav {
  margin-top: 10px;
  border-top: 1px solid var(--customBackgroundColor);
  min-height: 30px;
  position: relative;
}
.second-nav .navbar-toggle {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 42px 0 0;
}
.second-nav .navbar-toggle .icon-bar {
  background: #ffffff;
}
.second-nav .navbar-toggle .title {
  position: absolute;
  left: 36px;
  text-transform: uppercase;
  top: -1px;
}
.second-nav .navbar-collapse {
  position: absolute;
  top: 39px;
  background: #5a5a5a;
  padding: 10px;
  z-index: 222;
  left: -10px;
}
.second-nav-controls {
  margin-bottom: 0;
}
.second-nav-controls li {
  padding: 10px 0;
  width: 100%;
  font-size: 12px;
  color: #ffffff;
  text-transform: uppercase;
}
.second-nav-controls a {
  color: #ffffff;
}
.second-nav-controls i {
  padding-right: 15px;
  display: inline-block;
  font-size: 25px;
}
.folders-header {
  padding: 10px;
  background: #f3f3f3;
  font-size: 20px;
  border-bottom: 1px solid #d9d9d9;
  min-height: 49px;
}
.folders-header .go-level-back a {
  margin: 0;
  padding: 13px 10px 14px 50px;
}
.folders-header .go-level-back .arrow {
  top: 23px;
}
.folders-header .go-level-back .arrow::before {
  top: -1px;
}
.folders-header i::before {
  margin-top: -5px;
}
.folders-header.has-arrow {
  padding: 0;
  border-bottom: none;
}
.folders-header.has-arrow .go-level-back {
  background: #f3f3f3;
}
.search-filters .controls.filter.pull-right .btn {
  padding: 6px;
}
@media (max-width: 1024px) {
  .item .grab-handle {
    display: none;
  }
  .listing .item[data-draggable] > .grab-handle + .inner {
    padding-left: 15px;
  }
  .listing .item[data-draggable] > .grab-handle + a:not(.collapse-toggle) {
    padding-left: 15px;
  }
  #drag-helper {
    margin: -80px 0 0;
  }
}
@media (min-width: 768px) {
  .navbar-nav > li > a {
    padding-bottom: 4px;
  }
  .user-info-box .second-controls li span {
    display: inline-block;
  }
  .user-info-box .second-controls .active a:after {
    margin-left: -6px;
  }
  .one-column .navbar {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .user-info-box.has-second-nav .navbar-toggle {
    display: block;
  }
}
@media (min-width: 992px) {
  .user-info-box.has-second-nav .navbar-toggle {
    display: none;
  }
  .folders-header.has-arrow {
    padding: 10px;
    border-bottom: 1px solid #d9d9d9;
  }
  .second-nav .navbar-collapse {
    padding: 0;
    display: block !important;
    position: static;
    background: none;
  }
  .second-nav-controls {
    width: 100%;
    display: inline-block;
  }
  .second-nav-controls li {
    font-size: 14px;
    display: inline-block;
    margin-right: 25px;
    text-transform: none;
    width: auto;
    padding: 0;
  }
  .second-nav-controls a {
    display: block;
    padding: 5px 5px 0;
    color: #ffffff;
    position: relative;
  }
  .second-nav-controls a i {
    padding-right: 12px;
    margin-top: -3px;
    font-size: 20px;
  }
  .second-nav-controls .active a:after {
    content: '';
    position: absolute;
    bottom: -22px;
    left: 50%;
    margin-left: -6px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top-color: var(--customBackgroundColor);
    z-index: 1;
  }
  .second-nav-controls .active a i {
    color: #5a5a5a;
  }
}
.document-view {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-height: 100%;
}
.document-view-wrap {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.document-content.has-image {
  display: block;
  text-align: center;
}
.document-content.has-image img {
  min-height: auto;
  display: inline-block;
}
.document-info {
  padding: 20px;
  border-bottom: 1px solid #d9d9d9;
  flex-shrink: 0;
}
.document-info .controls {
  font-size: 18px;
  float: right;
  margin-left: 20px;
}
.document-info .controls a {
  display: inline-block;
  margin: 0 0 0 10px;
}
.document-info .document-title {
  overflow: hidden;
  color: #a6a6a6;
}
.document-info .document-title p {
  margin-bottom: 0;
}
.document-info .controls-video {
  margin: 0 auto;
  padding: 5px;
  display: inline-block;
  float: none;
  position: relative;
  bottom: -16px;
  background: #ffffff;
}
.document-info .controls-video a:first-child {
  margin-left: 0;
}
.video-view .document-info {
  padding-bottom: 0;
  text-align: center;
}
.video-view .document-title {
  text-align: left;
}
.video-view .document-title p {
  color: #808080;
  font-size: 12px;
}
.video-containter {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}
.video-containter .no-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-containter video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-containter + .feedback {
  margin-top: 20px;
}
.no-video {
  border-top: 20px solid #ffffff;
  text-align: center;
  display: table;
}
.no-video .wrap {
  width: 100%;
  display: table-cell;
  vertical-align: middle;
}
.no-video .ico-video {
  margin: 10px 0 0;
  display: inline-block;
  font-size: 50px;
  color: #a6a6a6;
}
.no-video p {
  font-size: 14px;
  color: #a6a6a6;
}
.page-medindex .document-info {
  margin: 0 0 20px;
  padding: 10px 10px 0;
  text-align: center;
  position: relative;
}
.page-medindex .document-info .controls {
  padding-right: 10px;
  position: relative;
  text-align: center;
  float: none;
  bottom: -10px;
  background: #ffffff;
  margin: 0 auto;
  display: inline-block;
}
.page-medindex .document-title {
  color: #808080;
  text-align: left;
}
.page-medindex .document-title em {
  color: #5a5a5a;
  font-weight: bold;
}
.gallery-view {
  text-align: center;
}
.gallery-view .big-photo {
  margin: 0 auto;
  display: inline-block;
}
.gallery-view .no-photo {
  margin: 0 0 4px;
  border: 1px solid #d9d9d9;
  width: 220px;
  height: 177px;
  background: #f3f3f3;
  color: #808080;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.gallery-view .no-photo .ico-medindex {
  font-size: 54px;
  color: #d9d9d9;
}
.gallery-view .dropdown {
  display: inline-block;
  background: none;
}
.gallery-view .dropdown .btn {
  background: none;
  padding: 0;
  min-width: 15px;
}
.gallery-view .dropdown .ico-arrow-down {
  color: var(--customBackgroundColor);
  font-size: 12px;
}
.gallery-view .dropdown li {
  margin: 0;
}
.gallery-view .dropdown a {
  padding: 7px 15px;
  color: var(--customBackgroundColor);
}
.gallery-view .dropdown-menu {
  min-width: 110px;
}
.gallery-view .files li {
  font-size: 12px;
}
.thumbnail-list {
  padding-top: 6px;
  margin: 0 -4px 10px;
  text-align: left;
}
.thumbnail-list li {
  margin: 4px;
  border: 1px solid #d9d9d9;
  display: inline-block;
}
.files {
  text-align: left;
}
.files li {
  margin: 0 0 10px;
}
.files .ico-document {
  color: var(--customBackgroundColor);
  font-size: 22px;
}
.has-content {
  padding: 10px;
}
.has-content h3 {
  margin: 0 0 5px;
  font-size: 12px;
  line-height: 20px;
  color: #5a5a5a;
  font-weight: bold;
}
.has-content p {
  margin: 0 0 20px;
  color: #808080;
  line-height: 20px;
  font-size: 12px;
}
.has-iframe .document-content:not(.has-image) {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.has-iframe .lightbox-content {
  display: flex;
}
.has-iframe .tab-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.document-content > .scrolling {
  padding: 0 20px 20px;
  background: #ffffff;
}
.document-content > .padding-top {
  padding-top: 15px;
}
.document-content > .document-padding {
  padding: 15px;
}
.document-content > .feedback {
  padding: 0 20px 20px;
}
.document-content iframe {
  width: 100% !important;
  flex-grow: 1;
}
.document-content iframe.photo {
  flex-grow: 0;
}
.document-content iframe.photo img {
  max-width: 100% !important;
}
.lightbox-controls .feedback {
  margin: -35px -20px 10px;
  padding: 0 20px 20px;
  width: calc(100% + 40px);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: #ffffff;
}
.iframe-doc-full {
  height: auto !important;
}
section.lightbox-block {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.document-details {
  padding: 20px;
  background: #fafafa;
}
.document-details h4 {
  margin-bottom: 20px;
}
.document-details > .info-table {
  width: 100%;
}
.document-details .info-table td {
  padding-top: 4px;
  padding-bottom: 4px;
}
.document-details table .info-table td:first-child {
  color: #a6a6a6;
}
.document-details table .info-table td:not(:first-child) {
  font-weight: 600;
}
.document-details .info-table.border > tbody > tr > td:not(:first-child) {
  border-left: 1px solid #d9d9d9;
  padding-left: 20px;
}
.doc-download > * {
  display: inline-block;
  margin-right: 5px;
  vertical-align: baseline;
}
.doc-download > i {
  color: var(--customBackgroundColor);
  font-size: 20px;
}
.shorten span {
  display: inline;
}
.shorten .short:after {
  content: '...';
}
.shorten .long {
  display: none;
}
.shorten .show-more {
  display: inline-block;
  text-decoration: none;
  margin-left: 5px;
}
.shorten .show-more:before {
  content: ' Show more';
}
.shorten:not(.open) .short br {
  content: ' ';
}
.shorten:not(.open) .short br:before {
  content: ' ';
}
.shorten.open .short:after {
  display: none;
}
.shorten.open .long {
  display: inline;
}
.shorten.open .show-more {
  margin-left: 0;
}
.shorten.open .show-more:before {
  content: 'Show less';
}
.message {
  color: #676767;
  display: inline-block;
}
.message .hover-content {
  padding: 3px 0 0;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
  display: none;
  color: #676767;
  white-space: nowrap;
  position: absolute;
  top: 0;
  left: 30px;
}
.message .ico:hover .hover-content {
  display: inline-block;
  vertical-align: top;
}
.message em {
  font-style: normal;
}
.message.ico-warning-circle {
  margin: 0 0 0 3px;
  width: 18px;
  height: 18px;
  font-size: 18px;
  color: #d41414;
  display: inline-block;
  vertical-align: top;
}
.message.error em {
  color: #d41414;
}
.text + .message.error {
  padding-top: 5px;
}
.mobile .document-content iframe.bound {
  display: none !important;
}
.mobile .document-content .tab-document-preview {
  display: inline-block !important;
}
.mobile .nav-tabs li.bound {
  display: none !important;
}
.mobile .tab-pane.bound {
  display: none !important;
}
.tab-document-preview {
  display: none;
  position: relative;
  width: 100%;
  height: 100vh;
  text-align: center;
  background-image: url("../media/icons/content-placeholder.svg");
  background-repeat: no-repeat;
  background-size: 70%;
  background-position: center 55px;
}
.lightbox-content .tab-document-preview {
  width: 95%;
  margin: 0 auto;
}
.doc-preview {
  margin-top: 50%;
  padding: 0.75em 1.1em 0.55em;
  font-size: 15px;
}
.doc-preview i {
  margin-top: -3px;
  font-size: 22px;
}
i.ico-filter + .badge {
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  margin: -25px 0 0 10px;
  padding: 0 0 0 1px;
  color: #ffffff;
  font-size: 10px !important;
  text-align: center;
  line-height: 14px;
  white-space: nowrap;
  vertical-align: middle;
  border-radius: 100%;
  background: var(--customBackgroundColor);
}
i.ico-filter + .badge + span {
  margin-left: 5px;
}
@media (min-width: 768px) {
  .page-medindex .document-info {
    padding: 0;
  }
  .has-content {
    padding: 20px;
  }
}
@media (min-width: 992px) {
  .page-medindex .document-info {
    padding: 0 130px 20px 0;
  }
  .page-medindex .document-info .controls {
    position: absolute;
    top: 0;
    right: 0;
    bottom: auto;
  }
}
@media (min-width: 640px) {
  .gallery-view {
    margin: 0 0 20px 20px;
    float: right;
  }
}
.doc-details {
  max-width: 600px;
}
.doc-download,
.left-padding {
  padding-left: 20px;
}
.doc-select-patient,
.document-details {
  padding-top: 15px;
}
.doc-select-patient .patient,
.document-details .patient {
  margin-top: 15px;
}
.doc-select-patient .patient .profile-img,
.document-details .patient .profile-img {
  margin-right: 8px;
}
.doc-select-patient .patient i,
.document-details .patient i {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-right: 6px;
  font-size: 24px;
}
#fullscreen-document-details .tab-pane {
  min-height: 50vh;
}
#fullscreen-document-details .block.table-views {
  max-width: 1000px;
}
.messages-container,
.msg-thread {
  background: #f3f3f3;
}
.msg-thread {
  position: relative;
  display: grid;
  grid-template-columns: repeat(1, minmax(0, 1fr));
  padding: 16px;
}
.msg-thread .rotate-180 {
  position: relative;
  top: 1px;
  display: inline-block;
  transform: rotate(180deg);
}
.msg-item {
  position: relative;
  width: 100%;
  max-width: 444px;
  min-height: 110px;
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, 0.08));
  -webkit-transition: all 0.15s ease-in-out;
  -moz-transition: all 0.15s ease-in-out;
  -ms-transition: all 0.15s ease-in-out;
  -o-transition: all 0.15s ease-in-out;
  transition: all 0.15s ease-in-out;
  z-index: 2;
}
.msg-item.active,
.msg-item:hover {
  filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.08));
}
.msg-item:hover .hover-settings {
  display: block;
  right: -66px;
}
.msg-item + .date-item {
  margin-top: 20px;
}
.msg-item .italic {
  font-style: italic;
}
.msg-item.msg-received {
  place-self: start;
}
.msg-item.msg-received .msg-content {
  background-color: #ffffff;
}
.msg-item.msg-received + .msg-received,
.msg-item.msg-received + .msg-sent {
  margin-top: 34px;
}
.msg-item.msg-received .text-reply .reply-icon {
  margin-left: 2px;
}
.msg-item.msg-received .text-reply + .text-attachment {
  top: -4px;
}
.msg-item.msg-received .text-attachment .icon {
  font-size: 24px;
}
.msg-item.msg-received .text-attachment span {
  position: relative;
  top: -1px;
  font-size: 14px;
}
.msg-item.msg-sent {
  place-self: end;
  width: 100%;
  max-width: 380px;
  z-index: 1;
}
.msg-item.msg-sent .msg-content {
  display: block;
  background-color: #f3fcff;
}
.msg-item.msg-sent .ico-flag {
  position: relative;
  top: -1px;
  left: 2px;
  color: #d41414;
  font-size: 12px;
}
.msg-item.msg-sent .flex-left {
  display: none;
}
.msg-item.msg-sent .flex-right {
  padding-left: 18px;
}
.msg-item.msg-sent + .msg-sent {
  margin-top: 14px;
}
.msg-item.msg-sent + .msg-received {
  margin-top: 34px;
}
.msg-item.priority-msg .msg-content {
  border-left: 6px solid #d41414;
}
.msg-item.priority-msg .msg-content .ico-flag {
  position: relative;
  top: -2px;
  left: 6px;
  color: #d41414;
  font-size: 14px;
}
.msg-item .msg-content {
  width: 100%;
  height: 100%;
  min-height: 100px;
  position: relative;
  display: grid;
  grid-template-columns: 92px auto;
  grid-template-rows: auto;
  grid-template-areas: "left right" "bottom bottom";
  margin-bottom: 0;
  border-radius: 5px;
  z-index: 1;
}
.msg-item .msg-content .flex-left {
  grid-area: left;
  padding-top: 18px;
}
.msg-item .msg-content .flex-right {
  position: relative;
  grid-area: right;
  padding-top: 18px;
}
.msg-item .msg-content .flex-bottom {
  grid-area: bottom;
  display: flex;
  align-items: center;
  background: #f3f3f3;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.msg-item .msg-content .flex-bottom .icon {
  position: relative;
  top: -2px;
  display: inline-block;
  width: 92px;
  text-align: center;
  color: var(--customBackgroundColor);
  font-size: 18px;
}
.msg-item .msg-content .flex-bottom .group-name {
  max-width: 318px;
  padding: 10px 12px 10px 0;
  font-size: 12px;
  line-height: 16px;
}
.msg-item .dots-icon .dropdown.options {
  top: 2px;
  right: 4px;
}
.msg-item .dots-icon .dropdown.options.open .dropdown-toggle::before {
  color: #4d4d4d !important;
}
.msg-item .dots-icon .dropdown.options .dropdown-toggle {
  padding: 0;
}
.msg-item .dots-icon .dropdown.options .dropdown-toggle::after {
  display: none;
}
.msg-item .dots-icon:hover .dropdown.options .dropdown-toggle::before {
  color: #4d4d4d !important;
}
.msg-item .person-img {
  margin: 0 16px 16px;
  border: none;
}
.msg-item .person-title {
  display: block;
  font-size: 16px;
  margin-bottom: 4px;
}
.msg-item .text-msg {
  position: relative;
  min-height: 52px;
  margin: 0;
  padding: 0 44px 18px 0;
  line-height: 20px;
  font-size: 14px;
  letter-spacing: 0.2px;
  color: #808080;
}
.msg-item .text-msg + .text-msg {
  margin-top: 4px;
}
.msg-item .text-msg + .text-msg::before {
  display: block;
  content: "";
  position: absolute;
  top: -10px;
  width: 86%;
  height: 1px;
  background-color: #f3f3f3;
}
.msg-item .msg-sent {
  position: absolute;
  right: 11px;
  bottom: 8px;
  font-size: 10px;
  color: #d9d9d9;
}
.msg-item .text-reply {
  display: grid;
  grid-template-columns: 30px auto;
  grid-template-rows: auto;
  grid-template-areas: "left right";
  position: relative;
  margin-bottom: 20px;
}
.msg-item .text-reply::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -8px;
  width: 86%;
  height: 1px;
  background-color: #e6e6e6;
}
.msg-item .text-reply .reply-icon {
  grid-area: left;
  color: var(--customBackgroundColor);
}
.msg-item .text-reply .reply-content {
  grid-area: right;
  padding-right: 44px;
}
.msg-item .text-reply .person-title {
  display: block;
  font-size: 13px;
}
.msg-item .text-reply .reply-msg {
  color: #808080;
  font-size: 11px;
  letter-spacing: 0.2px;
}
.msg-item .text-attachment {
  position: relative;
  margin-bottom: 28px;
  color: var(--customBackgroundColor);
}
.msg-item .text-attachment::before {
  display: block;
  content: "";
  position: absolute;
  bottom: -15px;
  width: 86%;
  height: 1px;
  background-color: #e6e6e6;
  pointer-events: none;
}
.msg-item .text-attachment .icon {
  font-size: 18px;
  margin-right: 4px;
}
.msg-item .text-attachment span {
  font-size: 12px;
}
.msg-item .text-attachment:hover {
  cursor: pointer;
  color: #0080a6;
}
.msg-item .text-attachment .lightbox-inline {
  display: block;
}
.msg-item .text-btns {
  display: block;
  margin-top: 18px;
}
.msg-item .text-btns .btn:not(:last-of-type) {
  margin-right: 10px;
}
.msg-item .hover-settings {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
  height: 100%;
  padding: 0 24px;
  -webkit-transition: right 0.35s ease;
  -moz-transition: right 0.35s ease;
  -ms-transition: right 0.35s ease;
  -o-transition: right 0.35s ease;
  transition: right 0.35s ease;
}
.msg-item .hover-settings i {
  display: block;
  font-size: 20px;
  margin-bottom: 8px;
  color: var(--customBackgroundColor);
}
.msg-item .hover-settings i:hover {
  cursor: pointer;
  color: #000000;
}
.date-item {
  position: relative;
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.date-item::before {
  display: block;
  content: "";
  position: absolute;
  top: calc(49%);
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #d9d9d9;
  z-index: 0;
}
.date-item time {
  position: relative;
  display: inline-block;
  min-width: 136px;
  padding: 4px 12px;
  font-size: 12px;
  color: #ffffff;
  border-radius: 16px;
  background-color: #d9d9d9;
  z-index: 1;
}
.new-msg-section + .date-item {
  margin-top: 20px;
}
.new-msg-section + .msg-received,
.new-msg-section + .msg-sent {
  margin-top: 34px;
}
.new-msg-item {
  margin: 30px 0;
}
.new-msg-item .thread {
  padding: 0;
}
.new-msg-item .recipients-input {
  min-height: 40px;
  margin-bottom: 0;
  width: 100%;
  display: inline-block;
}
.new-msg-item .recipients-input .ui-outputlabel {
  width: calc(100% - 32px);
  margin-bottom: 10px;
}
.new-msg-item .recipients-input .prefix {
  padding-top: 10px;
  font-size: 14px;
  display: inline-block;
  vertical-align: top;
}
.new-msg-item .recipients-input ul {
  display: inline-block;
  width: calc(100% - 32px);
  vertical-align: top;
  margin: 0;
  font-size: 0;
}
.new-msg-item .recipients-input li {
  margin: 3px;
  display: inline-block;
  vertical-align: top;
}
.new-msg-item .recipients-input .profile-img.small {
  width: 26px;
  height: 26px;
}
.new-msg-item .recipients-input .item {
  line-height: 29px;
  padding: 2px 6px;
  border-radius: 4px;
  border: 1px solid rgba(0, 168, 234, 0.2);
  background: rgba(0, 168, 234, 0.1);
}
.new-msg-item .recipients-input .item > [class^="ico-"] {
  float: left;
  font-size: 20px;
  line-height: 25px;
}
.new-msg-item .recipients-input .item .remove {
  color: #00a8ea;
  font-size: 14px;
  margin-top: -3px;
  padding: 0 5px;
}
.new-msg-item .recipients-input .item .remove:hover .ico-cross::before {
  color: #0080a6;
}
.new-msg-item .recipients-input .item span {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #4d4d4d;
}
.new-msg-item .recipients-input .item a {
  display: inline-block;
  vertical-align: middle;
  font-size: 13px;
  color: #4d4d4d;
}
.new-msg-item .recipients-input .name {
  padding: 0 5px 0 8px;
}
.new-msg-item .recipients-input > .add {
  margin-right: 2px;
}
.new-msg-item .recipients-input > .add:hover::before {
  color: #0080a6;
}
.new-msg-item .msg-content {
  padding: 10px 14px;
}
.new-msg-item .new-msg-attachments:not(.has-attachments) {
  border-bottom: 1px solid #e6e6e6;
  margin-bottom: 12px;
}
.new-msg-item .new-msg-attachments .attach-btns {
  margin-bottom: 16px;
}
.new-msg-item .new-msg-attachments .attach-btns > .btn:first-of-type {
  margin-right: 20px;
}
.new-msg-item .new-msg-attachments .attach-btns .custom-upload {
  display: inline-block;
}
.new-msg-item .new-msg-attachments .table {
  margin: 0 0 14px;
}
.new-msg-item .new-msg-attachments .table th {
  background-color: #f3f3f3;
}
.new-msg-item .controls .checkbox {
  display: inline-block;
  margin: 0 10px 0 0;
}
.thread {
  padding: 10px 10px 0;
}
.thread > .item {
  position: relative;
  display: block;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  margin-bottom: 10px;
  padding: 10px 10px 0;
  background: #ffffff;
}
.thread > .item .thread.edit {
  margin: 0 -10px;
}
.thread > .item .controls {
  margin-bottom: 10px;
}
.thread.edit {
  background: #f3f3f3;
  overflow: hidden;
}
.thread.edit .recipients-input {
  border: 0;
  padding: 0;
}
.msg-header {
  position: relative;
  height: 35px;
  margin-bottom: 10px;
}
.msg-header .prefix {
  margin-top: 10px;
  float: left;
  margin-right: 10px;
}
.msg-header .profile-img {
  float: left;
}
.msg-header .add-recipients {
  float: right;
  margin-left: 10px;
}
.msg-header .add-recipients a {
  text-decoration: none;
  color: inherit;
  font-weight: 700;
  font-size: 24px;
  padding: 0 8px;
}
.msg-header .author-info {
  width: calc(100% - 50px);
  float: right;
  margin-top: 3px;
  overflow: hidden;
}
.msg-header .author-info small {
  display: block;
  max-width: 100%;
  overflow: hidden;
  font-size: 80%;
  color: #808080;
}
.msg-header .author-info strong {
  display: block;
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin-right: 110px;
}
.msg-header .date {
  position: absolute;
  top: 3px;
  right: 0;
  margin-left: 10px;
  color: #808080;
}
.msg-header .date i {
  font-size: 14px;
  margin-right: 5px;
}
.divider-controls {
  text-align: center;
  position: relative;
  font-size: 16px;
  margin-bottom: 10px;
}
.divider-controls:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 0;
  border-top: 1px dashed #d9d9d9;
}
.divider-controls .wrap {
  display: inline-block;
  padding: 0 15px;
  background: #ffffff;
  position: relative;
  cursor: default;
}
.divider-controls a {
  display: inline-block;
  margin: 0 5px;
}
.divider-controls a i {
  margin-top: -5px;
}
.msg-content {
  margin-bottom: 10px;
}
.msg-content p {
  min-height: 20px;
  margin-bottom: 5px;
}
textarea.msg-content {
  width: 100%;
  resize: vertical;
  border: 1px solid #d9d9d9;
  min-height: 150px;
  border-radius: 4px;
}
.msg-attachments {
  margin-bottom: 5px;
  overflow: hidden;
}
.msg-attachments .item {
  padding: 7px 15px;
  background: #f3f3f3;
  border-radius: 4px;
  display: inline-block;
  margin: 0 5px 5px 0;
  font-weight: 600;
  color: #4d4d4d;
  text-decoration: none;
}
.msg-attachments .item > i {
  margin-right: 5px;
  color: #a6a6a6;
}
.msg-attachments a.item:hover {
  background: #e6e6e6;
  text-decoration: none;
}
.msg-attachments .item.uploading {
  display: block;
}
.msg-attachments .item.uploading > i {
  margin-top: 3px;
  margin-right: 8px;
  float: left;
}
.msg-attachments .item.uploading > span {
  float: left;
}
.msg-attachments .cancel {
  float: right;
}
.msg-attachments .progress {
  overflow: hidden;
  padding: 0 20px;
}
.msg-attachments .progress-bar {
  background: #ffffff;
}
.deep-link {
  padding: 15px 0;
}
.deep-link .item {
  padding: 5px 0;
}
.deep-link p {
  color: #4d4d4d;
}
.deep-link a {
  font-weight: bold;
}
.deep-link a:hover {
  text-decoration: none;
}
.deep-link i {
  font-size: 30px;
}
.deep-link span {
  font-weight: normal;
  color: #4d4d4d;
}
.edit .edit-type {
  padding: 0 10px;
}
.edit .edit-type a {
  display: inline-block;
  margin: 0 15px 10px 0;
  position: relative;
  z-index: 2;
  text-decoration: none;
}
.edit .edit-type a.active {
  color: inherit;
  font-weight: 600;
}
.edit .edit-type a.active:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  bottom: -11px;
  border-bottom-color: #d9d9d9;
  border-width: 7px;
  margin-left: -7px;
}
.edit .edit-type a.active:after {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  margin-left: -6px;
  border: 6px solid transparent;
  bottom: -11px;
  border-bottom-color: #ffffff;
}
.recipients-input {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 4px 10px;
  min-height: 50px;
}
.recipients-input > .prefix {
  float: left;
  margin-right: 10px;
  margin-bottom: 0;
  line-height: 40px;
}
.recipients-input > .add {
  float: right;
  margin-left: 10px;
  text-decoration: none;
}
.recipients-input > .add:before {
  content: '+';
  color: var(--customBackgroundColor);
  font-size: 32px;
  line-height: 38px;
}
.recipients-input > .list {
  overflow: hidden;
  margin-bottom: 0;
}
.recipients-input > .list .item {
  display: inline-block;
  margin-right: 10px;
}
.recipients-input > .list .item .remove {
  display: inline-block;
  margin-left: 5px;
}
.recipients-input > .list .item > i:first-child {
  font-size: 30px;
  margin-right: 4px;
}
.cg-members {
  margin: 0 44px 20px 0;
  padding: 16px;
  background: #fafafa;
  border-radius: 6px;
  border: 1px solid #e6e6e6;
}
.cg-members .cg-member {
  display: flex;
  align-items: center;
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.cg-members .cg-member:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
.cg-members .cg-member:first-child {
  padding-top: 0;
}
.cg-members .cg-member .member-info {
  display: flex;
  flex-direction: column;
}
.cg-members .cg-member .member-info .member-name {
  font-size: 14px;
  font-weight: 500;
  color: #4d4d4d;
  line-height: 1.3;
  margin-bottom: 3px;
}
.cg-members .cg-member .member-info .member-specialization {
  font-size: 12px;
  color: #808080;
  line-height: 1.2;
  font-style: italic;
}
.msg-item .text-btns {
  margin-top: 16px;
}
.reports-page .top-bar .controls a {
  font-size: 20px;
  color: var(--customBackgroundColor) !important;
  margin-left: 0;
}
.reports-page .main-content {
  position: relative;
  overflow: scroll;
  background-color: #f3f3f3;
}
.reports-page .stats-container {
  position: relative;
  display: inline-block;
  width: 47%;
  margin: 1.75% 1.4%;
  padding: 1em 0 0.5em;
  text-align: left;
  vertical-align: top;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background-color: #ffffff;
}
.reports-page .lightbox.fullscreen {
  height: 100% !important;
}
.reports-page-container {
  position: relative;
  display: block;
  max-width: 1400px;
  margin: 0 auto;
  padding: 5em 0 2.5em;
  text-align: center;
}
.datepicker-container {
  position: absolute !important;
  right: 0;
  top: 1.75em;
  width: 17.5em;
  height: 2.85em;
  margin: 0;
  margin-right: 1.5%;
}
.datepicker-container input[name="daterange"] {
  float: right;
  clear: both;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.datepicker-container.ico-calendar::before {
  position: absolute;
  top: 8px;
  right: 8px;
  font-size: 22px;
  color: var(--customBackgroundColor);
  pointer-events: none;
}
.daterangepicker.dropdown-menu {
  min-width: inherit;
  margin: auto;
  padding: 0.75em;
  border-radius: 4px;
}
.daterangepicker .input-mini {
  width: 12em;
  height: 2.5em;
  margin-bottom: 1em;
  padding: 0 28px 0 8px;
}
.daterangepicker .calendar-table {
  border: 1px solid #d9d9d9;
}
.daterangepicker td.start-date {
  border-radius: 0 !important;
}
.daterangepicker td.end-date {
  border-radius: 0 !important;
}
.daterangepicker td {
  border-radius: 0 !important;
}
.calendar.right .input-mini {
  margin-left: 0.9em;
}
.calendar.right .daterangepicker_input i {
  margin-left: 7.175em;
}
.calendar.right .prev {
  visibility: hidden;
}
.calendar.right .calendar-table {
  border-left: none;
}
.daterangepicker_input i {
  color: var(--customBackgroundColor);
  font-size: 20px;
}
.calendar.left .daterangepicker_input i {
  margin-left: 6.5em;
}
.calendar.left .calendar-table {
  border-right: none;
}
.calendar.left .next {
  visibility: hidden;
}
.calendar-table thead {
  font-weight: bold;
  line-height: 2.25em;
}
.calendar-table td {
  padding: 5px;
}
.ranges {
  margin-left: 1em;
}
.ranges li {
  padding: 4px 12px;
}
.range_inputs {
  margin-top: 2.7em;
}
.range_inputs button.btn-success {
  color: #ffffff;
  background-color: var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
  padding: 0.75em 1em;
  font-size: 13px;
}
.range_inputs button.btn-default {
  color: var(--customBackgroundColor);
  background-color: #ffffff;
  border: none;
  font-size: 13px;
}
.lightbox.stats-content {
  display: inline-block !important;
}
.stats-content {
  display: block !important;
}
.stats-content .lightbox-content {
  padding: 0;
}
.stats-content .lightbox-content > a:last-of-type {
  display: block;
  text-align: center;
}
.stats-content .lightbox-header {
  display: none;
}
.stats-content .lightbox-header h4 {
  margin: 0.65em 0.5em;
}
.stats-content .lightbox-header .controls {
  position: absolute;
  top: 0;
  right: 3em;
}
.stats-content .lightbox-controls {
  display: none;
}
.stats-content .table th {
  background-color: #fafafa;
  padding: 10px 7px;
}
.stats-content .table + a {
  padding-top: 0.75em;
  border-top: 1px solid #e6e6e6;
}
.stats-content tr.hidden-stats {
  display: none;
}
.stats-content thead th {
  font-weight: bold;
  border-bottom: none;
}
.stats-content thead tr th:first-of-type {
  padding-left: 1em;
}
.stats-content thead tr th:last-of-type {
  padding-right: 1.25em;
}
.stats-content thead tr th:nth-child(3) {
  text-align: center;
}
.stats-content tfoot td {
  font-weight: bold;
  border-bottom: none;
}
.stats-content tfoot tr td:first-of-type {
  padding-left: 1em;
}
.stats-content tfoot tr td:last-of-type {
  padding-right: 1.25em;
}
.stats-content tfoot tr td:nth-child(3) {
  text-align: center;
}
.stats-content tbody {
  margin: 0 10px;
  clear: both;
}
.stats-content tbody tr td:first-of-type {
  padding-left: 1em;
  width: 1.5em;
}
.stats-content tbody tr td:last-of-type {
  padding-right: 1.25em;
}
.stats-content tbody tr td:nth-child(3) {
  text-align: center;
}
.stats-container .lightbox-wrapper {
  padding-bottom: 0;
}
.stats-container h4 {
  padding: 0 0.75em;
}
.stats-container .ico-expand {
  color: var(--customBackgroundColor);
  margin-left: 0.25em;
  padding-bottom: 0.15em;
}
.fancybox-wrap .stats-content.lightbox-wrapper {
  padding-bottom: 49px !important;
}
.fancybox-wrap .stats-content .lightbox-header {
  display: block;
  background-color: #f3f3f3;
  padding: 0.5em;
}
.fancybox-wrap .stats-content .lightbox-content {
  height: 100%;
  min-height: calc(100% - 59px);
  overflow-y: scroll;
  padding: 10px 0;
}
.fancybox-wrap .stats-content .lightbox-content > a:last-of-type {
  display: none !important;
}
.fancybox-wrap .stats-content .lightbox-controls {
  display: block;
}
.fancybox-wrap .stats-content tr.hidden-stats {
  display: table-row !important;
}
.fancybox-wrap .stats-content tr.other-stats {
  display: none !important;
}
.fancybox-wrap .expanded.stats-content:not(.prom-results) {
  position: relative;
  max-width: 1405px;
}
.ratio.stats-container {
  min-width: 35em;
}
.number.stats-container {
  min-width: 35em;
}
.expanded.stats-container {
  min-width: 35em;
}
.stats-container.drop {
  margin: 1.75% 2%;
}
.stats-container.number h4 {
  margin-bottom: 0.75em;
}
.ratio.stats-content thead tr th:last-of-type {
  text-align: right;
}
.ratio.stats-content tbody tr td:last-of-type {
  text-align: right;
}
.ratio.stats-content tfoot tr td:last-of-type {
  text-align: right;
}
.number.stats-content thead tr th {
  text-align: center;
}
.number.stats-content thead tr th:first-of-type {
  width: auto;
  text-align: left;
}
.number.stats-content tbody tr td {
  text-align: center;
}
.number.stats-content tbody tr td:first-of-type {
  width: auto;
  text-align: left;
}
.number.stats-content tfoot tr td {
  text-align: center;
}
.number.stats-content tfoot tr td:first-of-type {
  width: auto;
  text-align: left;
}
.data-circle {
  display: block;
  margin: 0;
  padding: 0;
  width: 1.1em;
  height: 1.1em;
  border-radius: 50%;
  border: 8px solid #d9d9d9;
}
.stats-container.expanded {
  width: 97%;
  float: none;
}
.expanded.stats-content {
  margin: 0 auto;
}
.expanded.stats-content th {
  text-align: center;
}
.expanded.stats-content td {
  text-align: center;
}
.expanded.stats-content thead tr th:nth-child(2) {
  text-align: left;
}
.expanded.stats-content tbody tr td:nth-child(2) {
  text-align: left;
}
.expanded.stats-content tfoot tr td:nth-child(2) {
  text-align: left;
}
.expanded.stats-content .data-circle {
  display: inline-block;
  margin: 0 0.25em -0.2em 0;
}
.doughnut-chart-container {
  display: block;
  width: 100%;
  padding: 1em 1em 0;
  text-align: center;
}
.doughnut-chart-container text {
  font-family: inherit;
  font-size: 16px;
  opacity: 0.8;
}
.line-chart-container {
  display: block;
  width: 100%;
  height: 500px;
  margin-bottom: 0.25em;
  padding: 20px 40px;
}
.bar-chart-container {
  display: block;
  width: 100%;
  height: 600px;
  margin-bottom: 0.25em;
  padding: 30px 40px;
}
.bar-chart-container.horizontal {
  height: 800px !important;
}
.bar-chart-container.horizontal .nv-legendWrap {
  transform: translate(-5px, -28px) !important;
}
.total-storage {
  position: absolute;
  top: calc(50% - 10px);
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 24px;
}
.total-storage em {
  font-size: 15px;
}
.sound-settings .checkbox input[type=checkbox] {
  top: 8px;
}
.ui-radiobutton .ui-helper-hidden-accessible {
  position: relative !important;
  width: auto !important;
  height: auto !important;
}
.ui-radiobutton .ui-helper-hidden-accessible input[type=checkbox],
.ui-radiobutton .ui-helper-hidden-accessible input[type=radio] {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  -ms-transform: none !important;
  transform: none !important;
}
.search-results .listing li + li {
  border-top: 0;
}
.search-results .listing li a {
  padding: 0;
  display: block;
}
.search-results .listing li a:hover {
  background: #f3fcff;
  box-shadow: inset 0 0 0 2px var(--customBackgroundColor);
}
.search-results .listing li a i {
  margin: 0;
}
.search-results .listing li a .result-type {
  float: right;
  margin: 10px 10px 0 0;
  color: #808080;
}
.search-results .listing:last-child li:last-child {
  border-bottom: 0;
}
.search-results .listing-title {
  padding: 7px 10px;
  margin: 0;
  border: 0;
}
.search-results .listing-title:not(:first-child) {
  margin-top: 10px;
}
.search-result-page .result-info {
  margin-bottom: 15px;
  padding: 0 8px;
}
.search-result-page .result-info i {
  font-size: 24px;
  margin-right: 10px;
}
.search-result-page .result-info .title {
  display: inline-block;
  vertical-align: middle;
}
.search-result-page .result-info .matches {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  margin-top: 2px;
}
.search-result-page .more-results {
  display: block;
  width: 10em;
  margin: 25px auto 0;
}
.result-table tbody i {
  font-size: 24px;
  margin-right: 10px;
}
.result-table .profile-img.xsmall {
  font-size: 24px;
  margin-right: 10px;
}
.feedback-controls {
  border-top: 1px solid #e6e6e6;
  margin-top: 15px;
  padding: 15px 0 25px;
  line-height: 28px;
}
.feedback-controls span {
  vertical-align: middle;
  display: inline-block;
}
.feedback-controls .btn.btn-blue,
.feedback-controls .btn.btn-gray,
.feedback-controls .btn.btn-dark-gray {
  min-width: 0;
  margin-left: 10px;
  margin-right: 4px;
  vertical-align: middle;
}
.feedback-controls a i {
  margin-right: 5px;
  margin-top: -2px;
  font-size: 18px;
}
.feedback-controls .divider + .divider {
  margin-left: 5px;
}
.feedback-controls .divider + .divider:before {
  content: "|";
  display: inline-block;
  color: #a6a6a6;
  padding-right: 5px;
}
.feedback-controls .block:not(:last-child) {
  margin-bottom: 15px;
}
.feedback-controls textarea.form-control {
  min-height: 70px;
}
.faq .panel-collapse {
  color: #a6a6a6;
  padding-left: 40px;
}
.video-thumb {
  position: relative;
  border: 5px solid #f3fcff;
  border-radius: 4px;
  display: inline-block;
}
.video-thumb .img {
  display: block;
}
.video-thumb:after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -31px 0 0 -31px;
  width: 63px;
  height: 63px;
  background: var(--customPlayImageData);
}
.feedback-rate {
  border-top: 1px solid #e6e6e6;
  margin-top: 15px;
  padding: 15px 0 25px;
}
.feedback-rate span {
  vertical-align: middle;
  display: inline-block;
}
.feedback-rate .btn.btn-dark-gray {
  min-width: 0;
  margin-right: 4px;
  vertical-align: middle;
}
.feedback-rate .btn.btn-blue {
  min-width: 0;
  margin-right: 4px;
  vertical-align: middle;
}
.feedback-rate .result + .btn.btn-dark-gray {
  margin-left: 10px;
}
.feedback-rate .divider + .divider {
  margin-left: 5px;
}
.feedback-rate .divider + .divider:before {
  content: "|";
  display: inline-block;
  color: #a6a6a6;
  padding-right: 5px;
}
.feedback-rate .rate {
  margin: 0 0 10px;
  padding-right: 20px;
  display: inline-block;
  vertical-align: top;
}
.feedback-rate .links {
  margin: 0 0 10px;
  padding-top: 4px;
  display: inline-block;
  vertical-align: top;
}
@media (min-width: 1200px) {
  .feedback-rate .text {
    padding-top: 4px;
    padding-right: 10px;
    float: left;
  }
  .feedback-rate .links {
    float: right;
  }
  .col-sm-6 .feedback-rate .text {
    float: none;
  }
}
@media (min-width: 1560px) {
  .feedback-rate {
    padding-bottom: 40px;
  }
  .col-sm-6 .feedback-rate .text {
    float: left;
  }
}
.inline-datepicker {
  padding: 5px;
}
.inline-datepicker.bootstrap-datetimepicker-widget table td.day {
  width: 28px;
  height: 23px;
}
.inline-datepicker.bootstrap-datetimepicker-widget table td.day a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.inline-datepicker.bootstrap-datetimepicker-widget table th {
  width: 28px;
  height: 23px;
}
.inline-datepicker.bootstrap-datetimepicker-widget table th a {
  display: block;
  text-decoration: none;
  color: inherit;
}
.inline-datepicker.bootstrap-datetimepicker-widget table th.dow {
  height: 45px;
  vertical-align: bottom;
}
.event-overview {
  padding: 20px;
}
.event-content {
  margin-bottom: 20px;
}
.event-header {
  margin-bottom: 20px;
}
.event-header .info-table {
  width: 100%;
}
.event-header .info-table td {
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
}
.event-header .info-table td:first-child {
  white-space: nowrap;
  width: 1%;
  color: #808080;
}
.fancybox-skin {
  padding: 0 !important;
}
/* Vertical nav for select recipient lightbox */
.lightbox-content .vertical-nav {
  height: 100%;
}
.lightbox-content .vertical-nav .nav-bar {
  position: relative;
  height: 100%;
}
.lightbox-content .main:not(.animating) .main-column.full-width.single-view .content-wrap:not(.has-double):not(.patient-wrap) {
  max-width: 100% !important;
}
.lightbox-content.contains-iframe {
  min-height: 600px;
}
@media only screen and (min-width: 1024px) {
  .lightbox-content .vertical-nav .nav-bar {
    position: absolute;
  }
}
.lightbox-wider {
  width: 800px;
}
.lightbox-wider > .lightbox {
  min-width: calc(100% + 5px);
}
#chart-info .lightbox-content.contains-iframe {
  position: relative;
  overflow: hidden;
}
#chart-info .lightbox-content.contains-iframe iframe {
  display: block;
  width: 100%;
}
#chart-info .chart-info-loader.loading-dots {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
  z-index: 2;
  pointer-events: none;
}
/* Add document to folder styles */
.lightbox-content.share-extended.add-to-folders .main {
  height: 560px !important;
}
.add-to-folders .document-name {
  margin: 1em 0 1.5em;
}
.add-to-folders .document-name i {
  margin-right: .25em;
  font-size: 40px;
  color: var(--customBackgroundColor);
  float: left;
}
.add-to-folders .document-name h6 {
  margin: 3px 0 !important;
}
.add-to-folders .search-container {
  width: 100%;
}
.share-extended.add-to-folders h4 {
  width: 50%;
  float: left;
  margin-top: 8px;
}
.add-to-folders .search-bar {
  position: relative;
  width: 45%;
  float: right;
  margin: 0;
}
.add-to-folders .search-submit {
  top: 5px;
  right: 10px;
}
.add-to-folders .content-container.folders {
  height: 350px !important;
}
.add-to-folders .result-table tbody i {
  margin-left: 37px;
  font-size: 18px;
  color: #ccc;
}
.add-to-folders .ico-warning-circle {
  color: orange !important;
}
/* SHARED EXTENDED STYLES */
.lightbox-content.share-extended {
  padding: 0;
}
.lightbox-content.share-extended .main {
  height: 800px;
}
.share-extended .main-column > .content-wrap {
  padding: 20px;
  overflow-y: scroll;
  overflow-x: hidden;
}
.share-extended .content-container,
.share-extended .contacts-container {
  height: 90em;
  margin: 1em 0;
  border: 1px solid #ccc;
  background-color: #fff;
}
.share-extended .contacts-container {
  height: 100em;
}
.share-extended .message-container {
  margin-top: 1em;
  padding-bottom: 5.5em;
}
.share-extended .message-container .form-group {
  width: 100%;
}
.share-extended .message-container textarea.form-control {
  height: 7em;
  min-height: 5em;
}
.share-extended .content-container thead tr,
.share-extended .contacts-container thead tr {
  background-color: #f0f0f1;
}
.share-extended .content-container thead th.sort:after {
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--customBackgroundColor);
  margin: 3px 0 0 8px;
}
.select-document .table.compact td,
.share-extended .table.compact td {
  height: 3.5em;
  padding: 6px 0 6px 8px;
  line-height: 2.75em;
}
.select-document thead th:first-of-type,
.share-extended thead th:first-of-type,
.select-document tbody td:first-of-type,
.share-extended tbody td:first-of-type {
  padding: 0;
}
.select-document .table i,
.share-extended .table i {
  color: var(--customBackgroundColor);
}
.share-extended .table input[type=checkbox] {
  float: right;
  margin-left: -7px;
}
.share-extended .contacts-container .search-bar {
  width: 100% !important;
  padding: 8px 8px 8px 20px !important;
}
.share-extended .contacts-container .search {
  max-width: 320px;
}
.share-extended .contacts-container .profile-img.small {
  width: 38px;
  height: 38px;
}
.share-extended h4 {
  margin: 5px 0 0;
  padding: 0 0 5px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
}
.share-extended .contacts-container h4 {
  margin: 10px 0px 0px;
  padding: 0 0 10px 10px;
  border-bottom: 1px solid #ccc;
}
.share-extended .contacts-container h4 span {
  display: inline-block;
  padding-top: .5em;
}
.share-extended .no-border {
  margin: 0;
  border: none;
}
.share-extended h4 > i {
  font-size: 24px;
  margin: 0 10px 0 0;
}
.share-extended h4 > a {
  margin-right: .5em;
  padding: 0;
}
.share-extended h4 > a i {
  font-size: 14px;
  border: 1px solid #ccc;
}
.share-extended .nav-bar li {
  position: relative;
  width: 100%;
  padding: 12px 10px 12px 0;
  font-size: 12px;
  text-transform: uppercase;
}
.share-extended .nav-bar li a {
  color: #444;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.share-extended .nav-bar li a:hover,
.share-extended .nav-bar li a:focus,
.share-extended .nav-bar li a:active {
  text-decoration: none;
}
.share-extended .nav-bar li:hover {
  background: #f9f9f9;
}
.share-extended .nav-bar .active:hover {
  background: var(--customBackgroundColor);
}
.share-extended .nav-bar li i {
  font-size: 24px;
  margin: -7px 10px 0;
}
.share-extended .nav-bar .active a {
  color: #fff;
}
.share-extended .share-message .form-group {
  width: 100%;
}
.share-extended span.text {
  display: inline-block;
  width: 10em;
  margin-top: 5px;
  padding-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.share-extended .badge {
  display: inline-block;
  min-width: 10px;
  margin-top: 5px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: var(--customBackgroundColor);
  border-radius: 10px;
}
.share-extended .item.active .badge {
  color: var(--customBackgroundColor);
  background-color: #fff;
}
.select-contact-lb .lightbox-content.no-side-padding {
  padding-top: 0;
}
.select-contact-lb .scrolling {
  background: #fff;
}
.select-contact-relation-lb .scrolling {
  background: #fff;
}
.select-document .select-doc {
  padding-right: 20px !important;
}
.lightbox-controls .checkbox {
  position: relative;
  top: 4px;
  margin: 0;
}
.lightbox-controls .priority-checkbox {
  display: inline-block;
  top: auto;
  margin: 0 10px 0 0;
}
.lightbox-controls.text-right {
  display: flex;
  row-gap: 10px;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.folder-lightbox .inline-block {
  padding: 0 10px;
}
@media only screen and (max-width: 767px) {
  .folder-lightbox .row .col-sm-5 + .col-mini,
  #folder-lb .row .col-sm-5 + .col-mini {
    float: right;
    position: relative;
    right: -20px;
    top: -50px;
  }
  #new-message .lightbox-controls .checkbox {
    display: block;
    text-align: left;
    margin-bottom: 10px;
  }
  .lightbox-controls.mobile-split-controls .btn:first-child {
    margin-right: auto;
    margin-left: 0;
  }
}
.docs-lightbox .title-button,
.message-lightbox .title-button,
.folder-lightbox .title-button,
.video-call-lightbox .title-button {
  padding: 0 10px;
}
.docs-lightbox .title-button .btn,
.message-lightbox .title-button .btn,
.folder-lightbox .title-button .btn,
.video-call-lightbox .title-button .btn {
  margin: 10px 0 20px;
}
.docs-lightbox .title-button.no-padding,
.message-lightbox .title-button.no-padding,
.folder-lightbox .title-button.no-padding,
.video-call-lightbox .title-button.no-padding {
  padding: 0 0;
}
.docs-lightbox .subtitle,
.message-lightbox .subtitle,
.folder-lightbox .subtitle,
.video-call-lightbox .subtitle {
  margin: 5px 0 0;
  padding: 0 0 5px;
  width: 100%;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: normal;
}
.docs-lightbox .dataTables_wrapper,
.message-lightbox .dataTables_wrapper,
.folder-lightbox .dataTables_wrapper,
.video-call-lightbox .dataTables_wrapper {
  padding: 0 10px;
}
.docs-lightbox thead,
.message-lightbox thead,
.folder-lightbox thead,
.video-call-lightbox thead {
  background: #f3f3f3;
}
.docs-lightbox .row,
.message-lightbox .row,
.folder-lightbox .row,
.video-call-lightbox .row {
  margin: 0 !important;
}
.docs-lightbox .custom-upload,
.message-lightbox .custom-upload,
.folder-lightbox .custom-upload,
.video-call-lightbox .custom-upload {
  top: -4px;
  display: inline-block;
  margin-left: 20px;
}
.docs-lightbox .custom-upload:hover,
.message-lightbox .custom-upload:hover,
.folder-lightbox .custom-upload:hover,
.video-call-lightbox .custom-upload:hover {
  color: var(--customBackgroundColor);
}
.docs-lightbox.no-padding .upload-table,
.message-lightbox.no-padding .upload-table,
.folder-lightbox.no-padding .upload-table,
.video-call-lightbox.no-padding .upload-table {
  margin-top: 5px;
}
.docs-lightbox.no-padding .custom-upload,
.message-lightbox.no-padding .custom-upload,
.folder-lightbox.no-padding .custom-upload,
.video-call-lightbox.no-padding .custom-upload {
  margin-left: 10px;
  padding: 0;
}
.docs-lightbox.no-padding .custom-upload label,
.message-lightbox.no-padding .custom-upload label,
.folder-lightbox.no-padding .custom-upload label,
.video-call-lightbox.no-padding .custom-upload label {
  margin: 5px 0 0;
}
#new-message .title-button,
#new-message .dataTables_wrapper {
  padding: 0 0;
}
.select-docs-sidebar .select-docs-left .vertical-nav {
  background-color: #ffffff;
}
.select-docs-sidebar .select-docs-left .vertical-nav .nav-bar {
  background-color: #ffffff;
}
.select-docs-sidebar .select-docs-left .vertical-nav .item a {
  color: #000000;
}
.select-docs-sidebar .select-docs-left .vertical-nav .item a .ico-folder {
  color: var(--customBackgroundColor);
  position: relative;
  top: 3px;
}
.select-docs-sidebar .select-docs-left .vertical-nav .item:not(.active) a:hover,
.select-docs-sidebar .select-docs-left .vertical-nav .item:not(.active) a:focus {
  background-color: #f3f3f3;
}
.select-docs-sidebar .select-docs-left .vertical-nav .item.active a {
  color: #ffffff;
}
.select-docs-sidebar .select-docs-left .vertical-nav .item.active a .ico-folder {
  color: #ffffff;
}
.custom-tooltip {
  margin: 0 !important;
  padding: 5px 10px 6px;
  border-collapse: unset !important;
}
.custom-tooltip tr td:last-of-type {
  padding-right: 0;
}
.custom-tooltip .timestamp {
  width: 100%;
  text-align: left;
  padding: 5px 0;
}
.custom-tooltip .sublabel {
  margin-top: 6px;
}
.custom-tooltip .measurement .range-icon {
  position: relative;
  top: -1px;
  margin-right: 2px;
  font-size: 11px;
  color: #d41414;
}
.custom-tooltip .measurement .range-icon + .value {
  color: #d41414;
}
.custom-tooltip .measurement .value {
  font-weight: 700;
}
.custom-tooltip .measurement .tooltip-meta {
  display: block;
  margin-top: 2px;
  font-weight: normal;
}
.custom-tooltip .measurement .tooltip-meta > * {
  font-size: 14px;
}
.custom-tooltip .unit {
  font-weight: normal;
  color: #a6a6a6;
}
.nv-legendWrap .nv-legend-text {
  transform: translate(3px, 0px);
}
.nvd3 .nv-multibarHorizontal .nv-groups rect {
  stroke-opacity: 1;
}
.zero-bar-marker {
  stroke-opacity: 1 !important;
  opacity: 1 !important;
  stroke-width: 2px;
}
.bar-chart .nv-bar {
  stroke-width: 1px;
  stroke-opacity: 1 !important;
}
.bar-chart .nv-bar:not(.zero-bar-marker) {
  stroke: #ffffff !important;
}
.bar-chart .nv-legendWrap {
  transform: translate(0, -38px);
}
.bar-chart:not(.has-negative-values) .nv-y g.tick.zero text {
  display: none;
}
.bar-chart.has-negative-values .nv-y g.tick.zero text {
  display: block;
}
.bar-chart .nv-y g.tick.zero line {
  stroke-dasharray: none;
  stroke-width: 2px;
}
.bar-chart .nv-x .tick text {
  opacity: 0.8 !important;
}
.bar-chart .nv-x .tick line {
  display: none;
}
.bar-chart .nv-group {
  fill-opacity: 1 !important;
}
.bar-chart g.nv-axisMin-y {
  display: none;
}
.bar-chart path.domain {
  display: none;
}
.bar-chart .tick line {
  opacity: 0.8;
  stroke-dasharray: 5,5;
}
.line-chart svg.single-timepoint-line .nv-groups .nv-point {
  fill-opacity: 0.85 !important;
  stroke-opacity: 0.85 !important;
}
.line-chart svg.multi-timepoint-line .nv-groups .nv-point {
  fill-opacity: 0.85 !important;
  stroke-opacity: 0.85 !important;
}
.line-chart .nv-groups .nv-point.hover {
  stroke-width: 4px !important;
}
.line-chart .nv-y .tick text {
  transform: translate(-8px, 0) !important;
}
.line-chart g.nv-axisMax-y {
  transform: translate(-8px, 0) !important;
}
.line-chart g.nv-axisMin-y {
  display: none;
}
.line-chart .nv-y path.domain {
  display: none;
}
.line-chart .tick line {
  opacity: 0.8;
  stroke-dasharray: 5,5;
}
.nvtooltip {
  border: 1px solid #d9d9d9 !important;
  border-radius: 5px !important;
}
.nvtooltip .legend-color-guide div {
  border: 0 !important;
  border-radius: 50%;
}
.nvtooltip .highlight td {
  border-bottom-color: transparent !important;
  border-top-color: transparent !important;
}
.progress-bar-container {
  position: relative;
  width: 100%;
  height: 20px;
  background-color: #e6e6e6;
  border-radius: 10px;
  overflow: hidden;
  display: flex;
  align-items: center;
}
.progress-bar-container .progress-bar {
  height: 100%;
  background: var(--customBackgroundColor);
  border-radius: 0 !important;
  transition: width 0.3s ease;
  position: relative;
  width: 0%;
}
.progress-bar-container .progress-text {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
  font-weight: 600;
  z-index: 2;
  margin-top: 0 !important;
}
.workflow-result-view svg {
  overflow: visible;
}
.table td .progress-bar-container {
  margin: 2px 0;
}
.tp-goals-content {
  padding: 20px;
}
.tp-goals {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 20px;
  padding: 20px 0;
}
.tp-goal {
  display: block;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #e6e6e6;
}
.tp-goal:hover {
  border-color: var(--customBackgroundColor);
}
.tp-goal:hover a {
  opacity: 1;
}
.tp-goal .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #f3f3f3;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
.tp-goal .header .goal-title {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 16px;
  color: #5a5a5a;
}
.tp-goal .header .goal-title img {
  width: 24px;
  height: 24px;
  margin-right: 10px;
}
.tp-goal .header .goal-title span {
  font-size: 16px;
  font-weight: 600;
}
.tp-goal .header .edit-goal {
  opacity: 0.7;
  transition: opacity 0.2s ease;
  color: var(--customBackgroundColor);
  text-decoration: none;
  font-size: 14px;
}
.tp-goal .header .edit-goal:hover {
  opacity: 1;
  text-decoration: none;
}
.tp-goal .header .edit-goal .ico {
  position: relative;
  top: -1px;
  margin-right: 5px;
  font-size: 16px;
}
.tp-goal .header.new-goal {
  justify-content: center;
}
.tp-goal .header.new-goal .new-goal {
  color: var(--customBackgroundColor);
  font-size: 16px;
  font-weight: 500;
}
.tp-goal .header.new-goal .new-goal .ico {
  margin-right: 8px;
  font-size: 18px;
}
.tp-goal .goal-status {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.tp-goal .goal-status .ico {
  margin-right: 8px;
  font-size: 16px;
  height: 24px;
}
.tp-goal .goal-status .ico.green {
  color: #5cb85c;
}
.tp-goal .goal-status span {
  font-size: 14px;
  font-weight: 500;
  color: #676767;
}
.tp-goal .goal-value {
  margin-bottom: 10px;
}
.tp-goal .goal-value .value {
  font-size: 24px;
  font-weight: 600;
  color: #5a5a5a;
}
.tp-goal .goal-value .unit {
  font-size: 16px;
  color: #676767;
  margin-left: 5px;
}
.tp-goal .goal-details small {
  color: #a6a6a6;
  font-size: 12px;
}
.tp-goal .medication-table {
  margin: 15px 0;
}
.tp-goal .medication-table table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}
.tp-goal .medication-table table th {
  background-color: #f3f3f3;
  padding: 8px 12px;
  text-align: left;
  font-weight: 600;
  color: #5a5a5a;
  border-bottom: 1px solid #e6e6e6;
  font-size: 12px;
}
.tp-goal .medication-table table td {
  padding: 12px;
  border-bottom: 1px solid #e6e6e6;
  color: #5a5a5a;
  vertical-align: top;
}
.tp-goal .medication-table table td:last-child {
  max-width: 200px;
  word-wrap: break-word;
}
.btn-hollow {
  max-width: 280px;
  margin-bottom: 20px;
  color: var(--customBackgroundColor);
  background-color: transparent;
}
.btn-hollow:hover {
  background-color: var(--customBackgroundColor);
  border-color: var(--customBackgroundColor);
}
.patient-tp-overview {
  padding: 20px;
}
.patient-tp-overview h2 {
  font-size: 24px;
}
.tp-diary-table {
  /* Styling for the low values */
  /* Highlight the "Today" column */
}
.tp-diary-table table {
  width: 100%;
  border-collapse: collapse;
  text-align: center;
  border-radius: 10px;
}
.tp-diary-table .week-header th {
  border: 0;
  background-color: #ffffff;
}
.tp-diary-table .week-number {
  text-align: left;
  padding-left: 0;
}
.tp-diary-table .prev-week {
  text-align: right;
  padding-right: 0;
}
.tp-diary-table th,
.tp-diary-table td {
  padding: 20px;
  border-bottom: 1px solid #e6e6e6;
  border-left: none;
  border-right: none;
}
.tp-diary-table th {
  background-color: #f3f3f3;
}
.tp-diary-table td {
  border-top: 1px solid #e6e6e6;
}
.tp-diary-table td:not(.data-label) {
  color: #5cb85c;
}
.tp-diary-table td .ico {
  font-size: 20px;
  line-height: 16px;
}
.tp-diary-table td .ico.red {
  color: #d41414;
}
.tp-diary-table td .ico.orange {
  color: #f69300;
}
.tp-diary-table td .ico.ico-cross {
  font-size: 18px;
}
.tp-diary-table td img {
  width: 30px;
}
.tp-diary-table td small {
  margin-left: 5px;
  font-size: 12px;
  font-weight: normal;
  color: #a6a6a6;
}
.tp-diary-table .low {
  background-color: #d41414;
  color: #ffffff;
  padding: 3px 8px;
  border-radius: 5px;
  display: inline-block;
}
.tp-diary-table .today-column {
  background-color: #eaf4ff;
  border-left: 2px solid var(--customBackgroundColor);
  border-right: 2px solid var(--customBackgroundColor);
}
.tp-diary-table .today-column.first {
  border-top: 2px solid var(--customBackgroundColor);
  border-bottom: 0;
}
.tp-diary-table .today-column.last {
  border-bottom: 2px solid var(--customBackgroundColor);
  border-top: 0;
}
.tp-diary-table .column-heading {
  font-weight: bold;
}
.tp-diary-table .data-label {
  text-align: left;
  background-color: #f3f3f3;
  font-weight: bold;
}
.tp-diary-table .table-footer {
  background-color: #f3f3f3;
}
.care-plan-tabs {
  background-color: #f3f3f3;
}
.care-plan-tabs .nav-tabs li {
  background-color: #ffffff;
}
.care-plan-tabs .tab-content {
  background-color: #ffffff;
}
.documents-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 20px 0 20px;
}
.documents-header .documents-title {
  margin: 0;
  font-size: 24px;
  color: #5a5a5a;
}
.documents-header .controls {
  padding-right: 20px;
  margin: 0;
}
.documents-header .controls .btn {
  font-size: 24px;
  margin-left: 10px;
}
.documents-table {
  width: 100%;
  border-collapse: collapse;
}
.documents-table th {
  background-color: #f3f3f3;
  font-weight: bold;
  padding: 12px 8px;
  text-align: left;
  font-size: 14px;
}
.documents-table td {
  padding: 12px 8px;
  vertical-align: middle;
  font-size: 14px;
}
.documents-table td.actions {
  text-align: right;
  width: 80px;
}
.documents-table td.actions .ico {
  margin-left: 8px;
  font-size: 16px;
  cursor: pointer;
}
.documents-table td.actions .ico:hover {
  opacity: 0.7;
}
.documents-table .actions .ico:not(.ico-edit) {
  font-size: 24px;
}
.text-blue {
  color: var(--customBackgroundColor) !important;
}
.text-red {
  color: #d41414 !important;
}
.text-grey {
  color: #a6a6a6 !important;
}
.text-muted {
  color: #a6a6a6;
  font-style: italic;
}
.appointments-table {
  padding: 0 20px 20px 20px;
}
.appointments-table .documents-table th:first-child,
.appointments-table .documents-table td:first-child {
  padding-left: 12px;
}
.appointments-table .documents-table th:last-child,
.appointments-table .documents-table td:last-child {
  padding-right: 12px;
}
.appointments-table .documents-table th:nth-child(1),
.appointments-table .documents-table td:nth-child(1) {
  width: 100px;
}
.appointments-table .documents-table th:nth-child(2),
.appointments-table .documents-table td:nth-child(2) {
  width: 80px;
}
.appointments-table .documents-table th:nth-child(3),
.appointments-table .documents-table td:nth-child(3) {
  width: 140px;
}
.appointments-table .documents-table th:nth-child(4),
.appointments-table .documents-table td:nth-child(4) {
  width: 180px;
}
.appointments-table .documents-table th:nth-child(5),
.appointments-table .documents-table td:nth-child(5) {
  width: 160px;
}
.appointments-table .documents-table th:nth-child(6),
.appointments-table .documents-table td:nth-child(6) {
  width: 100px;
}
.appointments-table .documents-table th:nth-child(7),
.appointments-table .documents-table td:nth-child(7) {
  width: 80px;
}
.status-confirmed {
  color: #5cb85c;
  font-weight: 500;
  background-color: rgba(40, 167, 69, 0.1);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-pending {
  color: #f69300;
  font-weight: 500;
  background-color: rgba(255, 193, 7, 0.1);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-cancelled {
  color: #d41414;
  font-weight: 500;
  background-color: rgba(220, 53, 69, 0.1);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.messages-table {
  padding: 0 20px 20px 20px;
}
.messages-table .documents-table th:first-child,
.messages-table .documents-table td:first-child {
  padding-left: 12px;
}
.messages-table .documents-table th:last-child,
.messages-table .documents-table td:last-child {
  padding-right: 12px;
}
.messages-table .documents-table th:nth-child(1),
.messages-table .documents-table td:nth-child(1) {
  width: 140px;
}
.messages-table .documents-table th:nth-child(2),
.messages-table .documents-table td:nth-child(2) {
  width: auto;
}
.messages-table .documents-table th:nth-child(3),
.messages-table .documents-table td:nth-child(3) {
  width: 180px;
}
.messages-table .documents-table th:nth-child(4),
.messages-table .documents-table td:nth-child(4) {
  width: 180px;
}
.messages-table .documents-table th:nth-child(5),
.messages-table .documents-table td:nth-child(5) {
  width: 100px;
}
.messages-table .documents-table th:nth-child(6),
.messages-table .documents-table td:nth-child(6) {
  width: 80px;
}
.messages-table .documents-table td:nth-child(2) {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.status-read {
  color: #676767;
  font-weight: 500;
  background-color: rgba(108, 117, 125, 0.1);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-unread {
  color: var(--customBackgroundColor);
  font-weight: 500;
  background-color: rgba(0, 123, 255, 0.1);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.status-delivered {
  color: #5cb85c;
  font-weight: 500;
  background-color: rgba(40, 167, 69, 0.1);
  padding: 4px 8px;
  border-radius: 12px;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.ico-reply {
  font-size: 16px;
  cursor: pointer;
  color: #a6a6a6;
}
.ico-reply:hover {
  color: var(--customBackgroundColor);
  opacity: 0.8;
}
.profile-section {
  margin-bottom: 30px;
}
.profile-section h3 {
  font-size: 18px;
  font-weight: 600;
  color: #5a5a5a;
  margin-bottom: 20px;
  border-bottom: 1px solid #e6e6e6;
  padding-bottom: 10px;
}
.profile-section .profile-value {
  font-size: 16px;
  color: #5a5a5a;
  margin: 0;
  padding: 10px 0;
}
.profile-actions {
  padding-top: 20px;
  border-top: 1px solid #e6e6e6;
}
.profile-actions .btn {
  padding: 10px 24px;
  font-size: 14px;
  font-weight: 500;
}
.network-cards .row {
  margin-bottom: 20px;
}
.network-card {
  border: 1px solid #e9ecef;
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
}
.network-card .card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px solid #e9ecef;
  background-color: #fafafa;
  border-radius: 8px 8px 0 0;
}
.network-card .card-header h4 {
  margin: 0;
  font-size: 16px;
  font-weight: 600;
  color: #5a5a5a;
}
.network-card .card-header .ico-edit {
  font-size: 16px;
  color: #a6a6a6;
  cursor: pointer;
}
.network-card .card-header .ico-edit:hover {
  color: var(--customBackgroundColor);
}
.network-card .card-content {
  padding: 20px;
}
.network-card .contact-info .info-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 12px;
}
.network-card .contact-info .info-row:last-child {
  margin-bottom: 0;
}
.network-card .contact-info .info-row .label {
  font-weight: 500;
  color: #676767;
  font-size: 14px;
  min-width: 80px;
  flex-shrink: 0;
}
.network-card .contact-info .info-row .value {
  color: #5a5a5a;
  font-size: 14px;
  text-align: right;
  flex-grow: 1;
  word-break: break-word;
}
.journal-table {
  padding: 0 20px 20px 20px;
}
.journal-table .documents-table th:first-child,
.journal-table .documents-table td:first-child {
  padding-left: 12px;
}
.journal-table .documents-table th:last-child,
.journal-table .documents-table td:last-child {
  padding-right: 12px;
}
.journal-table .documents-table th:nth-child(1),
.journal-table .documents-table td:nth-child(1) {
  width: 120px;
}
.journal-table .documents-table th:nth-child(2),
.journal-table .documents-table td:nth-child(2) {
  width: 180px;
}
.journal-table .documents-table th:nth-child(3),
.journal-table .documents-table td:nth-child(3) {
  width: auto;
}
.journal-table .documents-table th:nth-child(4),
.journal-table .documents-table td:nth-child(4) {
  width: 180px;
}
.journal-table .documents-table th:nth-child(5),
.journal-table .documents-table td:nth-child(5) {
  width: 80px;
}
.journal-table .documents-table td:nth-child(3) {
  max-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-protein-chart .taskbar-goal,
.widget-fluid-chart .taskbar-goal,
.widget-steps-chart .taskbar-goal {
  display: flex;
  align-items: center;
  margin-left: auto;
}
.widget-protein-chart .taskbar-goal .goal-label,
.widget-fluid-chart .taskbar-goal .goal-label,
.widget-steps-chart .taskbar-goal .goal-label {
  font-size: 12px;
  color: #676767;
  margin-right: 8px;
}
.widget-protein-chart .taskbar-goal .goal-value,
.widget-fluid-chart .taskbar-goal .goal-value,
.widget-steps-chart .taskbar-goal .goal-value {
  font-size: 14px;
  font-weight: bold;
}
.widget-protein-chart .chart-wrapper,
.widget-fluid-chart .chart-wrapper,
.widget-steps-chart .chart-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.widget-protein-chart .chart-wrapper .line-chart,
.widget-fluid-chart .chart-wrapper .line-chart,
.widget-steps-chart .chart-wrapper .line-chart {
  width: 100%;
}
.widget-protein-chart .chart-wrapper .goal-line,
.widget-fluid-chart .chart-wrapper .goal-line,
.widget-steps-chart .chart-wrapper .goal-line {
  stroke: #b9b9b9;
  stroke-width: 1px;
}
.widget-therapy-training .ui-datatable-tablewrapper {
  max-height: 300px;
  overflow-y: auto;
}
.widget-therapy-training table tbody tr:nth-child(odd) {
  background-color: #f3f3f3;
}
.widget-therapy-training table tbody tr td {
  padding: 8px 12px;
  font-size: 13px;
}
.widget-therapy-training table tbody tr td:first-child {
  font-weight: 600;
  color: var(--customBackgroundColor);
}
.widget-therapy-training table tbody tr td:last-child {
  font-weight: 500;
  color: #676767;
}
.therapy-lightbox .weekly-frequency-selection {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 10px 0;
}
.therapy-lightbox .weekly-frequency-selection li {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.therapy-lightbox .weekly-frequency-selection li input[type="checkbox"] {
  margin-bottom: 5px;
}
.therapy-lightbox .weekly-frequency-selection li label {
  font-size: 12px;
  color: #676767;
  cursor: pointer;
  padding: 8px 12px;
  border: 1px solid #e6e6e6;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.therapy-lightbox .weekly-frequency-selection li label:hover {
  background-color: #f3f3f3;
}
.therapy-lightbox .weekly-frequency-selection li input[type="checkbox"]:checked + label {
  background-color: var(--customBackgroundColor);
  color: #ffffff;
  border-color: var(--customBackgroundColor);
}
.main-dashboard.left-column {
  /* Make dashboard filter dropdown an overlay to avoid affecting scroll height */
}
.main-dashboard.left-column #collaborative-left {
  max-width: calc(100% - 64px);
}
.main-dashboard.left-column #collaborative-left .top-bar .column-collapse {
  display: block;
}
.main-dashboard.left-column .info-bar,
.main-dashboard.left-column .content-wrap.double {
  display: none;
}
.main-dashboard.left-column .top-bar.search-filters {
  border-bottom: 0;
}
.main-dashboard.left-column .filter-options {
  max-width: 1000px;
  margin: 0 auto;
}
.main-dashboard.left-column .top-bar.search-filters {
  position: relative;
}
.main-dashboard.left-column .top-bar.search-filters > .top-bar.expendable {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background: #f3f3f3;
  border-bottom: 1px solid #d9d9d9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.main-dashboard.left-column .top-bar.search-filters > .top-bar.expendable:not(.in):not(.collapsing) {
  border-bottom: 0;
  box-shadow: none;
}
.main-dashboard .top-bar .top-bar {
  border-top: none !important;
  margin-top: 0 !important;
}
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
  grid-auto-rows: 300px;
  gap: 20px;
  padding: 20px;
  container-type: inline-size;
  min-width: 0;
}
.dashboard-grid .ui-datatable-tablewrapper,
.dashboard-grid .widget-content {
  scrollbar-gutter: stable;
  overflow: hidden;
}
.dashboard-grid .ui-datatable-tablewrapper:hover,
.dashboard-grid .widget-content:hover {
  overflow-y: auto !important;
  overflow-x: auto !important;
}
@container (max-width: 1000px) {
  grid-template-columns: 1fr;
}
.dashboard-grid .span-col-2 {
  grid-column: span 2;
}
.dashboard-grid .span-row-2 {
  grid-row: span 2;
}
.dashboard-grid .span-2x2 {
  grid-column: span 2;
  grid-row: span 2;
}
.dashboard-grid .span-col-3 {
  grid-column: span 3;
}
.dashboard-grid .span-row-3 {
  grid-row: span 3;
}
.dashboard-grid .span-3x3 {
  grid-column: span 3;
  grid-row: span 3;
}
@container (max-width: 940px) {
  .span-col-2,
  .span-col-3,
  .span-row-2,
  .span-row-3,
  .span-2x2,
  .span-3x3 {
    grid-column: span 1 !important;
  }
}
.tag--trg {
  cursor: pointer;
}
.tag--trg .trg--tag {
  visibility: hidden;
}
.toggle-widgets-view .scrolling {
  padding: 20px;
}
.toggle-widgets-view.inner-column.col-narrow {
  max-width: 300px;
}
.column-content:not(.edit-main-dashboard) .sort-handle {
  cursor: default;
}
.column-content:not(.edit-main-dashboard) .edit-view-options,
.column-content:not(.edit-main-dashboard) .ico-handle {
  display: none;
}
.edit-main-dashboard .widget-taskbar a,
.edit-main-dashboard .welcome-content > *,
.edit-main-dashboard .widget-content {
  pointer-events: none;
}
.edit-main-dashboard .widget {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.edit-main-dashboard .widget .sort-handle {
  cursor: grab;
}
.edit-main-dashboard .widget .ico-handle {
  position: relative;
  top: -1px;
  margin-right: 5px;
  color: #a6a6a6;
  font-size: 16px;
  pointer-events: none;
}
.edit-main-dashboard .widget.widget-overview .ico-handle {
  position: absolute;
  top: 12px;
}
.edit-main-dashboard .widget .taskbar-actions {
  display: none;
}
.edit-main-dashboard .widget .scrolling {
  overflow: hidden !important;
}
.edit-main-dashboard .widget:hover .welcome-content > *,
.edit-main-dashboard .widget:hover .widget-content {
  opacity: .3;
}
.edit-main-dashboard .widget:hover .edit-view-options {
  display: flex;
}
.edit-main-dashboard .widget-welcome .ico-handle {
  position: absolute;
  top: 12px;
  left: 12px;
}
.edit-main-dashboard .edit-view-options {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 2;
}
.edit-main-dashboard .edit-options {
  position: absolute;
  top: 12px;
  right: 12px;
}
.edit-main-dashboard .stretch-options {
  display: flex;
  column-gap: 6px;
  padding: 6px;
  border-radius: 25px;
  background-color: #f3f3f3;
}
.edit-main-dashboard .stretch-options .opt-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: #d9d9d9;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 50%;
  cursor: pointer;
}
.edit-main-dashboard .stretch-options .opt-icon:hover {
  background-color: #f3f3f3;
}
.edit-main-dashboard .stretch-options .opt-icon .svg-icon {
  pointer-events: none;
}
.edit-main-dashboard .stretch-options .opt-icon[data-stretch=sho] {
  background-image: url('../media/icons/dashboard/stretch-horizontal-outer.svg');
}
.edit-main-dashboard .stretch-options .opt-icon[data-stretch=shi] {
  background-image: url('../media/icons/dashboard/stretch-horizontal-inner.svg');
}
.edit-main-dashboard .stretch-options .opt-icon[data-stretch=svo] {
  background-image: url('../media/icons/dashboard/stretch-vertical-outer.svg');
}
.edit-main-dashboard .stretch-options .opt-icon[data-stretch=svi] {
  background-image: url('../media/icons/dashboard/stretch-vertical-inner.svg');
}
.ui-widget {
  font-family: 'Lato', sans-serif !important;
}
.ui-widget.disabled .ui-widget-header {
  background-color: transparent !important;
}
.widget {
  position: relative;
  padding: 8px 12px 12px;
  background: #ffffff;
  border: 1px solid #e6e6e6;
}
.widget::before {
  content: "";
  position: absolute;
  top: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 3px;
  background-color: var(--customBackgroundColor);
}
.widget:not([class*="span-row-"]) {
  height: 300px;
}
.widget .ui-datatable-header,
.widget .widget-taskbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 34px;
  margin-bottom: 6px !important;
}
.widget .taskbar-title {
  font-size: 16px;
  font-weight: bold;
}
.widget .taskbar-title a {
  color: #000000;
}
.widget .taskbar-actions {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
}
.widget .taskbar-actions i.ico-chart {
  font-size: 20px;
  height: 20px;
}
.widget .taskbar-actions i.ico-chart::before {
  vertical-align: top;
}
.widget .taskbar-icon {
  display: grid;
  place-content: center;
  width: 20px;
  height: 20px;
  font-size: 26px;
  font-weight: 300;
  cursor: pointer;
  color: var(--customBackgroundColor);
  text-decoration: none;
}
.widget .taskbar-icon:hover {
  color: #0080a6;
}
.widget .taskbar-filter {
  font-weight: normal;
  cursor: default;
}
.widget .search-widget {
  position: relative;
  max-width: 140px;
}
.widget .search-widget input {
  width: 100%;
  padding: 4px 28px 4px 12px;
  border-radius: 14px;
  font-size: 12px;
  border-color: #f3f3f3;
  background-color: #fafafa;
}
.widget .search-widget .search-icon {
  position: absolute;
  top: 2px;
  right: 10px;
  color: var(--customBackgroundColor);
  cursor: pointer;
}
.widget .search-widget .search-icon:hover {
  color: #0080a6;
}
.widget .ui-datatable {
  max-height: 100%;
}
.widget .ui-datatable-header {
  background-color: transparent !important;
  border: none !important;
  color: inherit !important;
  padding: 0 !important;
  font-weight: normal !important;
  border-radius: unset !important;
}
.widget .ui-datatable-tablewrapper,
.widget .widget-content {
  min-height: calc(100% - 32px);
  max-height: calc(100% - 32px);
}
.widget .ui-datatable-tablewrapper.align-center,
.widget .widget-content.align-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget .ui-datatable-tablewrapper .listing-title,
.widget .widget-content .listing-title {
  padding: 12px 0;
}
.widget .ui-datatable-tablewrapper .ui-column-title,
.widget .widget-content .ui-column-title {
  font-weight: normal;
  font-size: 13px;
}
.widget .ui-datatable-tablewrapper th,
.widget .widget-content th {
  border-bottom: 0;
  background-color: #fafafa;
}
.widget .ui-datatable-tablewrapper th .ui-sortable-column-icon,
.widget .widget-content th .ui-sortable-column-icon {
  visibility: hidden;
}
.widget .ui-datatable-tablewrapper th:hover .ui-sortable-column-icon,
.widget .widget-content th:hover .ui-sortable-column-icon {
  visibility: visible;
}
.widget .ui-datatable-tablewrapper .ui-datatable-data tr:not(:last-child),
.widget .widget-content .ui-datatable-data tr:not(:last-child) {
  border-bottom: 1px solid #f3f3f3 !important;
}
.widget .ui-datatable-tablewrapper .ui-datatable-data tr:hover,
.widget .widget-content .ui-datatable-data tr:hover {
  background-color: #fafafa;
}
.widget .ui-datatable-tablewrapper .ui-datatable-data td,
.widget .widget-content .ui-datatable-data td {
  font-size: 13px;
  padding: 6px;
}
.widget .ui-datatable-tablewrapper .ui-datatable-data td:first-of-type,
.widget .widget-content .ui-datatable-data td:first-of-type {
  padding-left: 12px;
}
.widget .widget-list li {
  padding: 2px 0;
  font-size: 14px;
}
.widget .widget-list li label {
  cursor: pointer;
}
.widget .widget-list li input[type=checkbox] {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
.widget table tr.tag--trg,
.widget table tr[data-href] {
  cursor: pointer;
}
.widget table tr.tag--trg:hover,
.widget table tr[data-href]:hover {
  color: var(--customBackgroundColor);
}
.widget table td {
  max-width: 170px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border-bottom-color: #f3f3f3;
}
.widget table td i {
  position: relative;
  top: -1px;
  margin-right: 4px;
}
.widget table td i.has-tooltip {
  margin-left: 0;
}
.widget table td:has(.profile-img) {
  width: 28px !important;
}
.widget table td.align-center,
.widget table th.align-center {
  text-align: center;
  padding-right: 7px !important;
}
.widget table td.align-center i,
.widget table th.align-center i {
  margin-right: 0;
}
.widget .ui-datatable-tablewrapper thead tr th,
.widget .stats-content thead tr th {
  color: #a6a6a6;
  padding: 4px 6px;
  font-weight: normal;
}
.widget .ui-datatable-tablewrapper thead tr th:first-of-type,
.widget .stats-content thead tr th:first-of-type {
  width: auto;
  padding-left: 12px;
}
.widget .ui-datatable-tablewrapper thead tr th:nth-child(3),
.widget .stats-content thead tr th:nth-child(3) {
  text-align: left;
}
.widget .ui-datatable-tablewrapper tbody tr td:first-of-type,
.widget .stats-content tbody tr td:first-of-type {
  width: auto;
}
.widget .ui-datatable-tablewrapper tbody tr td:nth-child(3),
.widget .stats-content tbody tr td:nth-child(3) {
  text-align: left;
}
.widget .unread {
  background-color: #f3fcff !important;
}
.widget .priority {
  border-left: 3px solid #d41414 !important;
}
.widget .line-chart-container,
.widget .bar-chart-container {
  height: 234px;
  padding: 0;
}
.widget .line-chart-container .nv-x.nv-axis .tick text,
.widget .bar-chart-container .nv-x.nv-axis .tick text {
  text-anchor: middle !important;
}
.widget .line-chart-container svg,
.widget .bar-chart-container svg {
  overflow: visible;
}
.widget .line-chart-container.horizontal-chart .nv-y.nv-axis .tick text,
.widget .bar-chart-container.horizontal-chart .nv-y.nv-axis .tick text {
  font-size: 11px;
  text-anchor: end !important;
}
.widget .line-chart-container.x-axis-sm .nv-x.nv-axis text,
.widget .bar-chart-container.x-axis-sm .nv-x.nv-axis text {
  font-size: 10px !important;
}
.widget .line-chart-container.x-axis-xs .nv-x.nv-axis text,
.widget .bar-chart-container.x-axis-xs .nv-x.nv-axis text {
  font-size: 8px !important;
  transform: translate(0, -1px) !important;
}
.widget .line-chart-container.x-label-hidden,
.widget .bar-chart-container.x-label-hidden {
  height: 250px;
  margin-bottom: 0;
}
.widget .line-chart-container {
  position: relative;
  margin-bottom: 0;
  top: 16px;
}
.widget .line-chart-container:has(.nv-legend) {
  height: 254px;
  top: -4px;
}
.widget .chart-info {
  margin-left: 8px;
  font-size: 15px;
  text-decoration: none;
}
.dashboard-grid .widget-chart .widget-content:hover {
  overflow: hidden !important;
}
.widget-actions tbody tr td:first-of-type {
  width: 28px !important;
}
.widget-overview {
  padding-top: 12px;
  container: inline-size;
}
.widget-overview:not(.span-col-2, .span-col-3) .overview-right {
  display: none;
}
.widget-overview .overview-content {
  position: relative;
  display: flex;
  gap: 16px;
  height: 100%;
}
.widget-overview .overview-content .ico-handle {
  position: absolute;
  top: 0;
  left: 0;
}
.widget-overview .overview-left {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-overview .overview-left .overview-info {
  display: flex;
  gap: 18px;
  align-items: flex-start;
  margin: 0 20px 0 0;
}
.widget-overview .overview-left .profile-img {
  width: 80px;
  min-width: 80px;
  height: 80px;
}
.widget-overview .overview-left .doctor-info .title {
  font-size: 14px;
  margin-bottom: 4px;
}
.widget-overview .overview-left .doctor-info .name {
  font-weight: bold;
  font-size: 18px;
}
.widget-overview .overview-left .doctor-info .org,
.widget-overview .overview-left .doctor-info .desc {
  color: #4d4d4d;
  font-size: 16px;
}
.widget-overview .overview-left .doctor-info .last-login {
  color: #a6a6a6;
  font-size: 12px;
  margin-top: 4px;
}
.widget-overview .overview-right {
  flex: 1 1 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.widget-overview .overview-right .overview-links {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  width: 100%;
}
.widget-overview .overview-right .actions,
.widget-overview .overview-right .quicklinks {
  flex: 1 1 50%;
}
.widget-overview .overview-right .actions .section-title,
.widget-overview .overview-right .quicklinks .section-title {
  font-weight: bold;
  margin: 4px 0 8px;
}
.widget-overview .overview-right .actions ul,
.widget-overview .overview-right .quicklinks ul {
  padding-left: 0;
  margin: 0;
}
.widget-overview .overview-right .actions ul li,
.widget-overview .overview-right .quicklinks ul li {
  list-style: none;
}
.widget-overview .overview-right .actions ul li a,
.widget-overview .overview-right .quicklinks ul li a {
  color: var(--customBackgroundColor);
  text-decoration: none;
  margin: 3px 0;
  display: inline-block;
}
.widget-overview .overview-right .actions ul li a:hover,
.widget-overview .overview-right .quicklinks ul li a:hover {
  text-decoration: underline;
}
@media (max-width: 600px) {
  .widget-overview .overview-content {
    flex-direction: column;
  }
  .widget-overview .overview-right {
    flex-direction: column;
  }
}
@container (max-width: 600px) {
  .overview-right {
    display: none !important;
  }
}
#widgets-designer {
  padding-bottom: 49px;
}
.edit-widgets .col-wide {
  display: flex;
  flex-direction: row;
  position: relative;
  overflow: hidden;
}
.edit-widgets .col-wide.editing .widgets-properties {
  z-index: 10;
  transform: translateX(0);
  box-shadow: -10px 0 20px -5px rgba(0, 0, 0, 0.1);
}
.edit-widgets .preview-scrolling {
  width: 100%;
  max-height: 100%;
  transition: width 0.35s ease;
}
.edit-widgets .widgets-properties {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 400px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  transform: translateX(100%);
  transition: transform 0.35s ease-out;
  border-left: 1px solid #d9d9d9;
  background-color: #ffffff;
}
.edit-widgets .properties-content {
  padding: 20px;
}
.edit-widgets .properties-footer {
  display: flex;
  justify-content: space-between;
  column-gap: 20px;
  padding: 14px;
  border-top: 1px solid #d9d9d9;
  background-color: #f3f3f3;
}
.edit-widgets .properties-footer .props-btns {
  display: flex;
  justify-content: flex-end;
  column-gap: 20px;
}
.widgets-list-view.inner-column.col-narrow {
  max-width: 280px;
}
.widgets-list-view .scrolling > div {
  padding: 20px 0;
}
.widgets-list-view .scrolling > div h3,
.widgets-list-view .scrolling > div h5 {
  padding: 0 20px;
}
.widgets-list-view .widget-category {
  margin: 16px 0 24px;
  cursor: default;
}
.widgets-list-view .widget-category h5 {
  margin-bottom: 8px;
}
.widgets-list-view .widget-item {
  padding: 4px 20px;
  font-size: 16px;
  color: var(--customBackgroundColor);
}
.widgets-list-view .widget-item.selected {
  background-color: #f3f3f3;
}
.widgets-list-view .widget-item:not(.selected):hover {
  cursor: pointer;
  background-color: #f3f3f3;
}
.scrolling.editing {
  overflow: hidden;
}
.widgets-preview {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 100px;
  padding: 100px;
}
.widgets-preview .widget {
  transition: box-shadow 0.25s ease;
}
.widgets-preview .widget::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 2;
  inset: 0;
  width: 100%;
  height: 100%;
  background: transparent;
}
.widgets-preview .widget:not(.span-col-2, .span-col-3) {
  min-width: 500px;
  max-width: 560px;
}
.widgets-preview .widget.span-col-2 {
  min-width: 845px;
  max-width: 1000px;
}
.widgets-preview .widget:not(.span-row-2, .span-row-3) {
  min-height: 300px;
  max-height: 300px;
}
.widgets-preview .widget.span-row-2 {
  min-height: 600px;
  max-height: 600px;
}
.widgets-preview .widget.span-row-3 {
  min-height: 800px;
  max-height: 800px;
}
.widgets-preview .widget .widget-content {
  overflow: hidden;
}
.widgets-preview .widget.disabled {
  opacity: 0.3;
}
.widgets-preview .widget:not(.disabled):hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
.widgets-preview .widget.selected {
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.widgets-preview .widget.selected::after {
  cursor: default;
}
.widgets-preview .widget .search-icon {
  top: 4px;
}
table.dataTable.no-footer {
  border-bottom: 0;
}
table.dataTable.nowrap td {
  white-space: unset;
}
table.dataTable.nowrap th {
  white-space: nowrap;
}
table.dataTable thead th,
table.dataTable thead td {
  border-bottom: 1px solid #e6e6e6;
  background-color: #f3f3f3;
}
table.dataTable thead > tr > th.sorting_asc:before,
table.dataTable thead > tr > th.sorting_desc:before,
table.dataTable thead > tr > th.sorting_asc:after,
table.dataTable thead > tr > th.sorting_desc:after {
  content: '';
  opacity: 1;
}
table.dataTable thead > tr > th.sorting:not(.sorting_asc):not(.sorting_desc):before,
table.dataTable thead > tr > th.sorting:not(.sorting_asc):not(.sorting_desc):after {
  content: '';
  opacity: .3;
}
table.dataTable .sorting_asc,
table.dataTable .sorting_desc {
  background-color: #e6e6e6 !important;
}
table.dataTable.compact thead th,
table.dataTable.compact tbody th,
table.dataTable.compact thead td,
table.dataTable.compact tbody td {
  padding-left: 10px !important;
}
table.dataTable tbody tr .sorting_1 {
  background-color: #f3f3f3;
}
table.dataTable tbody tr.even {
  background-color: #fafafa;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 0;
}
.dataTables_wrapper .dataTables_length label {
  line-height: 34px;
}
.dataTables_wrapper .dataTables_length select {
  height: 32px;
}
.dataTables_wrapper .dataTables_filter label {
  margin-bottom: 10px;
}
.dataTables_wrapper .dataTables_filter input {
  margin-left: 6px;
}
.dataTables_wrapper .dataTables_paginate {
  padding-top: 10px;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current {
  background: #e6e6e6;
  border-color: #d9d9d9;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:focus,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:active {
  background: #e6e6e6;
  border-color: #d9d9d9;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button:active,
.dataTables_wrapper .dataTables_paginate .paginate_button:focus {
  background: #f3f3f3;
  border-color: var(--customBackgroundColor);
  color: #4d4d4d !important;
  box-shadow: none !important;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled {
  opacity: .5;
  color: #4d4d4d !important;
}
.dataTable thead > tr > .sorting_asc {
  padding-right: 30px;
}
.dataTable thead > tr > .sorting_desc {
  padding-right: 30px;
}
.dataTable thead > tr > .sorting {
  padding-right: 30px;
}
.dataTable thead > tr > .sorting:not(.sorting_asc):not(.sorting_desc):hover:before,
.dataTable thead > tr > .sorting:not(.sorting_asc):not(.sorting_desc):hover:after {
  opacity: 1;
}
.dataTable thead > tr > th:active {
  outline: none;
}
.dataTable thead > tr > td:active {
  outline: none;
}
.dataTable thead .sorting {
  cursor: pointer;
  position: relative;
  outline: none;
}
.dataTable thead .sorting:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--customBackgroundColor);
  opacity: .5;
}
.dataTable thead .sorting_asc {
  cursor: pointer;
  position: relative;
}
.dataTable thead .sorting_asc:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -4px;
  right: 10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-top-color: var(--customBackgroundColor);
}
.dataTable thead .sorting_desc {
  cursor: pointer;
  position: relative;
}
.dataTable thead .sorting_desc:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
  border-bottom-color: var(--customBackgroundColor);
}
.dataTable thead .sorting_asc_disabled {
  cursor: pointer;
  position: relative;
}
.dataTable thead .sorting_asc_disabled:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
}
.dataTable thead .sorting_desc_disabled {
  cursor: pointer;
  position: relative;
}
.dataTable thead .sorting_desc_disabled:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -10px;
  right: 10px;
  width: 0;
  height: 0;
  border: solid transparent;
  border-width: 6px 5px;
}
.dataTable tr.group {
  cursor: pointer;
}
.dataTable tr.group i {
  margin-left: 3px;
  color: var(--customBackgroundColor);
}
.dataTable tr.group input {
  margin: 0 13px 0 2px;
  vertical-align: middle;
}
.dataTable tr.group td {
  background: #f3f3f3;
}
.dataTable tr.group .pull-right {
  position: relative;
  top: 11px;
  right: 10px;
}
.dataTables_scrollHeadInner {
  width: 100% !important;
}
.dataTables_scrollBody .dataTable thead th:after {
  display: none !important;
}
html:has(.patient.mobile) {
  overflow: hidden;
}
html:has(.patient.mobile) .main.two-column-layout {
  overflow: hidden;
}
html:has(.patient.mobile) header.header .profile .profile-img {
  margin-right: 4px;
}
html:has(.patient.mobile) .content-wrap:has(.real-patient-dash) .search-bar-patient {
  display: none;
}
.column-content:not(:has([data-load-level])) .go-level-back {
  display: none;
}
.main-patient-dashboard {
  /* Make dashboard filter dropdown an overlay to avoid affecting scroll height */
}
.main-patient-dashboard .top-bar.search-filters {
  border-bottom: 0;
}
.main-patient-dashboard .filter-options {
  max-width: 1000px;
  margin: 0 auto;
}
.main-patient-dashboard .top-bar.search-filters {
  position: relative;
}
.main-patient-dashboard .top-bar.search-filters > .top-bar.expendable {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 10;
  background: #f3f3f3;
  border-bottom: 1px solid #d9d9d9;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}
.main-patient-dashboard .top-bar.search-filters > .top-bar.expendable:not(.in):not(.collapsing) {
  border-bottom: 0;
  box-shadow: none;
}
.main-patient-dashboard .top-bar .top-bar {
  border-top: none !important;
  margin-top: 0 !important;
}
.user-info-box {
  height: 65px;
}
.user-info-box .second-controls {
  margin: 0;
  padding: 0;
  border-top: 0;
}
.user-info-box .profile-img,
.user-info-box .profile-initials,
.user-info-box .profile-plus {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 0 !important;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  border: 0;
  float: none;
  vertical-align: middle;
}
.user-info-box .profile-initials,
.user-info-box .profile-plus {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.user-info-box .profile-initials span,
.user-info-box .profile-plus span {
  padding: 0;
}
.user-info-box .profile-initials {
  background-color: rgba(255, 255, 255, 0.5);
}
.user-info-box .profile-plus {
  background-color: rgba(255, 255, 255, 0.8);
}
.user-info-box .profile-plus span {
  color: #0080a6;
}
.user-info-box .patient-data.active a {
  text-decoration: none !important;
}
.right-column:not(.full-width) .single-mode .user-info-box .second-controls {
  display: block !important;
}
.right-column:not(.full-width) .single-mode .user-info-box .second-controls li:not(.item-fixed) {
  display: none;
}
.patient-tab-content .tab-pane {
  padding: 0;
}
.patient-tab-content .scrolling:not(.inline-height) {
  width: 100%;
  height: auto !important;
}
.popup-actions {
  position: absolute;
  right: 27px;
  top: 24px;
  z-index: 1;
}
.timeline-content,
.admin-patient-profile,
.patient-results,
.pr-lightbox {
  position: relative;
}
.timeline-content .filter-options,
.admin-patient-profile .filter-options,
.patient-results .filter-options,
.pr-lightbox .filter-options,
.timeline-content .dash-popup,
.admin-patient-profile .dash-popup,
.patient-results .dash-popup,
.pr-lightbox .dash-popup,
.timeline-content .options-popup,
.admin-patient-profile .options-popup,
.patient-results .options-popup,
.pr-lightbox .options-popup,
.timeline-content .new-result-btn,
.admin-patient-profile .new-result-btn,
.patient-results .new-result-btn,
.pr-lightbox .new-result-btn {
  position: relative;
  display: inline-block;
  min-width: 180px;
  height: 40px;
  padding: 0 20px;
  margin-left: 20px;
  font-size: 14px;
  text-align: center;
  line-height: 34px;
  background-color: #ffffff;
  border-radius: 4px;
  cursor: pointer;
  z-index: 1;
}
.timeline-content .filter-options:not(.border-only),
.admin-patient-profile .filter-options:not(.border-only),
.patient-results .filter-options:not(.border-only),
.pr-lightbox .filter-options:not(.border-only),
.timeline-content .dash-popup:not(.border-only),
.admin-patient-profile .dash-popup:not(.border-only),
.patient-results .dash-popup:not(.border-only),
.pr-lightbox .dash-popup:not(.border-only),
.timeline-content .options-popup:not(.border-only),
.admin-patient-profile .options-popup:not(.border-only),
.patient-results .options-popup:not(.border-only),
.pr-lightbox .options-popup:not(.border-only),
.timeline-content .new-result-btn:not(.border-only),
.admin-patient-profile .new-result-btn:not(.border-only),
.patient-results .new-result-btn:not(.border-only),
.pr-lightbox .new-result-btn:not(.border-only) {
  border: 1px solid #f3f3f3;
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
}
.timeline-content .filter-options.border-only,
.admin-patient-profile .filter-options.border-only,
.patient-results .filter-options.border-only,
.pr-lightbox .filter-options.border-only,
.timeline-content .dash-popup.border-only,
.admin-patient-profile .dash-popup.border-only,
.patient-results .dash-popup.border-only,
.pr-lightbox .dash-popup.border-only,
.timeline-content .options-popup.border-only,
.admin-patient-profile .options-popup.border-only,
.patient-results .options-popup.border-only,
.pr-lightbox .options-popup.border-only,
.timeline-content .new-result-btn.border-only,
.admin-patient-profile .new-result-btn.border-only,
.patient-results .new-result-btn.border-only,
.pr-lightbox .new-result-btn.border-only {
  border: 1px solid #d9d9d9;
}
.timeline-content .filter-options .ico-filter,
.admin-patient-profile .filter-options .ico-filter,
.patient-results .filter-options .ico-filter,
.pr-lightbox .filter-options .ico-filter,
.timeline-content .dash-popup .ico-filter,
.admin-patient-profile .dash-popup .ico-filter,
.patient-results .dash-popup .ico-filter,
.pr-lightbox .dash-popup .ico-filter,
.timeline-content .options-popup .ico-filter,
.admin-patient-profile .options-popup .ico-filter,
.patient-results .options-popup .ico-filter,
.pr-lightbox .options-popup .ico-filter,
.timeline-content .new-result-btn .ico-filter,
.admin-patient-profile .new-result-btn .ico-filter,
.patient-results .new-result-btn .ico-filter,
.pr-lightbox .new-result-btn .ico-filter,
.timeline-content .filter-options .ico-plus-circle,
.admin-patient-profile .filter-options .ico-plus-circle,
.patient-results .filter-options .ico-plus-circle,
.pr-lightbox .filter-options .ico-plus-circle,
.timeline-content .dash-popup .ico-plus-circle,
.admin-patient-profile .dash-popup .ico-plus-circle,
.patient-results .dash-popup .ico-plus-circle,
.pr-lightbox .dash-popup .ico-plus-circle,
.timeline-content .options-popup .ico-plus-circle,
.admin-patient-profile .options-popup .ico-plus-circle,
.patient-results .options-popup .ico-plus-circle,
.pr-lightbox .options-popup .ico-plus-circle,
.timeline-content .new-result-btn .ico-plus-circle,
.admin-patient-profile .new-result-btn .ico-plus-circle,
.patient-results .new-result-btn .ico-plus-circle,
.pr-lightbox .new-result-btn .ico-plus-circle,
.timeline-content .filter-options .ico-dots-full,
.admin-patient-profile .filter-options .ico-dots-full,
.patient-results .filter-options .ico-dots-full,
.pr-lightbox .filter-options .ico-dots-full,
.timeline-content .dash-popup .ico-dots-full,
.admin-patient-profile .dash-popup .ico-dots-full,
.patient-results .dash-popup .ico-dots-full,
.pr-lightbox .dash-popup .ico-dots-full,
.timeline-content .options-popup .ico-dots-full,
.admin-patient-profile .options-popup .ico-dots-full,
.patient-results .options-popup .ico-dots-full,
.pr-lightbox .options-popup .ico-dots-full,
.timeline-content .new-result-btn .ico-dots-full,
.admin-patient-profile .new-result-btn .ico-dots-full,
.patient-results .new-result-btn .ico-dots-full,
.pr-lightbox .new-result-btn .ico-dots-full {
  position: relative;
  font-size: 18px;
  top: 1px;
  left: -8px;
  color: var(--customBackgroundColor);
}
.timeline-content .filter-options.opened,
.admin-patient-profile .filter-options.opened,
.patient-results .filter-options.opened,
.pr-lightbox .filter-options.opened,
.timeline-content .dash-popup.opened,
.admin-patient-profile .dash-popup.opened,
.patient-results .dash-popup.opened,
.pr-lightbox .dash-popup.opened,
.timeline-content .options-popup.opened,
.admin-patient-profile .options-popup.opened,
.patient-results .options-popup.opened,
.pr-lightbox .options-popup.opened,
.timeline-content .new-result-btn.opened,
.admin-patient-profile .new-result-btn.opened,
.patient-results .new-result-btn.opened,
.pr-lightbox .new-result-btn.opened {
  border-color: var(--customBackgroundColor);
}
.timeline-content .filter-options.opened .filter-dropdown,
.admin-patient-profile .filter-options.opened .filter-dropdown,
.patient-results .filter-options.opened .filter-dropdown,
.pr-lightbox .filter-options.opened .filter-dropdown,
.timeline-content .dash-popup.opened .filter-dropdown,
.admin-patient-profile .dash-popup.opened .filter-dropdown,
.patient-results .dash-popup.opened .filter-dropdown,
.pr-lightbox .dash-popup.opened .filter-dropdown,
.timeline-content .options-popup.opened .filter-dropdown,
.admin-patient-profile .options-popup.opened .filter-dropdown,
.patient-results .options-popup.opened .filter-dropdown,
.pr-lightbox .options-popup.opened .filter-dropdown,
.timeline-content .new-result-btn.opened .filter-dropdown,
.admin-patient-profile .new-result-btn.opened .filter-dropdown,
.patient-results .new-result-btn.opened .filter-dropdown,
.pr-lightbox .new-result-btn.opened .filter-dropdown,
.timeline-content .filter-options.opened .dash-dropdown,
.admin-patient-profile .filter-options.opened .dash-dropdown,
.patient-results .filter-options.opened .dash-dropdown,
.pr-lightbox .filter-options.opened .dash-dropdown,
.timeline-content .dash-popup.opened .dash-dropdown,
.admin-patient-profile .dash-popup.opened .dash-dropdown,
.patient-results .dash-popup.opened .dash-dropdown,
.pr-lightbox .dash-popup.opened .dash-dropdown,
.timeline-content .options-popup.opened .dash-dropdown,
.admin-patient-profile .options-popup.opened .dash-dropdown,
.patient-results .options-popup.opened .dash-dropdown,
.pr-lightbox .options-popup.opened .dash-dropdown,
.timeline-content .new-result-btn.opened .dash-dropdown,
.admin-patient-profile .new-result-btn.opened .dash-dropdown,
.patient-results .new-result-btn.opened .dash-dropdown,
.pr-lightbox .new-result-btn.opened .dash-dropdown,
.timeline-content .filter-options.opened .options-dropdown,
.admin-patient-profile .filter-options.opened .options-dropdown,
.patient-results .filter-options.opened .options-dropdown,
.pr-lightbox .filter-options.opened .options-dropdown,
.timeline-content .dash-popup.opened .options-dropdown,
.admin-patient-profile .dash-popup.opened .options-dropdown,
.patient-results .dash-popup.opened .options-dropdown,
.pr-lightbox .dash-popup.opened .options-dropdown,
.timeline-content .options-popup.opened .options-dropdown,
.admin-patient-profile .options-popup.opened .options-dropdown,
.patient-results .options-popup.opened .options-dropdown,
.pr-lightbox .options-popup.opened .options-dropdown,
.timeline-content .new-result-btn.opened .options-dropdown,
.admin-patient-profile .new-result-btn.opened .options-dropdown,
.patient-results .new-result-btn.opened .options-dropdown,
.pr-lightbox .new-result-btn.opened .options-dropdown {
  display: block;
}
.timeline-content .filter-options:hover,
.admin-patient-profile .filter-options:hover,
.patient-results .filter-options:hover,
.pr-lightbox .filter-options:hover,
.timeline-content .dash-popup:hover,
.admin-patient-profile .dash-popup:hover,
.patient-results .dash-popup:hover,
.pr-lightbox .dash-popup:hover,
.timeline-content .options-popup:hover,
.admin-patient-profile .options-popup:hover,
.patient-results .options-popup:hover,
.pr-lightbox .options-popup:hover,
.timeline-content .new-result-btn:hover,
.admin-patient-profile .new-result-btn:hover,
.patient-results .new-result-btn:hover,
.pr-lightbox .new-result-btn:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.timeline-content .filter-options .new-view,
.admin-patient-profile .filter-options .new-view,
.patient-results .filter-options .new-view,
.pr-lightbox .filter-options .new-view,
.timeline-content .dash-popup .new-view,
.admin-patient-profile .dash-popup .new-view,
.patient-results .dash-popup .new-view,
.pr-lightbox .dash-popup .new-view,
.timeline-content .options-popup .new-view,
.admin-patient-profile .options-popup .new-view,
.patient-results .options-popup .new-view,
.pr-lightbox .options-popup .new-view,
.timeline-content .new-result-btn .new-view,
.admin-patient-profile .new-result-btn .new-view,
.patient-results .new-result-btn .new-view,
.pr-lightbox .new-result-btn .new-view {
  width: 100%;
  display: inline-block;
  color: var(--customBackgroundColor);
  text-align: center;
  font-size: 13px;
}
.timeline-content .filter-dropdown,
.admin-patient-profile .filter-dropdown,
.patient-results .filter-dropdown,
.pr-lightbox .filter-dropdown,
.timeline-content .dash-dropdown,
.admin-patient-profile .dash-dropdown,
.patient-results .dash-dropdown,
.pr-lightbox .dash-dropdown,
.timeline-content .options-dropdown,
.admin-patient-profile .options-dropdown,
.patient-results .options-dropdown,
.pr-lightbox .options-dropdown {
  display: none;
  position: absolute;
  top: 39px;
  right: -1px;
  min-width: 500px;
  padding: 12px 20px;
  text-align: left;
  background-color: #ffffff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: default;
}
.timeline-content .filter-dropdown::before,
.admin-patient-profile .filter-dropdown::before,
.patient-results .filter-dropdown::before,
.pr-lightbox .filter-dropdown::before,
.timeline-content .dash-dropdown::before,
.admin-patient-profile .dash-dropdown::before,
.patient-results .dash-dropdown::before,
.pr-lightbox .dash-dropdown::before,
.timeline-content .options-dropdown::before,
.admin-patient-profile .options-dropdown::before,
.patient-results .options-dropdown::before,
.pr-lightbox .options-dropdown::before,
.timeline-content .filter-dropdown::after,
.admin-patient-profile .filter-dropdown::after,
.patient-results .filter-dropdown::after,
.pr-lightbox .filter-dropdown::after,
.timeline-content .dash-dropdown::after,
.admin-patient-profile .dash-dropdown::after,
.patient-results .dash-dropdown::after,
.pr-lightbox .dash-dropdown::after,
.timeline-content .options-dropdown::after,
.admin-patient-profile .options-dropdown::after,
.patient-results .options-dropdown::after,
.pr-lightbox .options-dropdown::after {
  position: absolute;
  display: inline-block;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  content: '';
}
.timeline-content .filter-dropdown::before,
.admin-patient-profile .filter-dropdown::before,
.patient-results .filter-dropdown::before,
.pr-lightbox .filter-dropdown::before,
.timeline-content .dash-dropdown::before,
.admin-patient-profile .dash-dropdown::before,
.patient-results .dash-dropdown::before,
.pr-lightbox .dash-dropdown::before,
.timeline-content .options-dropdown::before,
.admin-patient-profile .options-dropdown::before,
.patient-results .options-dropdown::before,
.pr-lightbox .options-dropdown::before {
  top: -7px;
  right: 9px;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #ccc;
}
.timeline-content .filter-dropdown::after,
.admin-patient-profile .filter-dropdown::after,
.patient-results .filter-dropdown::after,
.pr-lightbox .filter-dropdown::after,
.timeline-content .dash-dropdown::after,
.admin-patient-profile .dash-dropdown::after,
.patient-results .dash-dropdown::after,
.pr-lightbox .dash-dropdown::after,
.timeline-content .options-dropdown::after,
.admin-patient-profile .options-dropdown::after,
.patient-results .options-dropdown::after,
.pr-lightbox .options-dropdown::after {
  top: -6px;
  right: 10px;
  border-right: 6px solid transparent;
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
}
.timeline-content .filter-dropdown label,
.admin-patient-profile .filter-dropdown label,
.patient-results .filter-dropdown label,
.pr-lightbox .filter-dropdown label,
.timeline-content .dash-dropdown label,
.admin-patient-profile .dash-dropdown label,
.patient-results .dash-dropdown label,
.pr-lightbox .dash-dropdown label,
.timeline-content .options-dropdown label,
.admin-patient-profile .options-dropdown label,
.patient-results .options-dropdown label,
.pr-lightbox .options-dropdown label {
  margin-bottom: 0;
  cursor: pointer;
}
.timeline-content .filter-dropdown .scrolling,
.admin-patient-profile .filter-dropdown .scrolling,
.patient-results .filter-dropdown .scrolling,
.pr-lightbox .filter-dropdown .scrolling,
.timeline-content .dash-dropdown .scrolling,
.admin-patient-profile .dash-dropdown .scrolling,
.patient-results .dash-dropdown .scrolling,
.pr-lightbox .dash-dropdown .scrolling,
.timeline-content .options-dropdown .scrolling,
.admin-patient-profile .options-dropdown .scrolling,
.patient-results .options-dropdown .scrolling,
.pr-lightbox .options-dropdown .scrolling {
  max-height: 215px;
  overflow-y: auto;
}
.dash-actions,
.add-new-result {
  position: absolute;
  left: 25px;
  top: 24px;
  z-index: 1;
}
.dash-actions .new-result-btn,
.add-new-result .new-result-btn {
  min-width: 160px;
  margin-left: 0;
}
.datepicker-container.timeline-picker {
  right: auto;
  left: 40px;
}
.datepicker-container.timeline-picker input {
  border-color: #f3f3f3;
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
}
.datepicker-container.timeline-picker:hover {
  cursor: pointer;
}
.datepicker-container.timeline-picker:hover input {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.patient-table {
  font-size: 13px;
  min-height: 172px;
}
.patient-table.stats-content tbody tr td:first-of-type {
  width: auto;
}
.patient-dashboard,
.sortable-results {
  width: 100%;
  display: inline-block;
  padding: 80px 0 40px 0;
}
.patient-dashboard.sortable-dashboard {
  column-count: 2;
  column-gap: 20px;
  padding-left: 10px;
  padding-right: 10px;
}
.patient-dashboard.sortable-dashboard .sortable-item {
  float: none;
  display: inline-block;
  width: 100%;
  margin: 0 0 20px;
  break-inside: avoid;
  -webkit-column-break-inside: avoid;
  -moz-column-break-inside: avoid;
  page-break-inside: avoid;
}
.sortable-item {
  float: left;
  margin: 10px;
  text-align: left;
}
.sortable-item.extra-height .dash-frame {
  min-height: 560px;
}
.sortable-item.extra-height .panel-body {
  height: 458px;
}
.sortable-item.ui-sortable-placeholder {
  visibility: visible !important;
  background-color: #f3f3f3;
  border-radius: 5px;
}
.sortable-item .health-info {
  min-width: 200px;
  max-width: 50%;
  margin: 5px auto 10px;
  padding: 0;
  font-size: 0;
  overflow: hidden;
}
.items-full-width .sortable-item .lightbox {
  max-width: 32vw;
}
.sortable-frame {
  min-height: 280px;
  padding: 10px 20px;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  background-color: #ffffff;
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
}
.sortable-frame .panel-heading {
  display: block;
  position: relative;
  padding: 15px 30px 15px 0;
  border-bottom: 1px solid #f3f3f3;
}
.sortable-frame .panel-heading .panel-title {
  position: relative;
  top: -4px;
  margin-bottom: 0;
  font-size: 18px;
  text-transform: none;
  font-weight: 600;
}
.sortable-frame .panel-heading .panel-title .ico-handle {
  position: relative;
  top: -2px;
  left: 2px;
  color: #d9d9d9;
}
.sortable-frame .panel-heading .panel-actions {
  position: absolute;
  top: -1px;
  right: 0;
  padding: 6px 0;
  cursor: default;
}
.sortable-frame .panel-heading .panel-actions > .expand-item {
  width: 14px;
  height: 16px;
  padding: 0;
}
.sortable-frame .panel-heading .panel-actions > .expand-item::before {
  content: "";
}
.sortable-frame .panel-heading .panel-actions > span,
.sortable-frame .panel-heading .panel-actions > .expand-item {
  display: inline-block;
  margin-left: 18px;
}
.sortable-frame .panel-heading .panel-actions > span:hover,
.sortable-frame .panel-heading .panel-actions > .expand-item:hover {
  cursor: pointer;
}
.sortable-frame .panel-heading .panel-actions > span:hover i,
.sortable-frame .panel-heading .panel-actions > .expand-item:hover i {
  color: #4d4d4d !important;
}
.sortable-frame .panel-heading .panel-actions > span i,
.sortable-frame .panel-heading .panel-actions > .expand-item i {
  color: var(--customBackgroundColor);
  font-size: 14px;
}
.sortable-frame .panel-heading .panel-actions > span i.ico-clone,
.sortable-frame .panel-heading .panel-actions > .expand-item i.ico-clone {
  display: block;
  position: relative;
  top: 1px;
  font-size: 17px;
  transform: rotate(90deg);
}
.sortable-frame .panel-heading .panel-actions > span i.ico-expand,
.sortable-frame .panel-heading .panel-actions > .expand-item i.ico-expand {
  top: -1px;
  position: relative;
}
.sortable-frame .panel-heading .listing {
  display: inline-block;
  position: relative;
  top: -11px;
  width: 20px;
  height: 18px;
  margin-left: 28px;
}
.sortable-frame .panel-heading .item {
  border-bottom: 0;
}
.sortable-frame .panel-heading .controls {
  padding: 0;
}
.sortable-frame .panel-heading .controls button:hover {
  color: #4d4d4d;
}
.sortable-frame .panel-body {
  height: 208px;
  padding-bottom: 10px;
}
.sortable-frame .panel-body.scrollable {
  overflow-y: auto;
  overflow-x: hidden;
}
.sortable-frame .panel-body:has(.person),
.sortable-frame .panel-body:has(.health-info) {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  padding-bottom: 0;
}
.sortable-frame .panel-body .item.survey-items {
  border-right: 0 !important;
}
.sortable-frame .panel-subtitle {
  margin-bottom: 14px;
}
@media (hover: hover) and (pointer: fine) {
  .sortable-frame .panel-body.scrollable {
    overflow-y: hidden;
    scrollbar-gutter: stable;
  }
  .sortable-frame .panel-body.scrollable:hover {
    overflow-y: auto;
  }
}
.chart-wrapper {
  height: 100%;
  min-height: 428px;
  padding-right: 14px;
}
.chart-wrapper svg {
  min-height: 428px;
  overflow: visible;
}
#sortable-item-expand .panel-subtitle {
  margin-bottom: 14px;
}
.sortable-frame .panel-heading .panel-actions > span.toggle-view i,
.toggle-view i {
  font-size: 18px;
}
.sortable-frame .panel-heading .panel-actions > span.toggle-view .chart-icon,
.toggle-view .chart-icon {
  color: #a6a6a6;
}
.sortable-frame .panel-heading .panel-actions > span.toggle-view.chart .chart-icon,
.toggle-view.chart .chart-icon {
  color: var(--customBackgroundColor);
}
@media screen and (max-width: 1024px) {
  .patient .real-patient-dash {
    justify-content: flex-end;
    flex-direction: row;
  }
  .patient .real-patient-dash .sortable-item:not(.full-width) {
    width: 100%;
  }
  .patient .main .left-column {
    justify-content: flex-end;
  }
  .patient-dashboard.sortable-dashboard {
    column-count: 1;
  }
}
.real-patient-dash .admin-patient-profile {
  height: 100%;
  padding: 0 15px;
}
.real-patient-dash .person {
  text-align: center;
  font-size: 0;
  padding: 0;
}
.real-patient-dash .person > * {
  display: inline-block;
  vertical-align: top;
}
.real-patient-dash .person .person-profile-picture {
  height: 160px;
  padding-top: 20px;
}
.real-patient-dash .person .profile-img {
  border: 0;
}
.real-patient-dash .person .person-info {
  font-size: 14px;
  text-align: left;
}
@media screen and (max-width: 475px) {
  .real-patient-dash .admin-patient-profile {
    padding: 0 0;
  }
  .real-patient-dash .popup-actions,
  .real-patient-dash .dash-actions {
    display: none;
  }
  .real-patient-dash .popup-actions {
    right: 10px;
  }
  .real-patient-dash .personal-data .person {
    text-align: center;
  }
  .real-patient-dash .profile-picture {
    margin-right: 10px !important;
  }
  .patient-dashboard {
    padding-top: 10px;
  }
  .sortable-item .health-info {
    max-width: 80%;
  }
}
.latest-activities:not(.one-column) #collaborative-left .col-narrow {
  display: none;
}
.latest-activities .left-column #collaborative-left .top-bar .column-collapse {
  display: block;
}
.latest-activities .left-column .info-bar,
.latest-activities .left-column .inner-column.col-narrow,
.latest-activities .left-column .top-bar.expendable,
.latest-activities .left-column .top-bar.search-filters {
  display: none;
}
@media (min-width: 992px) {
  .latest-activities .main-column.full-width .has-double:not(.double) {
    max-width: 36% !important;
  }
  .latest-activities .main-column.full-width .has-double.double {
    max-width: calc(100% - (36% + 64px)) !important;
  }
}
.column-content:has(.patient-dashboard) {
  background-color: #f3f3f3;
}
.patient-tab-content .dash-dropdown,
.patient-tab-content .options-dropdown {
  min-width: 350px;
  padding: 20px 20px 10px;
}
.patient-tab-content .dash-dropdown hr,
.patient-tab-content .options-dropdown hr {
  margin-bottom: 8px;
  margin-top: 16px;
}
.patient-tab-content .dash-dropdown label,
.patient-tab-content .options-dropdown label {
  display: flex;
  align-items: center;
  padding: 3px 0;
}
.patient-tab-content .dash-dropdown input[type=checkbox]:not(.custom),
.patient-tab-content .options-dropdown input[type=checkbox]:not(.custom) {
  position: relative;
  top: 1px;
  margin-right: 6px;
}
.patient-dashboard .profile-picture {
  margin-right: 20px;
  border-radius: 50%;
}
.patient-dashboard .person-info {
  padding-top: 20px;
  margin-right: 40px;
}
.patient-dashboard .patient-images,
#sortable-item-expand .patient-images {
  height: 100%;
  padding-bottom: 5px;
  font-size: 0;
}
.patient-dashboard .patient-images .img-container,
#sortable-item-expand .patient-images .img-container {
  display: inline-block;
  text-align: center;
  width: 50%;
  height: 100%;
  padding: 5px;
}
.patient-dashboard .patient-images .bg-image,
#sortable-item-expand .patient-images .bg-image {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
  border-radius: 5px;
}
.patient-dashboard .patient-images figcaption,
#sortable-item-expand .patient-images figcaption {
  width: 100%;
  margin-top: 6px;
  font-size: 12px;
  text-align: center;
  color: #a6a6a6;
}
@media screen and (max-width: 475px) {
  .patient-dashboard .person-info {
    margin-right: 0;
  }
}
.timeline {
  width: 100%;
  min-height: 40px;
  margin-top: 100px;
  text-align: center;
}
.timeline::before {
  position: absolute;
  top: 130px;
  left: calc(50% - 2px);
  display: block;
  content: "";
  width: 4px;
  height: calc(100% - 40px);
  background: var(--customBackgroundColor);
  border-radius: 2px;
  opacity: .2;
}
.timeline .now-text,
.timeline .start-text {
  text-transform: uppercase;
  font-size: 11px;
  opacity: 0.2;
  letter-spacing: 1.1px;
  font-weight: bold;
  text-align: center;
}
.timeline .start-text {
  position: absolute;
  left: 1px;
  bottom: -160px;
  width: 100%;
  padding-bottom: 40px;
}
.tl-container {
  position: relative;
  display: inline-block;
  width: 100%;
  max-width: 850px;
  margin-top: 60px;
  min-height: 78px;
}
.tl-container .tl-block {
  position: absolute;
  left: 0;
  width: 370px;
  min-height: 78px;
  text-align: left;
  border-radius: 4px;
  background: #ffffff;
  border: 1px solid #f3f3f3;
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
}
.tl-container .tl-block:hover {
  cursor: pointer;
  text-decoration: none;
  border-color: #d9d9d9;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.tl-container .ap-icon {
  float: left;
  margin-left: 5px;
}
.tl-container .person-img {
  display: inline-block;
  position: relative;
  top: 14px;
  left: -2px;
  width: 48px;
}
.tl-container .person-img img {
  border-radius: 50%;
}
.tl-container .data-type {
  display: inline-block;
  position: relative;
  top: 14px;
  min-width: 50px;
  padding: 0 10px 0 6px;
  text-align: center;
}
.tl-container .data-type img {
  display: inline-block;
  height: 28px;
}
.tl-container .description {
  display: inline-block;
  width: 100%;
  max-width: 180px;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
}
.tl-container .description p {
  height: 100%;
  display: flex;
  justify-content: center;
  align-content: center;
  flex-direction: column;
}
.tl-container .description p .text {
  font-size: 12px;
  color: #a6a6a6;
  line-height: 16px;
  margin-top: 3px;
}
.tl-container .company-logo {
  float: right;
  position: relative;
  width: 62px;
  min-height: 76px;
  border-left: 1px solid #f3f3f3;
}
.tl-container .company-logo img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 48px;
  filter: grayscale(1);
}
.tl-container .tl-icon {
  position: absolute;
  top: calc(50% - 22.5px);
  left: calc(50% - 22.5px);
  width: 45px;
  height: 45px;
  border-radius: 50%;
}
.tl-container .tl-icon.blue {
  background: var(--customBackgroundColor);
}
.tl-container .tl-icon .svg-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.tl-container .tl-icon .svg-icon.heart {
  top: 2px;
}
.tl-container .tl-date {
  position: absolute;
  top: calc(50% - 12px);
  left: calc(50% + 50px);
}
.tl-container.tlr .tl-block {
  left: auto;
  right: 0;
}
.tl-container.tlr .tl-date {
  left: auto;
  right: calc(50% + 50px);
}
.patient-documents .inner-column.col-narrow {
  border-right: 1px solid #d9d9d9;
}
.patient-results {
  padding: 0 15px;
}
.patient-results .results {
  width: 100%;
  max-width: calc(100vw - 396px);
  padding-top: 80px;
}
.patient-results .results > .row .col-md-6:first-of-type .table-results {
  margin-right: 10px;
}
.patient-results .results > .row .col-md-6:last-of-type .table-results {
  margin-left: 10px;
}
.patient-results .datepicker-container.patient-picker {
  left: 25px;
}
.pr-lightbox:not(.opened) {
  display: block !important;
}
.pr-lightbox:not(.opened).lightbox-wrapper {
  padding-bottom: 0;
}
.pr-lightbox:not(.opened) .lightbox.fullscreen {
  width: auto;
}
.pr-lightbox:not(.opened) .lightbox-header,
.pr-lightbox:not(.opened) .lightbox-controls {
  display: none;
}
.pr-lightbox:not(.opened) .lightbox-content {
  padding: 0;
  overflow: visible;
}
.pr-lightbox.opened .panel-subtitle {
  margin-bottom: 14px;
}
.pr-lightbox.opened .fs {
  width: 100vw;
  height: auto;
}
.pr-lightbox .datepicker-container {
  display: inline-block;
  position: relative !important;
  top: -11px;
  right: auto;
  width: 250px;
  height: 40px;
  margin: auto !important;
}
.pr-lightbox .filter-options {
  top: -26px;
}
.pr-lightbox .filter-options .filter-dropdown.with-options h5:first-of-type {
  margin-top: 10px;
}
.pr-lightbox .filter-options .filter-dropdown.with-options h5 {
  margin-bottom: 10px;
}
.pr-lightbox .filter-options .col-sm-12.text-right {
  margin-top: 10px;
}
.pr-lightbox .toggle-chart {
  position: relative;
  top: -2px;
  margin-right: 20px;
  font-size: 14px;
  color: var(--customBackgroundColor);
}
.pr-lightbox .toggle-chart i {
  position: relative;
  top: -2px;
  left: -8px;
  font-size: 16px;
}
.pr-lightbox .add-to-dash {
  position: relative;
  top: -2px;
  margin-right: 10px;
  font-size: 14px;
  color: var(--customBackgroundColor);
}
.pr-lightbox .add-to-dash i {
  position: relative;
  top: -1px;
  left: -4px;
}
.pr-lightbox .add-to-dash .done-text {
  display: none;
}
.pr-lightbox .add-to-dash.added .add-text {
  display: none;
}
.pr-lightbox .add-to-dash.added .done-text {
  display: block;
}
.pr-lightbox .lightbox-header .form-group.floating {
  display: inline-block;
  width: 220px;
  margin: 3px 4px;
}
.pr-lightbox .lightbox-header > .ico-edit {
  position: relative;
  top: -5px;
  margin: 0 6px 10px 15px;
  font-size: 20px;
  color: var(--customBackgroundColor);
}
.pr-lightbox .lightbox-header .toggle-view {
  position: relative;
  top: -2px;
}
.pr-lightbox .lightbox-header .toggle-view + a {
  margin-left: 20px;
}
.table-results.single-table {
  margin: 10px;
  padding: 20px 20px 20px;
  border: 1px solid #f3f3f3;
  border-radius: 5px;
  -moz-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.05);
}
.table-results.single-table .results-title {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 14px;
}
.table-results.single-table .results-subtitle {
  margin-bottom: 14px;
}
.table-results .desc-list {
  margin-top: 8px;
}
.table-results .desc-list dt {
  font-weight: 600;
  font-size: 10px;
  text-transform: uppercase;
  color: #a6a6a6;
}
.table-results .desc-list dd {
  font-size: 14px;
  margin-bottom: 10px;
}
.show-table {
  position: relative;
  bottom: 1px;
  font-size: 14px;
  color: var(--customBackgroundColor);
}
.show-table:hover {
  cursor: pointer;
  text-decoration: underline;
}
.chart-title .show-table {
  left: 10px;
}
.sortable-item:not(.full-width) .nv-legendWrap {
  display: none;
}
.ui-datatable .toggle-view {
  display: inline-block;
  height: 30px;
  cursor: pointer;
}
.ui-datatable .toggle-view .chart-icon {
  color: var(--customBackgroundColor);
  margin-right: 5px;
}
.ui-datatable .toggle-view .toggle-title {
  font-weight: normal;
  margin-right: 20px;
}
.ui-datatable .toggle-view:hover .chart-icon,
.ui-datatable .toggle-view:hover .toggle-title {
  color: #a6a6a6;
}
.ui-datatable .ico-arrow-down,
.ui-datatable .ico-arrow-up {
  position: relative;
  top: -1px;
  margin-right: 3px;
  font-size: 10px;
  color: #d41414;
}
.ui-datatable .more-values {
  margin-left: 3px;
  color: #a6a6a6;
}
.survey-remote {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  grid-gap: 25px;
  margin: 20px auto 0;
}
.survey-remote li {
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
}
.survey-remote a {
  padding: 40px 0;
  display: block;
}
.survey-remote a > i {
  display: block;
  font-size: 36px;
  margin-bottom: 0.5em;
}
.survey-remote a:hover {
  text-decoration: none;
}
.survey-pages a.btn-link i.ico-export {
  padding-bottom: 0.15em;
}
.survey-pages a.btn-link i.ico-preview {
  padding-bottom: 0.15em;
}
.survey-pages .controls .btn + .btn {
  margin: 0 10px 0 0;
}
.survey-pages a.activate {
  margin-right: 10px;
}
.survey-pages .tab-content {
  width: 100%;
  padding: 0 20px;
  border: 1px solid #d9d9d9;
}
.survey-pages .tab-content .tab-pane {
  padding: 20px 0;
}
.survey-pages .edit-box .line {
  padding-top: 25px;
  width: 100%;
  border-bottom: 1px solid #d9d9d9;
}
.survey-pages .editor .line {
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
}
.survey-pages .slider-table thead th {
  min-width: inherit;
}
.survey-pages .ui-widget {
  font-size: inherit !important;
}
.survey-pages .ui-widget.ui-widget-content {
  border: none;
  background: #e6e6e6;
}
.survey-pages .ui-widget-header {
  background: var(--customBackgroundColor);
}
.survey-pages .add-forms.lightbox .item {
  padding-left: 12px;
}
.survey-pages .add-forms .main-column > .content-wrap {
  overflow-y: hidden;
}
.survey-pages .add-forms .main-column .column-content {
  max-height: 30em !important;
}
.survey-pages .daterangepicker {
  z-index: 9999;
}
.survey-pages .calendar.left .next {
  visibility: visible !important;
}
.survey-pages .lightbox .add-forms .item {
  padding-left: 12px;
}
.survey-pages .nav.tabs-toggle {
  top: -1px;
}
.survey-pages .tab-content {
  border-top: 0 !important;
}
.survey-general .checkbox {
  margin-top: 5px;
  margin-bottom: 5px;
}
.copy-url label {
  margin-bottom: 3px;
  padding-top: 5px;
  font-size: 11px;
  color: #808080;
  display: block;
  opacity: 0.5;
}
.copy-url input {
  width: 100%;
  border: none;
  color: var(--customBackgroundColor);
}
.page-edit {
  margin: 0 auto;
  position: relative;
  font-size: 0;
}
.page-edit .bootstrap-select {
  width: 100%;
}
.page-edit:after {
  content: '';
  border-top: 1px solid #d9d9d9;
  position: absolute;
  top: 70px;
  left: 0;
  right: 0;
  width: 100%;
  display: block;
}
.page-edit input.form-control {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 10px 15px;
  font-size: inherit;
  height: auto;
  box-shadow: none;
  background-image: none;
}
.page-edit textarea {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 10px 15px;
  font-size: inherit;
  height: auto;
  box-shadow: none;
  background-image: none;
  min-height: 37px;
  padding-top: 9px;
  color: #4d4d4d;
}
.page-edit textarea:disabled {
  min-height: 1px;
}
.page-edit .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  border: none;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
.page-edit .dropdown-menu > li > a {
  padding: 10px 15px;
}
.page-edit .open > .dropdown-menu {
  display: block;
}
.page-edit .switch-checkbox {
  margin: 0 10px 0 0;
  position: relative;
  display: inline-block;
  width: 34px;
  height: 14px;
  font-size: 13px;
  opacity: 1;
  overflow: visible;
}
.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 45px;
}
.bootstrap-select > .dropdown-toggle > span {
  text-align: left;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none !important;
}
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 100%;
}
.error .bootstrap-select .btn {
  border: 1px solid #d41414;
}
.control-group.error .bootstrap-select .dropdown-toggle {
  border-color: #d41414;
}
.bootstrap-select.fit-width {
  width: auto !important;
}
.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.bootstrap-select.btn-group {
  position: relative;
}
.bootstrap-select.btn-group:not(.input-group-btn) {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed;
}
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important;
}
.bootstrap-select.btn-group .btn .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.bootstrap-select.btn-group .btn .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.bootstrap-select.btn-group .dropdown-menu {
  z-index: 1035;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.open {
  overflow-y: auto !important;
}
.bootstrap-select.btn-group .dropdown-menu li {
  position: relative;
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:focus small {
  color: var(--customDarkBackgroundColor);
  color: rgba(100, 177, 216, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li:not(.disabled) a:hover small {
  color: var(--customDarkBackgroundColor);
  color: rgba(100, 177, 216, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em;
}
.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.bootstrap-select.btn-group .dropdown-menu li.active:not(.disabled) a small {
  color: var(--customDarkBackgroundColor);
  color: rgba(100, 177, 216, 0.4);
}
.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #fafafa;
  border: 1px solid #e6e6e6;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 1px solid #d9d9d9;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #fafafa;
  margin: 0 5px;
}
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.bootstrap-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.bootstrap-select.btn-group.dropdown-menu-right {
  float: right;
}
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.row-fluid .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.form-horizontal .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-inline .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%;
}
.form-search .bootstrap-select.btn-group {
  margin-bottom: 0;
}
.form-group-lg .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0;
}
.input-append .bootstrap-select.btn-group {
  margin-left: -1px;
}
.input-prepend .bootstrap-select.btn-group {
  margin-right: -1px;
}
.bootstrap-select.btn-group.fit-width .btn .filter-option {
  position: static;
}
.bootstrap-select.btn-group.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px;
}
.bootstrap-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before {
  display: block;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: #d9d9d9;
  border-bottom-color: rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: #d9d9d9;
  border-top-color: rgba(204, 204, 204, 0.2);
}
.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.bs-actionsbox {
  padding: 4px 8px;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bs-actionsbox .btn-group button {
  width: 50%;
}
.bs-searchbox {
  padding: 4px 8px;
}
.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
}
.mobile-device {
  position: absolute;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.editor {
  width: 800px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  text-align: left;
}
.editor .error {
  color: #d41414;
}
.survey-form {
  text-align: left;
}
.survey-form .error {
  color: #d41414;
}
.survey-form .left-column-preview .inner p {
  color: #ffffff;
}
.survey-form img {
  margin: 0 auto;
}
.survey-form h2 {
  margin: 10px 0;
  font-weight: 700;
  font-size: 22px;
  color: #5a5a5a;
}
.survey-form h3 {
  margin: 10px 0 30px;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: normal;
  color: #5a5a5a;
}
.survey-form p {
  font-size: 16px;
  line-height: 22px;
  color: #676767;
}
.survey-form fieldset {
  margin: 20px 0 40px;
}
.survey-form fieldset ul.answers {
  padding-left: 4px;
}
.survey-form .center-align {
  text-align: center;
}
textarea.component-text-area {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 10px 15px;
  font-size: inherit;
  height: auto;
  box-shadow: none;
  background-image: none;
}
textarea.component-text-field {
  display: block;
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  margin: 0;
  padding: 10px 15px;
  font-size: inherit;
  height: auto;
  box-shadow: none;
  background-image: none;
}
.transformed-select .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 0;
  margin: 2px 0 0;
  list-style: none;
  border: none;
  border-radius: 5px;
  background-clip: padding-box;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
  color: #ffffff;
}
.transformed-select .dropdown-menu > li > a {
  padding: 10px 15px;
}
.transformed-select .open > .dropdown-menu {
  display: block;
}
.transformed-select .bootstrap-select {
  border-radius: 5px;
  width: auto !important;
}
.transformed-select .bootstrap-select > .dropdown-toggle {
  border-radius: 5px;
  padding: 10px 45px 10px 15px;
}
.transformed-select .dropdown-toggle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  position: relative;
}
.transformed-select .dropdown-toggle::before {
  content: ' ';
  position: absolute;
  right: 35px;
  top: 0;
  bottom: 0;
  color: #ffffff;
  border-left: 1px solid #d9d9d9;
  display: block;
}
.transformed-select .dropdown-toggle::after {
  content: ' ';
  position: absolute;
  right: 13px;
  top: 17px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--customBackgroundColor);
}
.transformed-select .bootstrap-select.btn-group .dropdown-menu.inner {
  border-radius: 5px;
}
.switch-list {
  display: none;
}
.switch-list li {
  margin: 0 0 20px;
  position: relative;
}
.switch-list .is-hidden {
  display: none;
}
.switch-list input {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}
.switch-list input[type="radio"] {
  margin-left: 0;
  visibility: visible;
  margin: 0;
  position: absolute;
  top: 2px;
  left: 2px;
}
.switch-list .other.field-is-hidden input,
.switch-list .other.field-is-hidden label:first-of-type {
  display: none;
}
.switch-list label {
  overflow: visible;
  cursor: pointer;
  display: inline-block;
  vertical-align: top;
}
.switch-list .other {
  margin-top: -22px;
}
.switch-list .other label:last-of-type {
  margin-top: 40px;
  display: block !important;
}
.switch-list .other label:first-of-type {
  margin-top: 0;
  width: calc(100% - 71px) !important;
  background-position: 0 7px !important;
}
.switch-list .other input {
  visibility: hidden;
}
.switch-list .component-other {
  margin: 10px 0 20px;
}
.switch-list .component-label {
  margin-left: 34px;
}
.switch-list input[type="checkbox"] {
  margin: 0;
  position: absolute;
  top: 2px;
  left: 2px;
}
.edit-mode .hide-on-edit {
  display: none !important;
}
.edit-mode .switch-list {
  display: block;
}
.edit-mode .switch-list .other label {
  cursor: default;
}
.edit-mode .switch-list input[type="checkbox"] {
  top: 12px;
}
.edit-mode .switch-list input[type="radio"] {
  top: 12px;
}
.edit-mode textarea {
  overflow: hidden !important;
}
.edit-mode textarea[rows="1"] {
  height: 37px;
}
.edit-mode textarea[rows="2"] {
  height: 55px;
}
.edit-mode .upload-image .browse-image {
  display: inline-block;
  vertical-align: top;
}
.edit-mode .upload-image .browse-image i {
  position: relative;
  margin-right: 8px;
  font-size: 18px;
  top: -1px;
}
.edit-mode .upload-image .change-image {
  display: inline-block;
  vertical-align: top;
}
.edit-mode .upload-image .delete-image {
  display: inline-block;
  vertical-align: top;
}
.edit-mode .upload-image .is-hidden {
  display: none;
}
.edit-mode .answer-list {
  margin: 10px 0 0;
}
.edit-mode .answer-list .not-uploaded .browse-image {
  display: inline-block;
}
.edit-mode .answer-list > .toggle-other-label {
  display: none;
}
.edit-mode .answer-list > li {
  margin: 0 0 20px;
}
.edit-mode .answer-list > li:first-child .field-delete {
  display: none;
}
.edit-mode .answer-list .field-options {
  display: none;
}
.edit-mode .answer-list li:hover .field-options {
  display: inline-block;
}
.edit-mode .answer-list input[type="checkbox"] {
  top: 12px;
}
.edit-mode .answer-list input[type="radio"] {
  top: 12px;
}
.edit-mode .edit-image-label {
  display: block;
}
.edit-mode fieldset {
  margin-bottom: 20px;
  position: relative;
}
.edit-mode .edit-switches {
  margin-bottom: 0;
}
.edit-mode .answer-list.input-before-hidden > li > label > input:first-child {
  display: none;
}
.edit-mode .answer-list.input-before-hidden > li > label > .component-label {
  margin-left: 0;
  width: calc(100% - 50px);
}
.edit-mode .answer-list.input-before-hidden > .weight-off > label > .component-label {
  width: 100%;
}
.edit-mode .edit-radio-thead-th,
.edit-mode .edit-point-data {
  position: static;
  visibility: visible;
}
.edit-mode .edit-radio-tbody-th {
  position: static;
  visibility: visible;
}
.edit-mode .thead-th:not(.interactions-list) {
  background: url("../media/images/survey/svg/thead-th.svg") no-repeat top right;
  background-size: 80px 38px;
}
.edit-mode .tbody-th:not(.interactions-list) {
  background: url("../media/images/survey/svg/tbody-th.svg") no-repeat top right -14px;
  background-size: 100px 54px;
}
.edit-mode .generated-radios-table {
  display: none;
}
.edit-mode .generated-visual-scale {
  display: none;
}
.edit-mode .edit-image {
  margin-top: 0;
}
.edit-mode .edit-image.interactive-img .browse-image {
  width: 100% !important;
}
.edit-mode .edit-image .upload-image.not-uploaded .img-c:after {
  line-height: 104px;
}
.edit-mode .edit-image .upload-image.not-uploaded .img-c img {
  display: none;
}
.edit-mode .edit-image .upload-image.not-uploaded .img-c:before {
  display: none;
}
.edit-mode .edit-image .upload-image.not-uploaded .img-c.show-preview-img {
  display: grid;
  justify-content: center !important;
  place-content: unset;
  padding-top: 24px;
}
.edit-mode .edit-image .upload-image.not-uploaded .img-c.show-preview-img::after {
  content: none !important;
}
.edit-mode .edit-image .upload-image.not-uploaded .browse-image {
  width: 150px;
  height: 135px;
  overflow: hidden;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  line-height: 202px;
}
.edit-mode .edit-image .upload-image .img-c {
  border: 1px solid #d9d9d9;
  max-width: 150px;
  padding: 3px;
}
.ehr-templates.edit-mode textarea {
  overflow-y: auto !important;
}
.edit-box {
  margin: 0 0 15px;
  padding: 20px 15px 15px;
  position: relative;
  border: 1px solid #ffffff;
}
.edit-box .formula {
  display: none;
}
.edit-box .toggle-other-label .component-other {
  min-height: 1px;
  width: calc(100% - 50px);
  margin-left: 34px;
  margin-top: 10px;
}
.edit-box .grey .dropdown-toggle {
  background: #f3f3f3;
}
.edit-box .grey .dropdown-toggle:before {
  border-left: 1px solid #d9d9d9;
  color: var(--customBackgroundColor);
}
.edit-box ul {
  padding-bottom: 0;
}
.edit-box .component-weight {
  display: none;
}
.edit-box .bootstrap-select {
  border-radius: 5px;
  width: auto !important;
}
.edit-box .bootstrap-select > .dropdown-toggle {
  border-radius: 5px;
  padding: 10px 45px 10px 15px;
}
.edit-box .dropdown-toggle {
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  position: relative;
}
.edit-box .dropdown-toggle:before {
  content: ' ';
  position: absolute;
  right: 35px;
  top: 0;
  bottom: 0;
  color: #ffffff;
  border-left: 1px solid #d9d9d9;
  display: block;
}
.edit-box .dropdown-toggle:after {
  content: ' ';
  position: absolute;
  right: 13px;
  top: 17px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid var(--customBackgroundColor);
}
.edit-box .bootstrap-select.btn-group .dropdown-menu.inner {
  border-radius: 5px;
}
.edit-box fieldset {
  padding-top: 10px !important;
}
.edit-box fieldset h2 {
  min-height: 37px;
  resize: none;
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 22px;
  color: #5a5a5a;
  background: none;
  border: none;
  cursor: text;
}
.edit-box fieldset h3 {
  resize: none;
  border-width: 3px;
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: normal;
  color: #5a5a5a;
  background: none;
  border: none;
  cursor: text;
}
.edit-box textarea {
  width: calc(100% - 50px);
}
.edit-box .component-text-area {
  width: 100%;
}
.edit-box .component-text-area-label {
  width: 100%;
}
.edit-box .component-text-field {
  width: 100%;
}
.edit-box .component-text-field-label {
  width: 100%;
}
.edit-box:hover {
  width: 100%;
  border: 1px dashed var(--customBackgroundColor);
  border-radius: 5px;
  background: #f3fcff;
}
.edit-box:hover .actions {
  display: block;
}
.edit-box .actions {
  display: none;
  position: absolute;
  top: 8px;
  right: 8px;
}
.edit-box .actions li {
  padding: 0 8px;
  display: inline-block;
  font-size: 16px;
}
.edit-box .actions a {
  text-decoration: none !important;
}
.edit-box .save-changes {
  display: none;
}
.edit-box label.config-label {
  margin-bottom: 0 !important;
}
.edit-box .transformed-select {
  display: block;
  overflow: visible;
}
.edit-box .transformed-select.is-hidden {
  display: none;
}
.edit-box .answer-list.is-hidden {
  display: none;
}
.edit-box .answer-list li > label {
  margin: 0;
  display: inline-block;
  width: 100%;
  min-height: 20px;
  position: relative;
  z-index: 1;
  overflow: visible;
  vertical-align: top;
}
.edit-box .generated-visual-scale label {
  display: inline-block;
}
.edit-box .generated-radios-table label {
  display: inline-block;
}
.edit-box:not(.edit-mode) .ehr-element-label {
  display: none;
}
.edit-box.edit-mode {
  width: 100%;
  border: 1px dashed var(--customBackgroundColor);
  border-radius: 5px;
  background: rgba(0, 191, 243, 0.05);
}
.edit-box.edit-mode .formula {
  display: block;
}
.edit-box.edit-mode .other textarea {
  display: inline-block;
}
.edit-box.edit-mode .other .component-weight {
  vertical-align: top;
  position: absolute;
  top: 0;
  right: 63px;
  height: 37px;
}
.edit-box.edit-mode .other label {
  width: calc(100% - 85px);
  background-position: 0 7px;
}
.edit-box.edit-mode textarea {
  width: 100%;
  resize: none !important;
}
.edit-box.edit-mode .component-h3 {
  width: 100%;
}
.edit-box.edit-mode .component-weight {
  padding: 9px 5px 8px;
  min-height: 38px;
  width: 50px;
  display: inline-block;
  position: relative;
  z-index: 1;
  text-align: center;
  overflow-wrap: break-word;
  height: 38px;
}
.edit-box.edit-mode .weight-off .component-weight {
  display: none;
}
.edit-box.edit-mode .component-label {
  width: calc(100% - 85px);
  margin-left: 34px;
}
.edit-box.edit-mode .transformed-select {
  display: none;
}
.edit-box.edit-mode .answer-list.is-hidden {
  display: block;
}
.edit-box.edit-mode .switch-list label {
  width: auto;
  display: inline-block;
}
.edit-box.edit-mode .answer-list li > label {
  width: calc(100% - 85px);
  background-position: 0 7px !important;
}
.edit-box.edit-mode .answer-list li.weight-off > label {
  width: calc(100% - 71px);
}
.edit-box.edit-mode .answer-list li.weight-off textarea {
  width: calc(100% - 34px);
}
.edit-box.edit-mode .other.weight-off label {
  width: calc(100% - 71px);
}
.edit-box.edit-mode .other.weight-off .component-label {
  width: calc(100% - 34px);
}
.edit-box.edit-mode .save-changes {
  display: block;
}
.edit-box.edit-mode label {
  display: block;
}
.edit-box.edit-mode .actions {
  display: none;
}
.edit-box.edit-mode .thead-th li > label {
  width: calc(100% - 140px);
}
.edit-box.edit-mode .thead-th .component-label {
  width: calc(100% - 25px);
  margin-left: 0;
}
.edit-box.edit-mode .thead-th .table-input-label {
  display: inline-block;
  width: 16px;
  margin-top: 10px;
  margin-right: 5px;
}
.edit-box.edit-mode .tbody-th li > label {
  width: calc(100% - 140px);
}
.edit-box.edit-mode .tbody-th .component-label {
  width: 438px;
  margin-left: 0;
}
.edit-box.edit-mode .tbody-th .table-input-label {
  display: inline-block;
  width: 16px;
  margin-top: 10px;
  margin-right: 5px;
}
.edit-box.edit-mode .tbody-th .code-input,
.edit-box.edit-mode .tbody-th .value-input {
  display: inline-block;
  height: 37px;
  width: 75px;
  margin-left: 8px;
}
.radios-table .answer-code,
.slider-table .answer-code {
  display: block;
  font-size: 10px;
  color: #a6a6a6;
}
.edit-box-options label {
  overflow: visible;
}
.white .dropdown-toggle {
  background-color: #ffffff;
  color: #5a5a5a;
}
.white.dropdown-toggle {
  background-color: #ffffff;
  color: #5a5a5a;
}
.grey .dropdown-toggle {
  background-color: #ffffff;
  color: #5a5a5a;
}
.grey .dropdown-toggle:after {
  color: var(--customBackgroundColor);
  border-left-color: #d9d9d9;
}
.grey .dropdown-toggle:before {
  color: var(--customBackgroundColor);
  border-left-color: #d9d9d9;
}
.grey .dropdown-menu {
  background: #ffffff;
}
.grey .dropdown-menu a {
  color: #5a5a5a;
}
.grey .dropdown-menu a:focus {
  background: #e6e6e6;
  color: #5a5a5a;
}
.grey .dropdown-menu a:hover {
  background: #e6e6e6;
  color: #5a5a5a;
}
.grey ul.dropdown-menu {
  margin-top: 0;
}
.grey.dropdown-toggle {
  background-color: #ffffff;
  color: #5a5a5a;
}
.grey.dropdown-toggle:after {
  color: var(--customBackgroundColor);
  border-left-color: #d9d9d9;
}
.grey.dropdown-toggle:before {
  color: var(--customBackgroundColor);
  border-left-color: #d9d9d9;
}
.grey.dropdown-menu a:focus {
  background: #e6e6e6;
  color: #5a5a5a;
}
.grey.dropdown-menu a:hover {
  background: #e6e6e6;
  color: #5a5a5a;
}
.upload-image {
  padding: 5px 33px 0;
}
.upload-image .img-c {
  border: 1px solid #d9d9d9;
  max-width: 150px;
  padding: 3px;
  display: inline-block;
  border-radius: 3px;
  vertical-align: top;
}
.upload-image .browse-image {
  display: none;
}
.upload-image .change-image {
  display: none;
}
.upload-image .delete-image {
  display: none;
  margin: 2px 0 0 8px;
  font-size: 16px;
}
.upload-image .is-hidden {
  display: none;
}
.upload-image .upload-field {
  display: none;
}
.edit-image {
  margin-top: 30px;
}
.edit-image .upload-image {
  padding: 0;
  position: relative;
}
.edit-image .upload-image .img-c {
  margin-top: 5px;
  margin-top: 0;
  padding: 0;
  max-width: inherit;
  border: none;
  background: #ffffff;
}
.edit-image .upload-image.not-uploaded .img-c {
  padding: 3px;
  width: 150px;
  height: 135px;
  background: #ffffff;
  display: block;
  position: relative;
}
.edit-image .upload-image.not-uploaded .img-c.show-preview-img {
  display: grid;
  place-content: center;
}
.edit-image .upload-image.not-uploaded .img-c.show-preview-img::after {
  content: none !important;
}
.edit-image .upload-image.not-uploaded .img-c:before {
  content: ' ';
  border: 1px solid #d9d9d9;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  border-radius: 3px;
}
.edit-image .upload-image.not-uploaded .img-c:after {
  background: #fafafa;
  position: absolute;
  top: 3px;
  left: 3px;
  bottom: 3px;
  right: 3px;
  z-index: 1;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-style: normal;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: none;
  color: var(--customBackgroundColor);
  font-size: 50px;
  line-height: 130px;
}
.edit-image .upload-image.not-uploaded .img-c img {
  display: none;
}
.answer-list.images-off .upload-image .img-c {
  display: none;
}
.images-off .not-uploaded {
  display: none;
}
.images-off .upload-image {
  display: none;
}
.browse-image .ico {
  padding-right: 7px;
  font-size: 26px;
}
.stitch-list input {
  display: none;
}
.switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(34, 31, 31, 0.26);
  -webkit-transition: 0.4s;
  transition: 0.4s;
  display: block;
  border-radius: 10px;
}
.switch-slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: -1px;
  top: -3px;
  background-color: #fafafa;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
}
.switch-label {
  margin-top: -2px;
  padding-left: 2px;
  display: inline-block;
  vertical-align: top;
  color: #5a5a5a;
  cursor: pointer;
}
input:checked + .switch-slider {
  background-color: rgba(0, 191, 243, 0.5);
}
input:checked + .switch-slider:before {
  background: var(--customBackgroundColor);
  -webkit-transform: translateX(16px);
  -ms-transform: translateX(16px);
  transform: translateX(16px);
}
input:focus + .switch-slider {
  box-shadow: 0 0 1px var(--customDarkBackgroundColor);
}
.page-switch {
  width: 100%;
  background: #4d4d4d;
  position: relative;
  overflow: hidden;
}
.page-switch ul {
  width: 100%;
  text-align: right;
  font-size: 0;
}
.page-switch li {
  display: inline-block;
  height: 47px;
  vertical-align: top;
  text-align: center;
  border-left: 1px solid #676767;
}
.page-switch a {
  padding: 15px 15px 14px;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #ffffff;
  display: inline-block;
  text-align: center;
}
.page-switch a:hover {
  text-decoration: none;
  color: #ffffff;
}
.page-switch .active {
  color: var(--customBackgroundColor);
  background: #4d4d4d;
}
.page-switch em {
  margin-top: 15px;
  font-style: normal;
  display: inline-block;
  position: relative;
}
.survey-title {
  text-transform: none;
}
.survey-detail h3 {
  font-size: 16px;
}
.survey-detail .row + h3 {
  margin-top: 20px;
}
.survey-detail .mdl-checkbox__focus-helper {
  background: #ffffff;
}
.has-ico-calendar {
  position: relative;
}
.has-ico-calendar label:after {
  font-size: 20px;
  color: var(--customBackgroundColor);
  position: absolute;
  bottom: 20px;
  right: 20px;
}
.form-group .has-ico-calendar input.form-control {
  padding: 8px 15px;
}
.toolbox {
  width: 330px;
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  background: #f3f3f3;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.toolbox h2 {
  margin: 0 0 0 -1px;
  padding: 30px 0 20px 10px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  color: #5a5a5a;
  background: #ffffff;
  position: relative;
  display: block;
}
.toolbox h3 {
  margin: 35px 0 20px;
  font-size: 13px;
  font-weight: 700;
  color: #5a5a5a;
  position: relative;
}
.toolbox h3 span {
  padding: 0 20px 0 0;
  background: #f3f3f3;
  display: inline-block;
  position: relative;
}
.toolbox h3:before {
  content: ' ';
  position: absolute;
  top: 7px;
  left: 0;
  border-bottom: 1px solid #d9d9d9;
  width: 100%;
  display: block;
}
.sticky-elements {
  margin-left: 20px;
  width: 285px;
}
.elements-list {
  font-size: 0;
}
.elements-list li {
  padding-bottom: 20px;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}
.elements-list li:nth-child(2n-1) {
  padding-right: 10px;
}
.elements-list li:nth-child(2n) {
  padding-left: 10px;
}
.elements-list a {
  width: 130px;
  height: 94px;
  display: inline-block;
}
.elements-list figure {
  width: 130px;
  height: 82px;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
}
.elements-list h5 {
  margin: 5px 0 0;
  display: inline-block;
  color: #5a5a5a;
  font-size: 13px;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
}
.tool-dragging.ui-draggable-dragging {
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4);
  list-style: none !important;
  width: 110px;
  height: 110px;
  border-radius: 5px;
}
.tool-dragging.ui-draggable-dragging figure {
  width: 130px;
  height: 94px;
  border: 1px solid #d9d9d9;
  background: #ffffff;
  display: table-cell;
  vertical-align: middle;
  width: 110px;
  height: 110px;
  border-radius: 5px;
}
.tool-dragging.ui-draggable-dragging a {
  width: 110px;
  height: 110px;
  border-radius: 5px;
}
.tool-dragging.ui-draggable-dragging h5 {
  display: none;
}
.tabs-toggle {
  margin: 35px 0 0;
  font-size: 0;
  position: relative;
  z-index: 1;
}
.tabs-toggle li {
  margin-right: 5px;
  display: inline-block;
  vertical-align: middle;
}
.tabs-toggle li:last-child {
  width: 120px;
  margin-right: 0;
  white-space: nowrap;
}
.tabs-toggle a {
  margin-bottom: -1px;
  padding: 6px 27px;
  font-size: 13px;
  letter-spacing: 1px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #d9d9d9;
}
.tabs-toggle > li > a:focus {
  border-bottom: 1px solid #d9d9d9;
  text-decoration: none;
}
.tabs-toggle > li > a:hover {
  border-bottom: 1px solid #d9d9d9;
  text-decoration: none;
}
.tabs-toggle .tab {
  width: 60px;
  margin-bottom: -1px;
  padding: 8px 25px;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1px;
  border: 1px solid #d9d9d9;
  border-bottom: none;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border-bottom: 1px solid #d9d9d9;
  display: block;
  text-align: center;
  box-sizing: content-box;
}
.tabs-toggle .close {
  display: none;
  visibility: hidden;
  padding: 0;
  font-size: 8px;
  color: #676767;
  position: absolute;
  top: 13px;
  right: 9px;
  width: 10px;
  height: 10px;
  text-shadow: none;
  border: 0 !important;
  border-radius: 0 !important;
}
.tabs-toggle .active {
  position: relative;
}
.tabs-toggle .active .close {
  display: inline-block;
}
.tabs-toggle .active a {
  color: #676767;
  border-bottom: 1px solid #ffffff !important;
}
.tabs-toggle .add-page {
  display: inline-block;
  margin: 0 0 3px;
  letter-spacing: normal;
  font-weight: normal;
  color: #5a5a5a;
  background: none;
  border: none;
  padding: 4px 10px 0;
  font-size: 13px;
}
.tabs-toggle .add-page:before {
  display: inline-block;
  margin-top: -2px;
  padding-right: 5px;
  font-size: 20px;
  color: var(--customBackgroundColor);
  float: left;
}
.nav.tabs-toggle > li.active:focus {
  border-bottom: 1px solid #ffffff;
}
.nav.tabs-toggle > li > .add-page:focus {
  background: none;
  border: none;
}
.nav.tabs-toggle > li > .add-page:hover {
  background: none;
  border: none;
}
.edit-area {
  width: 100%;
  border: 1px solid #d9d9d9;
  border-radius: 5px;
  padding: 15px;
  background: #ffffff;
  min-height: 687px;
}
.edit-area > li {
  list-style-type: none !important;
}
.edit-area .slider-table .has-slider {
  padding: 5px 36px 6px;
}
.edit-area .slider-table .has-slider::before {
  left: 12px;
}
.component-h2 {
  min-height: 37px;
  resize: none;
}
.component-h2:disabled {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 22px;
  color: #5a5a5a;
  background: none;
  border: none;
  cursor: text;
}
.component-text-area-label:disabled {
  margin: 0 0 10px;
  padding: 0;
  font-size: 13px;
  color: #5a5a5a;
  background: none;
  border: none;
  cursor: text;
  resize: none;
}
.component-text-field-label:disabled {
  margin: 0 0 10px;
  padding: 0;
  font-size: 13px;
  color: #5a5a5a;
  background: none;
  border: none;
  cursor: text;
  resize: none;
}
.component-h3 {
  resize: none;
  border-width: 3px;
}
.component-h3:disabled {
  margin: 0 0 10px;
  padding: 0;
  font-weight: 700;
  font-size: 16px;
  letter-spacing: normal;
  color: #5a5a5a;
  background: none;
  border: none;
  cursor: text;
}
.edit-image-label {
  display: none;
}
.component-label:disabled {
  padding: 0;
  color: #5a5a5a;
  background: none;
  border: none;
  resize: none;
  cursor: text;
  position: relative;
  z-index: -1;
}
.component-other-label:disabled {
  padding: 0;
  color: #5a5a5a;
  background: none;
  border: none;
  resize: none;
  cursor: text;
  position: relative;
  z-index: -1;
}
.component-text {
  resize: none;
  min-height: inherit;
}
.component-text:disabled {
  width: 100%;
  padding: 0;
  font-size: 13px;
  line-height: 22px;
  border: none;
  background: none;
  cursor: text;
}
.component-text-area {
  resize: none;
  min-height: inherit;
}
.component-text-field {
  resize: none;
  min-height: inherit;
}
.edit-box.ui-sortable-handle {
  cursor: move;
}
.edit-box.ui-sortable-handle fieldset {
  cursor: move;
}
.edit-box.ui-sortable-handle label {
  cursor: move;
}
.edit-box.ui-sortable-handle textarea {
  cursor: move;
}
.edit-box.ui-sortable-handle textarea:disabled {
  cursor: move;
}
.edit-box.edit-mode.ui-sortable-handle {
  cursor: inherit;
}
.edit-box.edit-mode.ui-sortable-handle fieldset {
  cursor: inherit;
}
.edit-box.edit-mode.ui-sortable-handle label {
  cursor: inherit;
}
.edit-box.edit-mode.ui-sortable-handle textarea {
  cursor: inherit;
}
.edit-box.edit-mode.ui-sortable-handle textarea:disabled {
  cursor: inherit;
}
.edit-box.ui-draggable-dragging {
  width: 806px !important;
  width: 100%;
  border: 1px dashed var(--customBackgroundColor);
  border-radius: 5px;
  background: rgba(0, 191, 243, 0.05);
}
.drop-zone-text {
  display: none;
}
.drop-zone {
  margin: 0 !important;
  border-radius: 5px;
  padding: 0 !important;
  width: 100% !important;
  background: var(--customBackgroundColor) !important;
  visibility: visible !important;
  height: 46px !important;
  display: block !important;
  vertical-align: middle;
  font-size: 13px;
  line-height: 46px !important;
  color: #ffffff;
  text-align: center;
}
.edit-box.hover {
  width: 100%;
  border: 1px dashed var(--customBackgroundColor);
  border-radius: 5px;
  background: rgba(0, 191, 243, 0.05);
}
.other input + label {
  background-position: 0 7px !important;
  background: url("../media/images/survey/svg/answer.svg") no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}
.other input:checked + label {
  background-position: 0 7px !important;
  background: url("../media/images/survey/svg/answer-selected.svg") no-repeat;
  background-size: 20px 20px;
}
.other:not(.weight-off) label:first-of-type {
  width: calc(100% - 85px) !important;
}
.save-changes {
  margin: 0 -15px;
  padding: 15px 15px 0;
  border-top: 1px dashed var(--customBackgroundColor);
  position: relative;
  z-index: 1;
}
.save-changes li {
  display: inline-block;
  position: relative;
}
.save-changes .save-changes-save {
  margin-right: 5px;
  padding: 7px 30px;
}
.answer-list > li {
  margin: 0 0 10px;
  width: 100%;
  display: inline-block;
  position: relative;
}
.answer-list > .toggle-other-label.is-hidden {
  display: none;
}
.answer-list input[type=radio],
.answer-list input[type=checkbox] {
  display: inline-block;
  vertical-align: top;
  visibility: hidden;
}
.answer-list input[type=radio] + label,
.answer-list input[type=checkbox] + label {
  background: url("../media/images/survey/svg/answer.svg") no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}
.answer-list input[type=radio]:checked + label,
.answer-list input[type=checkbox]:checked + label {
  background: url("../media/images/survey/svg/answer-selected.svg") no-repeat;
  background-size: 20px 20px;
}
.answer-list input[type=checkbox] + label {
  background: url("../media/images/survey/svg/answer-checkbox.svg") no-repeat;
}
.answer-list input[type=checkbox]:checked + label {
  background: url("../media/images/survey/svg/answer-selected-checkbox.svg") no-repeat;
}
.answer-list textarea {
  display: inline-block;
  vertical-align: top;
}
.answer-list .component-label {
  margin-left: 34px;
}
.answer-list .component-other-label {
  margin-left: 34px;
}
.answer-list input[type="checkbox"] {
  margin: 0;
  position: absolute;
  top: 2px;
  left: 2px;
}
.answer-list input[type="radio"] {
  margin: 0;
  position: absolute;
  top: 2px;
  left: 2px;
}
.switch-list .other input[type=checkbox] + label {
  background: url("../media/images/survey/svg/answer-checkbox.svg") no-repeat;
}
.switch-list .other input[type=checkbox]:checked + label {
  background: url("../media/images/survey/svg/answer-selected-checkbox.svg") no-repeat;
}
.field-options {
  position: relative;
  top: 4px;
  display: none;
}
.field-options li {
  margin-left: 5px;
  display: inline-block;
  font-size: 18px;
}
.field-options a {
  text-decoration: none !important;
}
.field-options .icon-trash {
  vertical-align: text-top;
  display: inline-block;
  padding-top: 1px;
  font-size: 14px;
}
.answers input {
  margin: 1px 0 0;
  position: absolute;
  top: 2px;
  left: 2px;
  visibility: hidden;
}
.answers input + label {
  background: url("../media/images/survey/svg/answer.svg") no-repeat;
  background-size: 20px 20px;
  cursor: pointer;
}
.answers input:checked + label {
  background: url("../media/images/survey/svg/answer-selected.svg") no-repeat;
  background-size: 20px 20px;
}
.answers input.disabled:checked + label {
  background: url("../media/images/survey/svg/answer-disabled.svg") no-repeat;
}
.answers input[type=checkbox].disabled:checked + label {
  background: url("../media/images/survey/svg/answer-disabled-checkbox.svg") no-repeat;
}
.answers li {
  margin: 0 0 10px;
  position: relative;
}
.answers label {
  min-height: 20px;
  padding-left: 34px;
  color: #5a5a5a;
  display: block;
}
.radios-table {
  width: 100%;
  margin: 0 0 20px;
  text-align: left;
  background: #ffffff;
  border-collapse: collapse;
  border-spacing: 0;
}
@media only screen and (min-width: 768px) {
  .radios-table {
    text-align: center;
  }
}
.radios-table tr {
  margin: 0 0 15px;
  display: block;
}
@media only screen and (min-width: 768px) {
  .radios-table tr {
    margin: 0;
    display: table-row;
  }
  .radios-table tr:nth-child(2n-1) th,
  .radios-table tr:nth-child(2n-1) td {
    background: #f3f3f3;
  }
}
.radios-table thead {
  display: none;
}
@media only screen and (min-width: 768px) {
  .radios-table thead {
    display: table-header-group;
  }
}
@media only screen and (min-width: 768px) {
  .radios-table thead tr:nth-child(2n-1) th {
    background: none;
  }
}
.radios-table td:not(.has-slider),
.radios-table th {
  padding: 10px 10px 10px 8px;
  font-size: 13px;
  color: #5a5a5a;
  display: block !important;
}
@media only screen and (min-width: 768px) {
  .radios-table td:not(.has-slider),
  .radios-table th {
    padding: 7px 13px 8px;
    display: table-cell !important;
  }
}
@media only screen and (min-width: 992px) {
  .radios-table td:not(.has-slider),
  .radios-table th {
    padding: 7px 15px 8px;
  }
}
@media only screen and (min-width: 768px) {
  .radios-table td.visible-xs {
    display: none !important;
  }
}
.radios-table th {
  font-weight: normal;
}
@media only screen and (min-width: 768px) {
  .radios-table thead th {
    padding-bottom: 20px;
    vertical-align: bottom;
  }
}
.radios-table tbody th {
  padding-left: 0;
  padding-right: 0;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .radios-table tbody th {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.radios-table tbody td {
  margin: 5px 0;
  background: #fafafa;
}
@media only screen and (min-width: 768px) {
  .radios-table tbody td {
    margin: 0;
    background: none;
    vertical-align: middle;
  }
}
.radios-table td {
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .radios-table td {
    text-align: center;
  }
}
.radios-table input {
  position: absolute;
  visibility: hidden;
}
.radios-table label {
  padding-left: 35px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: inline-block;
  overflow: visible;
  white-space: normal;
}
@media only screen and (min-width: 768px) {
  .radios-table label {
    padding-left: 0;
    width: 22px;
    height: 22px;
    text-indent: -999em;
    overflow: hidden;
  }
}
.radios-table label:before {
  background: #fff;
  top: -3px !important;
}
@media only screen and (min-width: 768px) {
  .radios-table label:before {
    top: 0 !important;
  }
}
h3 + .radios-table {
  margin-top: -10px;
}
.radios-table input:checked + label:before {
  background-color: var(--customBackgroundColor);
  background: url("../media/images/survey/svg/answer-selected.svg") no-repeat;
  background-size: 20px 20px;
  color: #ffffff;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  font-weight: bold;
}
.radios-table input + label:before {
  top: 8px;
}
.radios-table input + label {
  display: block;
  cursor: pointer;
  position: relative;
}
.radios-table input + label:before {
  content: '';
  text-indent: 0;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  width: 22px;
  height: 22px;
  display: block;
  font-size: 20px;
  position: absolute;
  top: -2px;
  left: 0;
}
.edit-radio-tbody-th,
.edit-radio-thead-th,
.edit-point-data {
  position: absolute;
  top: -9999em;
  left: -9999em;
  visibility: hidden;
}
.edit-multiple-choice.edit-mode .answer-list li > label {
  width: calc(100% - 100px);
  background: none !important;
}
.edit-multiple-choice.edit-mode .answer-list li .component-label {
  width: calc(100% - 118px) !important;
}
.edit-multiple-choice.edit-mode .answer-list li .code-input {
  display: inline-block;
  width: 75px;
  margin-left: 8px;
}
.edit-multiple-choice.edit-mode label textarea {
  margin-left: 10px !important;
}
.edit-multiple-choice:not(.edit-mode) .table-input-label,
.edit-multiple-choice:not(.edit-mode) .code-input {
  display: none;
}
.generated-radios-table {
  display: block;
}
.generated-visual-scale {
  display: block;
}
.survey-page,
.survey-preview-page {
  max-width: 836px;
  margin: 0 auto 35px;
  padding: 0 14px 20px;
  background: #ffffff;
}
@media only screen and (min-width: 1024px) {
  .survey-page,
  .survey-preview-page {
    padding: 40px 50px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.125);
  }
}
.survey-page p,
.survey-preview-page p {
  margin: 0 0 10px;
}
.survey-page .line,
.survey-preview-page .line {
  padding: 10px 0;
  border-bottom: 1px solid #d9d9d9;
}
.survey-page .ui-slider-range.ui-widget-header,
.survey-preview-page .ui-slider-range.ui-widget-header {
  background: var(--customBackgroundColor);
}
.ehr-preview .mb-range-wrapper,
.ehr-preview mb-input,
.ehr-preview .input,
.ehr-preview input,
.ehr-preview .radio-option,
.ehr-preview .buttons,
.ehr-preview button,
.ehr-preview mb-buttons,
.ehr-preview select,
.ehr-preview mb-select {
  pointer-events: none !important;
  cursor: default !important;
}
.submit-form .lightbox-content,
#submit-form .lightbox-content,
#submit-ehr-form .lightbox-content,
#tp-data-overview .lightbox-content,
#view-forms .lightbox-content {
  padding: 0;
}
@media only screen and (max-width: 1023px) {
  .submit-form .left-column-preview,
  #submit-form .left-column-preview,
  #submit-ehr-form .left-column-preview {
    display: none;
  }
  .submit-form .right-column-preview,
  #submit-form .right-column-preview,
  #submit-ehr-form .right-column-preview {
    width: 100%;
    margin-left: auto;
  }
}
.lightbox-content .survey-page {
  border: none;
  box-shadow: none;
}
.left-column-preview {
  min-height: calc(100% - 80px);
  position: fixed;
  width: 300px;
  overflow-y: hidden;
  border-right: 1px solid #d9d9d9;
  background-color: #ffffff;
  z-index: 99;
}
.left-column-preview .date-completion {
  padding: 20px 20px 15px;
  border-bottom: 1px solid #d9d9d9;
}
.left-column-preview .date-completion p {
  margin-bottom: 0;
}
.left-column-preview .select-responses {
  padding: 15px 10px;
}
.left-column-preview .select-responses a {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding: 2px 2px 0 0;
  text-align: center;
  border-radius: 50%;
  border: 2px solid;
}
.left-column-preview .select-responses .inactive a {
  color: #777 !important;
  cursor: default;
}
.left-column-preview .next-response {
  display: inline-block;
}
.left-column-preview .next-response a {
  float: right;
  padding: 2px 0 0 2px !important;
}
.left-column-preview .next-response p {
  width: 50px;
  margin-right: 40px;
  text-align: right;
  line-height: 15px !important;
}
.left-column-preview .previous-response {
  display: inline-block;
}
.left-column-preview .previous-response a {
  float: left;
}
.left-column-preview .previous-response p {
  width: 60px;
  margin-left: 38px;
  padding-top: 1px;
  line-height: 15px !important;
}
.right-column-preview {
  min-height: calc(100% - 80px);
  width: calc(100% - 300px);
  margin-left: 300px;
}
.disabled .ui-widget-header {
  background: #777 !important;
}
.disabled .ui-slider-horizontal .ui-slider-handle {
  background: url("../media/images/survey/svg/slider-handle-disabled.svg") no-repeat !important;
}
.slider-table.disabled .has-slider:before {
  background: #777;
}
.slider-disabled {
  position: relative;
}
.slider-disabled .disable-clicks-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: transparent;
  z-index: 9;
}
.page-list {
  margin: 40px auto;
  text-align: center;
  font-size: 0;
}
.page-list li {
  margin: 6px;
  display: inline-block;
}
.page-list a {
  width: 43px;
  height: 43px;
  display: block;
  border-radius: 50%;
  border: 2px solid var(--customBackgroundColor);
  line-height: 38px;
  font-size: 18px;
  text-align: center;
}
.page-list a:hover {
  border-color: transparent;
  background: rgba(0, 191, 243, 0.5);
  color: #ffffff;
  text-decoration: none;
}
.page-list .active a,
.page-list .active a:hover {
  border: 2px solid var(--customBackgroundColor);
  background: var(--customBackgroundColor);
  color: #ffffff;
}
@media only screen and (max-width: 767px) {
  .slider-table {
    width: 100%;
    margin: 0 0 20px;
    text-align: left;
    background: #ffffff;
    border-collapse: collapse;
    border-spacing: 0;
  }
  .slider-table tr {
    margin: 0 0 15px;
    display: block;
  }
  .slider-table thead {
    display: none;
  }
  .slider-table td:not(.has-slider),
  .slider-table th {
    padding: 10px 10px 10px 8px;
    font-size: 13px;
    color: #5a5a5a;
    display: block !important;
  }
  .slider-table th {
    font-weight: normal;
  }
  .slider-table tbody th {
    padding-left: 0;
    padding-right: 0;
    text-align: left;
  }
  .slider-table tbody td {
    margin: 5px 0;
    background: #fafafa;
  }
  .slider-table td {
    text-align: left;
  }
  .slider-table input {
    position: absolute;
    visibility: hidden;
  }
  .slider-table label {
    padding-left: 35px;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    display: inline-block;
    overflow: visible;
    white-space: normal;
  }
  .slider-table label:before {
    background: #fff;
    top: -3px !important;
  }
  h3 + .slider-table {
    margin-top: -10px;
  }
  .slider-table input:checked + label:before {
    background-color: var(--customBackgroundColor);
    background: url("../media/images/survey/svg/answer-selected.svg") no-repeat;
    background-size: 20px 20px;
    color: #ffffff;
    font-size: 13px;
    line-height: 24px;
    text-align: center;
    font-weight: bold;
  }
  .slider-table input + label:before {
    top: 8px;
  }
  .slider-table input + label {
    display: block;
    cursor: pointer;
    position: relative;
  }
  .slider-table input + label:before {
    content: '';
    text-indent: 0;
    border: 1px solid #e6e6e6;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    display: block;
    font-size: 20px;
    position: absolute;
    top: -2px;
    left: 0;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table tr {
    margin: 0;
    display: table-row;
  }
  .slider-table tr:nth-child(2n-1) th,
  .slider-table tr:nth-child(2n-1) td {
    background: #f3f3f3;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table thead {
    display: table-header-group;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table thead tr:nth-child(2n-1) th {
    background: none;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table td:not(.has-slider),
  .slider-table th {
    padding: 7px 13px 8px;
    display: table-cell !important;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 992px) {
  .slider-table td:not(.has-slider),
  .slider-table th {
    padding: 7px 15px 8px;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table td.visible-xs {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table thead th {
    padding-bottom: 20px;
    vertical-align: bottom;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table tbody th {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table tbody td {
    margin: 0;
    background: none;
    vertical-align: middle;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table td {
    text-align: center;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table label {
    padding-left: 0;
    width: 22px;
    height: 22px;
    text-indent: -999em;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) and only screen and (min-width: 768px) {
  .slider-table label:before {
    top: 0 !important;
  }
}
.slider-table {
  width: 100%;
  margin: 0 0 20px;
}
.slider-table thead tr > th {
  width: 100px;
  text-align: center;
}
.slider-table thead tr > th:nth-child(2) {
  text-align: left;
  padding-left: 25px;
}
.slider-table thead tr > th:last-child {
  text-align: right;
  padding-right: 25px;
}
.slider-table td {
  padding: 12px 30px 13px;
  font-size: 13px;
  color: #5a5a5a;
}
.slider-table th {
  padding: 12px 15px 13px;
  font-size: 13px;
  color: #5a5a5a;
  font-weight: normal;
}
.slider-table .has-slider {
  padding: 5px 30px 6px;
  position: relative;
}
.slider-table .has-slider::before,
.slider-table .has-slider::after {
  content: '';
  position: absolute;
  top: 16px;
  height: 10px;
  pointer-events: none;
  z-index: 0;
}
.slider-table .has-slider::before {
  left: 28px;
  width: 25px;
  background: var(--customBackgroundColor);
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.slider-table .has-slider::after {
  right: 20px;
  width: 34px;
  background: #e6e6e6;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.slider-table .ui-widget.ui-widget-content {
  cursor: pointer;
}
.page-move {
  text-align: center;
  margin: 0 0 50px;
  font-size: 0;
}
.page-move li {
  margin: 0 9px;
  display: inline-block;
}
.page-move .btn {
  font-size: 18px;
  font-weight: normal;
  padding: 15px 20px;
}
.page-move .prev .btn {
  background: #d9d9d9;
  color: #4d4d4d;
  border-color: #d9d9d9;
}
.survey-preview .column-content {
  display: inline-block;
}
.survey-preview .ui-widget.ui-widget-content {
  border: none;
  background: #e6e6e6;
}
.survey-preview .ui-widget-header {
  background: var(--customBackgroundColor);
}
.ui-slider {
  position: relative;
  text-align: left;
  box-shadow: none !important;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 27px;
  height: 27px;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
  box-shadow: none;
}
.ui-state-default {
  box-shadow: none !important;
}
.ui-state-hover {
  box-shadow: none !important;
}
.ui-slider.ui-state-disabled .ui-slider-handle {
  filter: inherit;
}
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: 10px !important;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -10px !important;
  margin-left: -15px !important;
  cursor: pointer !important;
  background: url("../media/images/survey/svg/slider-handle.svg") no-repeat !important;
  background-size: 30px 30px !important;
  border-radius: 0 !important;
  border: none !important;
  width: 30px !important;
  height: 30px !important;
}
.ui-slider-horizontal .ui-slider-handle:focus {
  outline: none !important;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.reduce-padding.bar-title {
  padding: 9px !important;
}
.survey-list h3.title {
  margin-bottom: 20px;
}
.survey-list .table thead {
  background-color: #f3f3f3;
}
.survey-list .table th {
  padding: 10px 5px;
  border-bottom: 0;
}
.survey-list .table tr td:last-of-type {
  text-align: right;
  padding-right: 20px;
}
.survey-list .table tr td:first-of-type {
  text-align: center;
}
.survey-list .table tr th:last-of-type {
  text-align: right;
  padding-right: 20px;
}
.survey-list .table .fixed-width {
  width: 100px;
}
.survey-list .table td {
  padding: 15px 5px;
}
.survey-list i.ico-survey {
  font-size: 18px;
  color: var(--customBackgroundColor);
  margin-right: 0;
}
.top-combined {
  float: left;
  margin-right: 9em;
}
.darker-grey {
  color: #ababab;
}
.auto-collapse {
  margin-top: 0.5em;
}
.auto-collapse .collapse.in {
  display: inline;
}
.collapse-description .lessened {
  cursor: default;
  color: #d9d9d9;
}
.collapse-description .show-more {
  display: none;
}
.collapse-description .show-less {
  display: inline-block;
}
a.collapse-description {
  text-decoration: none !important;
}
.collapse-description.collapsed .show-more {
  display: inline-block;
}
.collapse-description.collapsed .show-less {
  display: none;
}
.survey-list.response-list {
  padding: 20px;
}
.survey-list.response-list .table tr td:first-of-type {
  text-align: left;
  padding-left: 20px;
}
.survey-list.response-list .table tr th:first-of-type {
  text-align: left;
  padding-left: 20px;
}
.add-forms .search-container h4 {
  width: auto;
  display: inline-block;
  margin-top: 8px;
}
.add-forms .search-container .search-bar {
  width: 40%;
  float: right;
}
.add-forms .search-container .search-bar input {
  height: 34px;
}
.add-forms .search-bar a {
  top: 26px;
}
.add-forms .table tr td:first-of-type {
  width: 22px;
}
.add-forms .table tr i.ico-survey {
  font-size: 28px;
}
.add-forms .table input[type="checkbox"] {
  margin-top: 0;
}
.add-forms .table input[type="checkbox"]:hover {
  cursor: pointer;
}
.add-forms .table tr.row-head td {
  border-bottom: 0;
  border-bottom-style: none;
}
.add-forms .table tr.row-head td:last-of-type {
  text-align: right;
  padding-right: 1em;
}
.add-forms .table tr.row-body td {
  padding-top: 0;
  padding-right: 10px;
  line-height: 1.75em;
}
.add-forms tr:hover {
  background-color: #ffffff !important;
}
.date-frequency-container {
  margin-top: 16px;
}
.date-frequency-container .date-picker {
  height: 50px;
}
.date-frequency-container .weekly-frequency-selection {
  position: relative;
}
.repeat-type-text {
  line-height: 50px;
  margin-left: -5px;
}
.weekly-frequency-selection li {
  float: left;
  text-align: center;
}
.weekly-frequency-selection li:first-of-type label {
  border-left: 1px solid #d9d9d9;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
.weekly-frequency-selection li:last-of-type label {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.weekly-frequency-selection label {
  width: 51px;
  padding: 15px 5px;
  margin-bottom: 0;
  border: 1px solid #d9d9d9;
  border-left: 0;
}
.weekly-frequency-selection label:hover {
  background-color: #fafafa;
  cursor: pointer;
}
.weekly-frequency-selection input[type="checkbox"] {
  position: absolute;
  left: -9999px;
}
.weekly-frequency-selection input[type="checkbox"]:checked + label {
  background-color: var(--customBackgroundColor);
  color: #ffffff;
}
.upcoming-surveys {
  padding: 20px 20px;
  font-size: 14px !important;
}
.upcoming-surveys .scrolling {
  height: 600px;
}
.upcoming-surveys.survey-list .table tr th:first-of-type {
  width: 60px;
}
@media (min-width: 768px) {
  div:not([class*="col-"]) > .bootstrap-select {
    max-width: 300px;
  }
}
@media (min-width: 640px) {
  .page-switch a {
    padding: 15px 35px 14px;
  }
}
@media (min-width: 992px) {
  .survey-pages .inner-column.col-wide.extended,
  .workflow-pages .inner-column.col-wide.extended,
  .research-pages .inner-column.col-wide.extended {
    width: 995px;
    max-width: 995px;
    min-width: 995px;
    margin: 0 auto;
  }
}
.scrolling:has(.survey-general) {
  width: 100%;
}
.form-selector,
.workflow-chart-selector {
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
  min-width: 240px;
}
.forms-tabs span:not(.data-circle):not(.mb-range-tick):not(.mb-range-tick-line):not(.mb-range-tick-label) {
  margin-top: 10px;
}
.forms-tabs .btn {
  width: max-content;
  margin: 10px 0;
}
.forms-tabs .table-scroll-x {
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.forms-tabs .workflow-series-table {
  min-width: 1200px;
}
.CodeMirror,
.CodeMirror-scroll {
  min-height: 200px !important;
}
.simple-editor:disabled {
  display: none;
}
.editor-content em {
  font-style: italic;
}
.editor-content strong {
  font-weight: bold;
}
.editor-content strong em {
  font-weight: bold;
}
.editor-content ul {
  list-style-type: disc;
  padding-left: 16px;
}
.editor-content ol {
  list-style-type: decimal;
  padding-left: 14px;
}
.editor-content ol li {
  padding-left: 4px;
}
.editor-content h1 {
  margin-bottom: 18px;
}
.editor-content h4,
.editor-content h5 {
  margin-bottom: 12px;
  text-transform: capitalize;
}
.interactive-form.edit-mode .settings-options {
  display: flex;
}
.interactive-form.edit-mode .not-uploaded {
  cursor: pointer;
}
.interactive-form.edit-mode:not(.not-uploaded) .interaction-trigger {
  cursor: pointer;
}
.interactive-form.edit-mode .interactive-img {
  margin-bottom: 0;
}
.interactive-form:not(.edit-mode):not(.not-uploaded) .interaction-trigger {
  cursor: default;
}
.interactive-form.store-point-events .img-label {
  margin-bottom: 6px;
}
.interactive-form.store-point-events .selected-points {
  min-height: 42px;
  margin-bottom: 12px;
  padding: 10px 18px;
  line-height: 20px;
  background: #fafafa;
  border: 1px dashed #ddd;
  border-radius: 8px;
}
.interactive-form.store-point-events .point {
  cursor: pointer;
}
.settings-options {
  display: none;
  margin-bottom: 8px;
}
.settings-options .flex-left label:last-child {
  margin-bottom: 0;
}
.settings-options .flex-right {
  margin-left: auto;
}
.interactive-img .upload-image.not-uploaded .icon-image {
  display: block !important;
}
.interactive-img .upload-image:not(.not-uploaded) .icon-image {
  display: none !important;
}
.interactive-img .upload-image:not(.not-uploaded) .show-preview-img {
  max-width: 100%;
}
.interactive-img .delete-image {
  float: right;
  margin-top: 8px;
  padding-right: 2px;
}
.interactive-img .interactive-img-container {
  position: relative;
  width: 100% !important;
  max-width: 100% !important;
}
.interactive-img .interactive-img-container .aligned-width {
  position: relative;
  display: inline-block;
}
.interactive-img .interactive-img-container .interaction-points {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.point-size-options .point,
.interaction-points .point {
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  border: 2px solid #009fff;
  backdrop-filter: blur(3px);
}
.point-size-options .point.small,
.interaction-points .point.small {
  width: 10px;
  height: 10px;
}
.point-size-options .point.big,
.interaction-points .point.big {
  width: 30px;
  height: 30px;
}
.point-size-options .point:hover,
.interaction-points .point:hover,
.point-size-options .point.active,
.interaction-points .point.active {
  backdrop-filter: unset;
}
.point-size-options .point.active,
.interaction-points .point.active {
  border-color: #00cc00;
}
.point-size-options {
  position: relative;
  top: -3px;
}
.point-size-options button {
  min-height: 44px;
  display: grid;
  align-content: center;
  outline: none !important;
  border-color: #d9d9d9;
}
.point-size-options button:focus,
.point-size-options button.selected,
.point-size-options button:hover {
  border-color: #d9d9d9 !important;
  background-color: #f3f3f3;
}
.point-size-options .point {
  position: relative;
}
.interactions-list .starting-point > label {
  display: block !important;
  text-align: center;
  padding: 20px;
  border: 1px dashed #ddd;
  border-radius: 8px;
}
.interactions-list li > label {
  display: flex !important;
  width: 100% !important;
}
.interactions-list .table-input-label {
  width: 26px !important;
}
.interactions-list .code-input,
.interactions-list .value-input {
  width: 100px !important;
}
.interactions-list .desc-input {
  display: inline-block;
  height: 37px !important;
  width: 100% !important;
}
.series-progress {
  display: flex;
  gap: 5px;
  max-width: 116px;
  flex-wrap: wrap;
  padding: 2px 0 5px;
}
.series-progress .dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  margin: 0;
  border-radius: 50%;
}
.series-progress .dot.red {
  background-color: #d41414;
}
.series-progress .dot.orange {
  background-color: #f69300;
}
.series-progress .dot.green {
  background-color: #5cb85c;
}
.series-progress .dot.grey {
  background-color: #a6a6a6;
}
.ehr-templates:not(.edit-mode) .template-select-group,
.ehr-templates:not(.edit-mode) .template-info {
  display: none;
}
.ehr-templates:not(.edit-mode) mb-form {
  pointer-events: none;
}
.ehr-templates .template-select-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
}
.ehr-templates .template-language-selector {
  min-width: 150px;
}
.ehr-templates.edit-mode .init-select-template {
  display: none;
}
.ehr-templates .template-info {
  margin-top: 25px;
  margin-bottom: 20px;
}
.ehr-templates .bootstrap-select.btn-group .dropdown-menu.open {
  max-height: 400px !important;
  overflow: hidden !important;
}
.ehr-templates .dropdown-menu.inner {
  max-height: 356px !important;
}
.form-statistics .inner-column.col-narrow.wider {
  max-width: 400px;
}
.form-statistics .stats-group {
  margin-bottom: 0;
  padding: 20px;
}
.form-statistics .stats-group .datepicker-container {
  position: relative !important;
  top: auto;
  width: 100%;
  margin-bottom: 15px;
}
.form-statistics .stats-group.no-padding {
  padding-bottom: 0;
}
.form-statistics .stats-group .doc-select-patient {
  padding-top: 0;
}
.form-stats-view {
  text-align: center;
}
.form-stats-view .scrolling {
  padding: 40px;
}
.form-stats-view h4.no-data {
  color: #a6a6a6;
  padding: 60px 0;
}
.form-stats-view .stats-container h4 {
  text-align: left;
}
.form-stats-view .stats-container.expanded {
  width: 100%;
}
.form-stats-view .stats-container.expanded .lightbox.fullscreen {
  width: auto;
  height: auto;
}
.form-stats-view .stats-container.ratio {
  text-align: left;
}
.form-stats-view .stats-container.ratio .table {
  max-width: 600px;
  margin: 0 auto;
}
.chart-selector .select-chart {
  display: inline-block;
  width: 48px;
  height: 48px;
  margin: 0 8px;
  padding: 14px;
  border-radius: 50%;
  background-color: #f3f3f3;
}
.chart-selector .select-chart:hover,
.chart-selector .select-chart.selected {
  text-decoration: none;
  background-color: var(--customBackgroundColor);
}
.chart-selector .select-chart:hover img,
.chart-selector .select-chart.selected img {
  filter: invert(1);
}
.chart-selector img {
  vertical-align: top;
}
.chart-heading {
  position: relative;
}
.chart-heading .toggle-chart-axis {
  position: absolute;
  right: 60px;
  top: 0;
  font-size: 16px;
}
.chart-heading .toggle-chart-axis .ico {
  position: relative;
  top: -1px;
  margin-right: 8px;
}
.research-pages .column-content {
  position: relative;
  background: #f3f3f3;
}
.research-pages .column-content.details-section .scrolling {
  width: 100%;
}
.research-pages .column-content.details-section .group-title span {
  background: #f3f3f3;
}
.research-pages .column-content.details-section .group-title::before {
  content: none;
}
.research-pages .controls .btn + .btn {
  margin: 0 10px 0 0;
}
.research-pages .controls .btn + .btn.no-margin {
  margin: 0;
}
.research-pages a.activate {
  margin-right: 10px;
}
.research-pages .top-bar.expendable {
  background: #ffffff;
}
.research-pages .tabbed-nav li {
  background: #ffffff;
}
.research-pages .tabbed-nav .active {
  background: #f3f3f3;
}
.research-pages .tabbed-nav .active::after {
  border-color: #f3f3f3;
}
.research-pages .edit-rq-title {
  color: var(--customBackgroundColor);
  font-size: 20px;
  position: relative;
  left: 6px;
  top: -2px;
  cursor: pointer;
}
.research-pages .edit-rq-title:hover {
  color: var(--customDarkBackgroundColor);
}
.research-export .ico-download {
  position: relative;
  top: 1px;
  font-size: 18px;
}
.research-editor {
  width: 100%;
  max-width: 540px;
}
.research-editor + .research-results {
  max-width: calc(100% - 540px);
  background-color: #ffffff;
  border-left: 1px solid #e6e6e6;
}
.research-editor + .research-results .top-bar {
  background-color: #ffffff;
}
.research-editor + .research-results .research-results-area {
  padding-top: 25px;
}
.re-area {
  width: 100%;
  max-width: 380px;
  margin: 0 auto;
  padding: 80px 20px 60px;
}
.re-area .re-block {
  position: relative;
  width: 100%;
  border-radius: 5px;
}
.re-area .re-block + .re-block {
  margin-top: 32px;
}
.re-area .re-block + .re-block::before {
  content: '';
  display: inline-block;
  position: absolute;
  left: calc(50% - 1px);
  bottom: 100%;
  width: 1px;
  height: 32px;
  background: #d9d9d9;
}
.re-area .re-block .re-content {
  display: flex;
  align-items: center;
  position: relative;
  width: 100%;
  min-height: 86px;
  padding: 16px 24px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  z-index: 1;
  user-select: none;
}
.re-area .re-block .query-title {
  max-width: 240px;
  font-size: 16px;
  line-height: 24px;
}
.re-area .re-block.re-new {
  cursor: pointer;
}
.re-area .re-block.re-new .re-content {
  justify-content: center;
  min-height: 64px;
}
.re-area .re-block.re-new .query-title {
  color: var(--customBackgroundColor);
}
.re-area .re-block.re-new .query-title .ico-plus-circle {
  position: relative;
  top: -2px;
  margin-right: 6px;
}
.re-area .re-block.re-new.active .query-title,
.re-area .re-block.re-new:hover .query-title {
  color: var(--customDarkBackgroundColor);
}
.re-area .re-block.active,
.re-area .re-block:hover {
  -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
}
.re-area .re-block.active .hover-settings,
.re-area .re-block:hover .hover-settings {
  display: block;
  left: -60px;
}
.re-area .re-block .dots-icon .dropdown.options {
  top: 2px;
  right: 3px;
}
.re-area .re-block .dots-icon .dropdown.options.open .dropdown-toggle::before {
  color: #4d4d4d !important;
}
.re-area .re-block .dots-icon .dropdown.options .dropdown-toggle {
  padding: 0;
}
.re-area .re-block .dots-icon .dropdown.options .dropdown-toggle::after {
  display: none;
}
.re-area .re-block .dots-icon:hover .dropdown.options .dropdown-toggle::before {
  color: #4d4d4d !important;
}
.re-area .re-block .hover-settings {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  padding: 6px 20px;
  -webkit-transition: left 0.35s ease;
  -moz-transition: left 0.35s ease;
  -ms-transition: left 0.35s ease;
  -o-transition: left 0.35s ease;
  transition: left 0.35s ease;
}
.re-area .re-block .hover-settings i {
  display: block;
  font-size: 20px;
  margin-bottom: 12px;
  color: var(--customBackgroundColor);
}
.re-area .re-block .hover-settings i:hover {
  cursor: pointer;
  color: #000000;
}
.research-results {
  width: 100%;
  padding: 0 20px;
}
.research-results .top-bar {
  align-items: center;
  height: auto;
  padding: 8px 0;
  border-bottom-color: #e6e6e6;
}
.research-results .research-results-area {
  max-width: 1000px;
  margin: 0 auto;
  padding: 60px 0;
}
.research-results .table-results {
  margin: 0 0 30px;
  background-color: #ffffff;
}
.re-new-block-popup {
  position: absolute;
  top: calc(100% + 10px);
  z-index: 9;
  width: 100%;
  min-height: 260px;
  margin-bottom: 100px;
  background: #ffffff;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
}
.re-new-block-popup .scrolling {
  padding: 0 20px;
  min-height: 260px;
  max-height: 260px;
}
.re-new-block-popup .item-block {
  width: 100%;
  padding: 20px 26px;
  text-align: center;
}
.re-new-block-popup .item-block:not(:last-of-type) {
  border-bottom: 1px solid #f3f3f3;
}
.re-new-block-popup .item-block:hover {
  cursor: pointer;
}
.re-new-block-popup .item-block:hover .item-text {
  color: #0080a6;
}
.re-new-block-popup .item-text {
  color: var(--customBackgroundColor);
}
.open-research-results {
  display: none;
}
@media (max-width: 1180px) {
  .open-research-results {
    display: block;
    line-height: 35px;
    text-align: right;
    padding: 0 33px;
    color: var(--customBackgroundColor);
    cursor: pointer;
  }
  .open-research-results i {
    position: relative;
    top: -1px;
    margin-right: 5px;
  }
  .open-research-results:hover span {
    text-decoration: underline;
  }
  .research-editor {
    max-width: 100%;
  }
  .research-editor + .research-results {
    max-width: calc(100% - 50px);
  }
  .research-results {
    position: absolute;
    top: 0;
    right: -100%;
    z-index: 10;
    -webkit-transition: right 0.35s ease;
    -moz-transition: right 0.35s ease;
    -ms-transition: right 0.35s ease;
    -o-transition: right 0.35s ease;
    transition: right 0.35s ease;
  }
  .research-results.opened {
    right: 0;
    -moz-box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.25);
  }
}
.research-table td i {
  font-size: 20px;
  margin: 0 6px;
}
.workflow-pages .column-content:not(.in-lightbox) {
  position: relative;
  background: #f3f3f3;
}
.workflow-pages .column-content:not(.in-lightbox).details-section .scrolling {
  width: 100%;
}
.workflow-pages .column-content:not(.in-lightbox).details-section .group-title span {
  background: #f3f3f3;
}
.workflow-pages .column-content:not(.in-lightbox).details-section .group-title::before {
  content: none;
}
.workflow-pages .controls .btn + .btn {
  margin: 0 10px 0 0;
}
.workflow-pages .controls .btn + .btn.no-margin {
  margin: 0;
}
.workflow-pages a.activate {
  margin-right: 10px;
}
.workflow-pages .top-bar.expendable {
  background: #ffffff;
}
.workflow-pages .tabbed-nav li {
  background: #ffffff;
}
.workflow-pages .tabbed-nav .active {
  background: #f3f3f3;
}
.workflow-pages .tabbed-nav .active::after {
  border-color: #f3f3f3;
}
.workflow-pages .contains-doc {
  display: inline-block;
}
.workflow-pages .contains-doc + .contains-doc {
  margin-top: 10px;
}
.workflow-editor,
.workflow-status {
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  padding: 100px 40px;
  text-align: center;
  background: #f3f3f3;
}
.workflow-editor .ui-sortable-placeholder,
.workflow-status .ui-sortable-placeholder {
  visibility: visible !important;
  height: 128px;
}
.workflow-editor .state-done:not(.form-block),
.workflow-status .state-done:not(.form-block) {
  opacity: .7;
  pointer-events: none;
}
.workflow-editor .state-done:not(.form-block):hover,
.workflow-status .state-done:not(.form-block):hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.workflow-editor .state-waiting,
.workflow-status .state-waiting {
  border-color: #fff;
  -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
}
.workflow-editor .state-nyn,
.workflow-status .state-nyn {
  opacity: .3;
  pointer-events: none;
}
.workflow-editor .state-nyn:hover,
.workflow-status .state-nyn:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.workflow-status {
  max-width: calc(100% - 400px);
}
.workflow-status-activity {
  position: relative;
  width: 400px;
  min-height: 100%;
  background: #ffffff;
  border-left: 1px solid #d9d9d9;
  padding: 0 0 100px;
}
.workflow-status-activity .status-v-align {
  display: flex;
  align-items: center;
}
.workflow-status-activity .activity-title {
  padding: 16px 20px;
  font-size: 18px;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.workflow-status-activity .activity-title i {
  margin-right: 10px;
}
.workflow-status-activity .activities {
  min-height: 100%;
}
.workflow-status-activity .activity {
  padding: 28px 28px 0;
}
.workflow-status-activity .activity i {
  font-size: 22px;
}
.workflow-status-activity .activity i.align-top {
  vertical-align: top;
}
.workflow-status-activity .activity .ico-check {
  color: #5cb85c;
}
.workflow-status-activity .activity .ico-document {
  color: var(--customBackgroundColor);
}
.workflow-status-activity .activity hr {
  margin: 0;
}
.workflow-status-activity .activity.nyn {
  opacity: .25;
}
.workflow-status-activity .activity .btn {
  margin-bottom: 20px;
}
.workflow-status-activity .content {
  min-height: 68px;
  padding-left: 20px;
  margin-bottom: 16px;
}
.workflow-status-activity .content.nbm {
  margin-bottom: 0;
}
.workflow-status-activity .person-img {
  width: 40px;
  height: 40px;
  border-radius: 100%;
  vertical-align: sub;
}
.workflow-status-activity .activity-text {
  display: inline-block;
  width: calc(100% - 44px);
  font-size: 15px;
  line-height: 24px;
  padding: 0 14px;
}
.workflow-status-activity .activity-data-time {
  font-size: 11px;
  color: rgba(77, 77, 77, 0.5);
  margin-bottom: 28px;
}
.workflow-status-activity .activity-data-time.text-orange {
  color: #f69300;
}
.workflow-status-activity .reminder-text {
  font-size: 11px;
  margin-bottom: 28px;
}
.open-activity-status {
  display: none;
}
@media (max-width: 1100px) {
  .open-activity-status {
    display: block;
    line-height: 35px;
    text-align: right;
    padding: 0 33px;
    color: var(--customBackgroundColor);
    cursor: pointer;
  }
  .open-activity-status i {
    position: relative;
    top: -1px;
    margin-right: 5px;
  }
  .open-activity-status:hover span {
    text-decoration: underline;
  }
  .workflow-status {
    max-width: 100%;
  }
  .workflow-status-activity {
    position: absolute;
    top: 0;
    right: -400px;
    z-index: 10;
    -webkit-transition: right 0.35s ease;
    -moz-transition: right 0.35s ease;
    -ms-transition: right 0.35s ease;
    -o-transition: right 0.35s ease;
    transition: right 0.35s ease;
  }
  .workflow-status-activity.opened {
    right: 0;
    -moz-box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 24px 30px rgba(0, 0, 0, 0.25);
  }
}
#set-sending-details .intervention-list {
  margin-bottom: 15px;
}
#set-sending-details .intervention-list .intervention-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  margin-bottom: 8px;
  background-color: #fafafa;
  border-radius: 4px;
  border: 1px solid #f3f3f3;
}
#set-sending-details .intervention-list .intervention-item span {
  flex: 1;
  font-size: 14px;
}
#set-sending-details .intervention-list .intervention-item .remove-intervention {
  text-decoration: none;
  padding: 2px 4px;
}
#set-sending-details .intervention-list .intervention-item .remove-intervention i {
  font-size: 14px;
}
#set-sending-details .intervention-list .intervention-item .remove-intervention:hover {
  color: #0080a6;
}
#set-sending-details .schedule-items {
  margin-top: 20px;
}
#set-sending-details .schedule-items .schedule-item {
  margin-bottom: 15px;
  padding: 15px;
  background-color: #fafafa;
  border-radius: 6px;
  border: 1px solid #f3f3f3;
}
#set-sending-details .schedule-items .schedule-item .item-number {
  font-weight: 600;
  padding-top: 15px;
  font-size: 14px;
}
#set-sending-details .schedule-items .schedule-item .form-group {
  margin-bottom: 0;
}
#set-sending-details .subtitle {
  font-size: 16px;
  font-weight: 600;
  color: #333;
  margin-bottom: 15px;
  margin-top: 20px;
}
#set-sending-details .subtitle:first-child {
  margin-top: 0;
}
#select-participants tr.group input[type=checkbox] {
  position: relative;
  top: -2px;
}
#select-participants tr.group td {
  padding-bottom: 12px;
}
.template-variables-panel {
  position: absolute;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 16px;
}
.template-variables-panel .variables-title {
  font-size: 14px;
  font-weight: 600;
  color: #5a5a5a;
  margin: 0 0 8px 0;
}
.template-variables-panel .variables-subtitle {
  font-size: 12px;
  color: #676767;
  margin: 0 0 12px 0;
  line-height: 1.4;
}
.template-variables-panel .variables-list {
  max-height: 220px;
  overflow-y: auto;
  padding-right: 10px;
}
.template-variables-panel .variables-list .variable-item {
  background: #f3f3f3;
  border: 1px solid #d9d9d9;
  border-radius: 3px;
  padding: 6px 8px;
  margin-bottom: 4px;
  font-size: 11px;
  color: #5a5a5a;
  cursor: pointer;
  transition: all 0.2s ease;
}
.template-variables-panel .variables-list .variable-item:hover {
  background: #e6e6e6;
  border-color: #a6a6a6;
}
.template-variables-panel .variables-list .variable-item:last-child {
  margin-bottom: 0;
}
.template-variables-panel .variables-list .variable-item.copied {
  border-color: #5cb85c !important;
}
.event-block {
  width: 40px;
  height: 40px;
  margin: 0 auto;
  border-radius: 100%;
  background: #ffffff;
}
.start-event {
  border: 1px solid #d9d9d9;
}
.stop-event {
  border: 10px solid #d9d9d9;
}
.flow-arrow {
  position: relative;
  display: inline-block;
  width: 2px;
}
.flow-arrow::before {
  display: inline-block;
  position: relative;
  content: '';
  width: 2px;
  height: 58px;
  margin-bottom: 1px;
  background: #d9d9d9;
}
.flow-arrow::after {
  position: absolute;
  bottom: 0;
  left: -3px;
  display: inline-block;
  content: '';
  width: 8px;
  height: 7px;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 7px solid #a6a6a6;
}
.flow-arrow.has-add-block::before {
  height: 76px;
}
.flow-arrow.condition-flow {
  position: absolute;
  left: calc(50% - 1px);
}
.flow-arrow.condition-flow::before {
  height: 220px;
}
.flow-arrow.condition-flow::after {
  display: none;
}
.activity-block {
  position: relative;
  z-index: 1;
  width: 300px;
  margin: 0 auto;
  border-radius: 5px;
  border: 1px solid #d9d9d9;
  text-align: center;
  background: #ffffff;
}
.activity-block .padding {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 40px 30px;
  border-radius: 5px;
  background: #ffffff;
}
.activity-block .padding.data-padding {
  padding: 30px 30px 30px 20px;
}
.activity-block:hover {
  -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.15);
}
.activity-block:hover .ico-handle,
.activity-block:hover .hover-settings {
  display: block;
}
.activity-block:hover .hover-settings {
  left: -66px;
}
.activity-block .pull-left-top {
  position: absolute;
  top: 4px;
  left: 6px;
  font-size: 18px;
}
.activity-block .ap-icon {
  color: #a6a6a6;
}
.activity-block .ico-check,
.activity-block .ico-handle,
.activity-block .ico-bell:not(.dd-menu) {
  position: absolute;
  right: 4px;
  bottom: 8px;
  font-size: 20px;
}
.activity-block .ico-check {
  right: 9px;
  color: #5cb85c;
}
.activity-block .ico-bell:not(.dd-menu) {
  right: 6px;
  color: var(--customBackgroundColor);
  cursor: pointer;
}
.activity-block .ico-handle {
  display: none;
  color: #d9d9d9;
}
.activity-block .ico-time:not(.form-ico) {
  position: absolute;
  left: 6px;
  bottom: 4px;
  font-size: 18px;
  color: #a6a6a6;
}
.activity-block.doc-signed:not(.form-block) .ico-handle,
.activity-block.doc-signed:not(.form-block) .dots-icon {
  display: none;
}
.activity-block.state-waiting .ico-handle {
  display: none;
}
.activity-block.view-only {
  pointer-events: none;
  opacity: 0.75;
}
.activity-block.view-only i,
.activity-block.view-only span {
  color: #808080;
}
.activity-block .dots-icon .dropdown.options {
  top: 2px;
  right: 3px;
}
.activity-block .dots-icon .dropdown.options.open .dropdown-toggle::before {
  color: #4d4d4d !important;
}
.activity-block .dots-icon .dropdown.options .dropdown-toggle {
  padding: 0;
}
.activity-block .dots-icon .dropdown.options .dropdown-toggle::after {
  display: none;
}
.activity-block .dots-icon:hover .dropdown.options .dropdown-toggle::before {
  color: #4d4d4d !important;
}
.activity-block.form-block .form-ico {
  float: left;
  font-size: 30px;
}
.activity-block .ico-document,
.activity-block .person-img,
.activity-block .icon-img {
  float: left;
}
.activity-block .icon-img {
  width: 60px;
  height: 60px;
  line-height: 52px;
}
.activity-block .icon-img [class^="ico-"]:before {
  font-size: 40px;
  color: var(--customBackgroundColor);
}
.activity-block .text-box {
  float: left;
  padding-left: 15px;
  text-align: left;
  color: #000000;
}
.activity-block .text-box .title {
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.activity-block .text-box .person-title {
  display: block;
  margin-bottom: 4px;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  overflow: hidden !important;
}
.activity-block .text-box hr {
  margin: 5px 0;
}
.activity-block .notification-type,
.activity-block .event-type,
.activity-block .desc {
  color: #676767;
  display: inline-block;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.activity-block .notification-type.text-orange,
.activity-block .event-type.text-orange,
.activity-block .desc.text-orange {
  color: #f69300;
}
.activity-block .notification-type.text-green,
.activity-block .event-type.text-green,
.activity-block .desc.text-green {
  color: #5cb85c;
}
.activity-block .edit-status {
  color: var(--customBackgroundColor);
  display: inline-block;
  margin-top: 4px;
}
.activity-block .edit-status i {
  position: relative;
  top: -1px;
  margin-right: 2px;
}
.activity-block .hover-settings {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  height: 100%;
  padding: 10px 24px;
  -webkit-transition: left 0.35s ease;
  -moz-transition: left 0.35s ease;
  -ms-transition: left 0.35s ease;
  -o-transition: left 0.35s ease;
  transition: left 0.35s ease;
}
.activity-block .hover-settings i {
  display: block;
  font-size: 20px;
  margin-bottom: 14px;
  color: var(--customBackgroundColor);
}
.activity-block .hover-settings i:hover {
  cursor: pointer;
  color: #000000;
}
.activity-block .hover-icons {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  top: 0;
  right: -42px;
  padding: 15px 10px 15px 30px;
}
.activity-block .hover-icons i {
  font-size: 20px;
  color: var(--customBackgroundColor);
  cursor: pointer;
}
.activity-block .hover-icons i:hover {
  color: #000000;
}
.activity-block.state-waiting .hover-icons {
  visibility: visible;
  opacity: 1;
}
.activity-block.state-waiting .hover-icons .ico-check {
  position: relative;
  color: #5cb85c;
  bottom: auto;
  right: -2px;
  cursor: default;
}
.sortable-content.ui-sortable-helper .hover-settings,
.sortable-content.ui-sortable-helper .flow-arrow {
  display: none;
}
.document-ab .ico-document,
.document-ab .form-ico {
  width: 30px;
  font-size: 30px;
  position: relative;
  top: 6px;
  left: 4px;
  display: inline-flex;
}
.document-ab .text-box {
  width: calc(100% - 40px);
  min-height: 42px;
  cursor: default;
}
.document-ab.choose-doc {
  cursor: pointer;
}
.document-ab.choose-doc .doc-title {
  color: var(--customBackgroundColor);
}
.document-ab.choose-doc .text-box {
  cursor: pointer;
}
.document-ab.choose-doc:hover .doc-title {
  color: #0080a6;
}
.person-ab .person-img,
.group-ab .person-img,
.order-ab .person-img {
  width: 60px;
  height: 60px;
  border-radius: 100%;
}
.person-ab .text-box,
.group-ab .text-box,
.order-ab .text-box {
  width: calc(100% - 60px);
  min-height: 60px;
  cursor: default;
}
.person-ab .clearfix,
.group-ab .clearfix,
.order-ab .clearfix {
  position: relative;
}
.person-ab .clearfix:hover .hover-icons,
.group-ab .clearfix:hover .hover-icons,
.order-ab .clearfix:hover .hover-icons {
  visibility: visible;
  opacity: 1;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.group-ab {
  width: 368px;
}
.group-ab .person-group {
  width: 270px;
}
.group-ab .person-group > div:not(:last-of-type) {
  margin-bottom: 24px;
}
.group-ab .group-status {
  height: 50px;
  border-top: 1px solid #d9d9d9;
  padding: 12px 30px;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #f3f3f3;
}
.conditional-block {
  position: relative;
  height: 220px;
}
.persons-cb .if-gate {
  position: relative;
  top: 8px;
  width: 60px;
  margin: 0 auto;
  text-align: center;
}
.persons-cb .if-gate .ico-trash,
.persons-cb .if-gate .ico-clone {
  position: absolute;
  top: 8px;
  color: var(--customBackgroundColor);
  font-size: 16px;
  cursor: pointer;
}
.persons-cb .if-gate .ico-trash:hover,
.persons-cb .if-gate .ico-clone:hover {
  color: #000000;
}
.persons-cb .if-gate .ico-trash {
  left: -24px;
  font-size: 15px;
}
.persons-cb .if-gate .ico-clone {
  right: -26px;
}
.persons-cb .if-gate::before {
  position: absolute;
  top: 0;
  left: calc(50% - (42px / 2));
  display: block;
  content: '';
  width: 42px;
  height: 42px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  border-radius: 2px;
  background: #d9d9d9;
  z-index: 0;
}
.persons-cb .if-text {
  position: relative;
  z-index: 1;
  font-size: 15px;
  font-weight: bold;
  line-height: 42px;
  color: #000000;
  text-transform: uppercase;
}
.persons-cb .or-gate {
  position: relative;
  top: 82px;
  text-align: center;
  cursor: default;
}
.persons-cb .or-gate::before {
  position: absolute;
  top: 0;
  left: calc(50% - (28px / 2));
  display: block;
  content: '';
  width: 28px;
  height: 28px;
  border-radius: 100%;
  background: #d9d9d9;
  z-index: 0;
}
.persons-cb .or-gate::after {
  position: absolute;
  top: 14px;
  left: calc(50% - 50px);
  display: block;
  content: '';
  width: 100px;
  height: 2px;
  background: #d9d9d9;
  z-index: 0;
}
.persons-cb .or-text {
  position: relative;
  z-index: 1;
  font-size: 10px;
  line-height: 28px;
  color: #4d4d4d;
  text-transform: uppercase;
}
.persons-cb .activity-block {
  position: absolute;
  top: 68px;
}
.persons-cb .activity-block.left-block {
  right: calc(50% + 20px);
}
.persons-cb .activity-block.right-block {
  left: calc(50% + 20px);
}
.contains-add-new-block {
  position: relative;
  top: -45px;
}
.add-new-block {
  position: absolute;
  z-index: 1;
  top: 25px;
  left: calc(50% - 13px);
  display: block;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: var(--customBackgroundColor);
  cursor: pointer;
  -webkit-transition: all 0.35s ease;
  -moz-transition: all 0.35s ease;
  -ms-transition: all 0.35s ease;
  -o-transition: all 0.35s ease;
  transition: all 0.35s ease;
}
.add-new-block:hover {
  -moz-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
  -webkit-box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 4px 30px rgba(0, 0, 0, 0.25);
}
.add-new-block::before {
  position: absolute;
  left: calc(50% - 13px);
  bottom: 15px;
  z-index: 1;
  display: block;
  content: '+';
  width: 26px;
  height: 13px;
  text-align: center;
  font-size: 21px;
  color: #ffffff;
  cursor: pointer;
}
.add-new-user {
  cursor: pointer;
}
.add-new-user .text-box {
  cursor: pointer;
}
.add-new-user .person-title {
  color: var(--customBackgroundColor);
}
.add-new-user:hover .person-title {
  color: #0080a6;
}
.wf-new-block-popup {
  position: absolute;
  top: 45px;
  left: calc(50% - 169px);
  z-index: 9;
  width: 338px;
  background: #ffffff;
  border: 1px solid #d9d9d9;
  -moz-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.2);
  margin-bottom: 100px;
}
.wf-new-block-popup .scrolling {
  padding: 0 20px;
  max-height: 304px;
}
.wf-new-block-popup .item-block {
  width: 100%;
  padding: 20px 26px;
  text-align: left;
  display: grid;
  grid-template-columns: 75px auto;
  grid-template-rows: auto;
  grid-template-areas: "left right";
  align-items: center;
}
.wf-new-block-popup .item-block .flex-left {
  grid-area: left;
}
.wf-new-block-popup .item-block .flex-right {
  grid-area: right;
  line-height: 20px;
}
.wf-new-block-popup .item-block:not(:last-of-type) {
  border-bottom: 1px solid #f3f3f3;
}
.wf-new-block-popup .item-block:hover {
  cursor: pointer;
}
.wf-new-block-popup .item-block:hover i,
.wf-new-block-popup .item-block:hover .item-text {
  color: #0080a6;
}
.wf-new-block-popup .item-block:hover i {
  background: #fafafa;
}
.wf-new-block-popup i {
  display: inline-block;
  width: 60px;
  height: 60px;
  font-size: 20px;
  color: var(--customBackgroundColor);
  text-align: center;
  line-height: 55px;
  border: 1px solid #e6e6e6;
  border-radius: 100%;
}
.wf-new-block-popup i::before {
  margin-left: 2px;
}
.wf-new-block-popup i.ico-doctor::before {
  margin-left: 5px;
}
.wf-new-block-popup i.ico-directory {
  font-size: 26px;
}
.wf-new-block-popup .item-text {
  color: var(--customBackgroundColor);
}
.intervention-form {
  margin: 15px 0;
  padding: 15px;
  border: 1px solid #f3f3f3;
  border-radius: 4px;
  background: #fafafa;
}
.intervention-form .inter-actions {
  display: flex;
  align-items: center;
  column-gap: 6px;
  height: 50px;
}
.sortable-content {
  width: 100%;
}
.sort-handle {
  cursor: grab;
}
.sort-handle span,
.sort-handle::before,
.sort-handle::after {
  cursor: grab;
}
.placeholder-block {
  position: relative;
  z-index: 1;
  width: 300px;
  margin: 0 auto;
  padding: 20px;
  border-radius: 5px;
  text-align: center;
  background: var(--customBackgroundColor);
  cursor: default;
}
.placeholder-block .drop-text {
  color: #ffffff;
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
}
.video-call-overlay {
  position: fixed;
  bottom: 0;
  right: 64px;
  z-index: 3;
  -webkit-transition: all .35s ease;
  -o-transition: all .35s ease;
  transition: all .35s ease;
}
.video-call-overlay .video-actions {
  display: none;
}
.video-call-overlay.maximised {
  width: calc(100% - (64px * 2));
  height: calc(100% - 43px);
}
.video-call-overlay.minimised {
  top: auto;
  left: auto;
  bottom: 10px;
  right: 74px;
  width: 305px;
  height: 175px;
  box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.5);
}
.video-call-overlay.minimised .video-actions {
  display: block;
  position: absolute;
  top: 0;
  left: -38px;
  z-index: 0;
  background: #ffffff;
  box-shadow: 0 2px 14px 1px rgba(0, 0, 0, 0.2);
}
.video-call-overlay.minimised .video-actions span {
  display: block;
  width: 38px;
  height: 38px;
  line-height: 38px;
  text-align: center;
  font-size: 16px;
  color: #808080;
}
.video-call-overlay.minimised .video-actions span:hover {
  cursor: pointer;
  color: var(--customBackgroundColor);
  background: #f3f3f3;
}
.video-call-overlay.minimised.hidden-pip {
  right: calc(-305px + 64px + 20px);
}
.video-call-overlay .video-call-iframe {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-call-overlay.patients {
  right: 0;
}
.video-call-overlay.patients.maximised {
  width: calc(100% - 64px);
}
.video-call-overlay.patients.minimised {
  right: 10px;
}
.video-call-overlay.patients.minimised.hidden-pip {
  right: calc(-305px + 20px);
}
@media (max-width: 768px) {
  .video-call-overlay.patients.maximised {
    width: 100%;
  }
  .video-call-overlay.patients.minimised {
    width: 260px;
    height: 150px;
  }
  .video-call-overlay.patients.minimised.hidden-pip {
    right: calc(-260px + 20px);
  }
}
.on-call-warning {
  -webkit-transition: all .25s ease;
  -o-transition: all .25s ease;
  transition: all .25s ease;
}
.on-call-warning i {
  line-height: 20px;
  color: #d41414;
}
.on-call-warning.minimised {
  background: #f9bbbb;
}
.on-call-warning:hover {
  background: #ffffff;
  cursor: pointer;
}
.video-table .table.compact th:first-of-type,
.upload-table .table.compact th:first-of-type {
  padding-left: 44px;
}
.video-table .table.compact td:first-of-type,
.upload-table .table.compact td:first-of-type {
  padding: 0 8px 8px;
}
.registration {
  height: 100%;
  background: url("../media/images/tmp/register-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  overflow: auto;
}
.registration .valign {
  background: rgba(42, 107, 155, 0.3);
  padding: 30px;
}
.registration .box {
  position: relative;
  width: 750px;
  max-width: 100%;
  padding: 50px;
  margin: 0 auto;
  z-index: 1;
  box-shadow: 0 0 18px 4px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  background: #ffffff;
}
.registration .step-title {
  color: #676767;
  font-weight: 400;
  text-align: center;
  margin-bottom: 25px;
  margin-top: 0;
}
.registration .step-title span {
  font-weight: 400;
}
.registration .step-title .ci-logo {
  display: inline-block;
  width: 42px;
  height: 28px;
  margin-bottom: -6px;
  margin-right: 10px;
  background-image: url(../media/images/layout/logo.png);
  background-repeat: no-repeat;
  background-size: contain;
}
.registration .step-title.pull-left {
  margin-bottom: 40px;
}
@media only screen and (min-width: 1024px) {
  .login.registration .box {
    width: 650px;
    padding: 50px 80px;
  }
}
.front .box {
  background: rgba(255, 255, 255, 0.85);
  text-align: center;
}
.front .box .form {
  padding: 0 50px;
}
.front .box .step-title {
  margin-bottom: 35px;
}
.front .sign-in {
  margin: 30px 0 -30px;
  text-align: center;
  color: #676767;
}
.front .sign-in a {
  font-weight: 700;
}
.front .form .disclaimer {
  color: #676767;
  margin-top: 10px;
}
.box .steps {
  margin: -50px -50px 25px;
  padding: 20px;
}
#dc_login_iframe {
  display: block;
  float: none !important;
  margin: 0 auto 20px;
}
.front.login .box .form {
  padding: 0 20px;
}
.login .logo {
  margin-bottom: 30px;
}
.login h3 {
  margin-bottom: 20px;
}
.login h4 {
  margin-top: 20px;
}
.login .row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.login .divider {
  position: relative;
}
.login .divider:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  border-right: 1px solid #d9d9d9;
}
.login-form .controls .login-button {
  margin-bottom: 10px;
}
.register-options {
  margin: 30px 0 10px;
  padding-bottom: 25px;
  text-align: center;
  border-bottom: 1px solid #d9d9d9;
}
.register-options p {
  font-size: 14px;
  margin-bottom: 20px;
}
.register-options ul {
  margin: 0 auto;
}
.register-options li {
  display: inline-block;
  vertical-align: top;
}
.register-options li:before {
  content: '';
  margin-top: 7px;
  width: 1px;
  height: 27px;
  background: #d9d9d9;
  display: inline-block;
  vertical-align: top;
}
.register-options li:first-child:before {
  display: none;
}
.register-options li img {
  max-width: 110px;
  margin-left: 10px;
}
.register-options .btn-link img {
  max-width: 90px;
}
.register {
  height: 100%;
  background: url("../media/images/tmp/register-bg.jpg") no-repeat center;
  background-size: cover;
  position: relative;
  overflow: auto;
}
.register .valign {
  background: rgba(42, 107, 155, 0.7);
}
.register .box {
  position: relative;
  width: 750px;
  max-width: 100%;
  margin: 0 auto;
}
.register p {
  color: #ffffff;
  font-size: 18px;
}
.register h3 {
  color: #ffffff;
  font-size: 32px;
  margin-bottom: 1em;
}
.register .register-option {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  cursor: pointer;
}
.register .register-option span {
  color: #ffffff;
  font-size: 18px;
}
.register .register-option p {
  text-align: left;
  margin-left: 2em;
  padding-left: 1.75em;
}
.register .register-option figure {
  width: 8em;
  height: 8em;
  margin: 0 auto 1.25em;
  background-color: #ffffff;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
}
.register li:not(:last-of-type) .register-option span {
  text-align: left;
  margin-left: 2em;
}
.register .register-options {
  width: 100%;
  margin: 2em 0 1em;
  padding: 0;
  text-align: center;
  border-bottom: none;
}
.register .register-options li {
  width: 30%;
}
.register .register-options li:before {
  display: block;
  margin: 0;
  width: auto;
  height: auto;
}
.register .register-options li:first-of-type figure {
  background-image: url('../media/images/register/new/doc.png');
  background-size: 120%;
}
.register .register-options li:nth-child(2) figure {
  background-image: url('../media/images/register/new/hin.png');
  background-position: 50% 60%;
  background-size: 80%;
}
.register .register-options li:last-of-type figure {
  background-image: url('../media/images/register/new/manually.png');
  background-size: 50%;
}
.register .active .register-option figure {
  border: 4px solid var(--customBackgroundColor);
}
.register form {
  width: 55%;
  margin: 0 auto;
}
.register form button {
  display: block;
  margin: 0.5em auto 0.25em;
}
.register .radio-inputs {
  color: #ffffff;
}
.register .tab-content {
  margin-bottom: 1.5em;
}
.register .tab-content iframe {
  margin: 0 auto;
}
input[type="radio"].custom {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
input[type="radio"].custom + span {
  display: block;
}
input[type="radio"].custom + span:before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  margin-right: 0.75em;
  vertical-align: -2px;
  box-shadow: 0 0 0 2px #ffffff;
  border-radius: 50%;
  transition: 0.5s ease all;
}
input[type="radio"].custom:checked + span:before {
  background-color: var(--customBackgroundColor);
  background-size: px;
  background-position: ;
}
li.active input[type="radio"].custom + span:before {
  background-color: var(--customBackgroundColor);
  background-size: px;
  background-position: ;
}
@media (max-width: 767px) {
  .registration .box {
    padding: 50px 20px;
  }
  .registration .valign {
    padding: 30px 10px;
  }
  .front .box .form {
    padding: 0;
  }
  .box .steps {
    margin: -50px -20px 25px;
    padding: 20px 10px;
  }
  .login .row {
    display: block;
  }
  .login .divider:before {
    display: none;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Actions */
i.medium {
  font-size: 18px;
}
i.circle {
  border-radius: 100%;
  font-size: 60%;
  border: 1px solid;
  padding: 5px 8px 8px;
}
i.badge-plus {
  position: relative;
}
i.badge-plus:after {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  content: '+';
  position: absolute;
  top: -1px;
  right: -4px;
  width: 15px;
  height: 15px;
  padding-left: 1px;
  line-height: 11px;
  border-radius: 15px;
  background: var(--customBackgroundColor);
  color: #ffffff;
  font-size: 15px;
  text-align: center;
  display: block;
}
i.badge-plus-inverse:after {
  background: #ffffff;
  color: var(--customBackgroundColor);
}
/* IE specific */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  i.badge-plus:after,
  i.badge-plus:after {
    line-height: 15px;
  }
}
.open .dropdown-toggle .ico-arrow-down:before {
  font-family: "icons" !important;
  content: "\f106";
}
.check-list .active a:after {
  font-family: "icons" !important;
  content: "\f112";
}
.item .dropdown.options .dropdown-toggle:before {
  font-family: "icons" !important;
  content: "\f11e";
}
.panel-heading a.collapsed .ico-minus-circle:before {
  content: "\f144";
}
.panel .panel-heading a:before {
  content: "\f13b";
  font-family: "icons";
}
.panel .panel-heading a.collapsed:before {
  content: "\f144";
}
.left-column .column-collapse i:before {
  content: "\f108";
}
.right-column .column-collapse i:before {
  content: "\f107";
}
.opened i.ico-arrows:before {
  content: "\f108";
}
.closed i.ico-arrows:before {
  content: "\f107";
}
.one-column .left-column .column-collapse i:before {
  content: "\f107";
}
.one-column .right-column .column-collapse i:before {
  content: "\f108";
}
.alert-danger:before {
  font-family: "icons";
  content: "\f117";
}
.alert-success:before {
  font-family: "icons";
  content: "\f10f";
}
.alert-warning:before {
  font-family: "icons";
  content: "\f17a";
}
.alert-info:before {
  font-family: "icons";
  content: "\f132";
}
.alert-info.reminder-msg:before {
  font-family: "icons";
  content: "\f10a";
}
.nav.tabs-toggle .close:before {
  font-family: "icons";
  content: "\f119";
  visibility: visible !important;
}
.edit-image .upload-image.not-uploaded .img-c:after {
  font-family: "icons";
  content: "\f131";
}
.edit-image .upload-image.upload-file.not-uploaded .img-c:after {
  font-family: "icons";
  content: "\f109";
}
.error .msg:before {
  font-family: "icons";
  content: "\f117";
}
.steps .step::before {
  font-family: "icons";
}
.steps .step.done::before,
.steps .step.active::before {
  content: "\f112";
}
.right-column .nav-bar:not(.expand) .nav-arrows i:before {
  content: "\f107";
}
.right-column .expand .nav-arrows i:before {
  content: "\f108";
}
.left-column .nav-bar:not(.expand) .nav-arrows i:before {
  content: "\f108";
}
.left-column .expand .nav-arrows i:before {
  content: "\f107";
}
.char-counter-container {
  position: relative;
}
.char-counter-container > span {
  position: absolute;
  top: 5px;
  right: 10px;
  font-size: 11px;
  color: var(--customBackgroundColor);
}
.char-counter-container > span.limit-reached {
  color: #d41414;
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* LATEST - Improvements */
/* Include with new rewrite */
/* --- MEDx --- */
.search-bar.full-extend {
  padding-right: 20px;
  width: 100%;
}
.search-bar.full-extend .search-submit {
  right: 30px;
}
.search-filters .search-bar.full-extend {
  padding-right: 120px;
}
.search-filters .search-bar.full-extend .search-submit {
  right: 130px;
}
.alphabet-sort li {
  width: 22px;
}
.row-height {
  height: 20px;
}
.share-extended .main-column > .content-wrap.increase-height {
  margin-bottom: 400px;
}
.increase-height {
  top: 21px !important;
}
.distribute-survey-column-content {
  max-height: 30em !important;
}
.frequency-tooltip > h4,
frequency-tooltip > i {
  display: inline;
}
.fill-forms-height {
  height: 600px;
}
label > .frequency-span {
  color: red;
  font-size: 16px;
}
.custom-div-popup {
  white-space: pre-wrap;
}
/* Responsiveness Related CSS*/
/* sidebar-actions btn */
.sidebar-actions .ask-question-btn {
  display: block;
  position: fixed;
  bottom: 0;
  left: 12px;
  width: 93%;
}
@media (min-width: 768px) {
  .sidebar-actions .ask-question-btn {
    display: none;
  }
}
.hide-sidebar {
  display: none;
}
@media (min-width: 768px) {
  .hide-sidebar {
    display: block;
  }
}
@media (min-width: 768px) {
  .help-back-arrow {
    display: none;
  }
}
.help-back-arrow {
  margin-right: 20px;
}
@media (min-width: 768px) {
  .person .person-profile-picture {
    height: 0;
  }
}
.person-profile-picture {
  height: 160px;
}
@media (max-width: 720px) {
  .upcoming-surveys.survey-list .table.activity-data tr th,
  .upcoming-surveys.survey-list .table.activity-data tr td {
    padding: 0 8px;
  }
  .upcoming-surveys.survey-list .table.activity-data tr th:nth-child(3) {
    display: inline-block;
  }
  .upcoming-surveys.survey-list .table.activity-data tr td:nth-child(3) {
    display: inline-block;
  }
}
.lableSpaceRadio label {
  margin-left: 5px;
}
.patient-account-left-menu-width {
  min-width: 266px;
}
/* For Contact Sub menu in patient view */
@media (min-width: 768px) {
  #second-control-dropdown {
    display: none !important;
  }
}
@media (max-width: 767px) {
  #second-control-dropdown {
    display: block;
  }
  .second-controls {
    display: none;
  }
  .user-info-box .second-controls > .collapse-item {
    display: none;
  }
  .user-info-box .second-controls #second-control-dropdown.collapse-item {
    display: inline-block !important;
    padding-right: 125px;
    margin-left: 10px;
  }
}
.survey-datepicker-container input[name="daterange"] {
  float: right;
  clear: both;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.survey-datepicker-container {
  width: 17.5em;
  height: 2.85em;
  margin: 0;
  margin-right: 1.5%;
}
.survey-datepicker-container input[name="daterange"] {
  clear: both;
  width: 100%;
  height: 100%;
  cursor: pointer;
  background: #fff var(--customCalendarIconImageData) no-repeat calc(90%) 50%;
}
.survey-datepicker-container.ico-calendar::before {
  font-size: 22px;
  color: var(--customBackgroundColor);
}
.nvd3 g.nv-groups path.nv-line {
  stroke-width: 3px;
}
.patient-profile {
  padding: 0 15px;
}
.patient-profile .health-info {
  padding-bottom: 10px;
}
.personal-data .panel-group {
  overflow-y: visible;
}
.personal-data .upcoming-surveys {
  padding: 0px;
}
.panel .panel-heading .listing-title {
  padding: 0px;
}
.panel .panel-heading a {
  position: relative;
  padding: 15px 30px 15px 0;
  display: block;
}
.panel .panel-heading a:before {
  font-size: 18px;
  color: var(--customBackgroundColor);
  position: absolute;
  top: 15px;
  right: 2px;
}
.panel .panel-heading a.collapsed:before {
  color: var(--customBackgroundColor);
}
.gauge-chart {
  margin-bottom: 50px;
}
.personal-data .person {
  text-align: left;
}
@media (max-width: 1024px) {
  .main {
    overflow: auto;
    position: relative;
    top: 0px;
    right: auto;
    bottom: auto;
  }
  .main > .main-column:not(.full-width) {
    padding: 0 0 0 64px;
  }
  .lightbox .main > .main-column:not(.full-width) {
    padding: 0;
  }
  .upcoming-surveys .scrolling,
  .patient-profile {
    height: auto !important;
  }
  .personal-data {
    width: 100%;
    display: inline-block;
    vertical-align: top;
  }
  .health-info {
    width: 100%;
    display: block;
    vertical-align: top;
    padding-top: 0;
    margin-left: 0px;
  }
}
@media (max-width: 991px) {
  .patient-profile {
    padding: 0px;
  }
  .patient-profile .health-info {
    padding-bottom: 0px;
  }
  .patient-profile .listing-title,
  .listing-title.upcoming-list {
    margin: 0px;
  }
  .upcoming-surveys {
    padding: 0px !important;
  }
  .panel .panel-heading {
    padding: 10px;
  }
}
.faq-page .main > .main-column {
  padding: 0px !important;
}
@media (max-width: 767px) {
  .main > .main-column {
    padding: 0px;
  }
  .panel .panel-heading a {
    font-size: 16px;
    line-height: 1.2;
  }
}
.survey-pages .slider-table thead th {
  text-align: center;
}
.share-extended .compact.table td {
  padding: 6px 0px 6px 8px;
  height: 3.5em;
  line-height: 1.50em;
}
.share-extended .nav-bar li {
  padding: 12px 10px 12px 12px;
}
.lightbox-content.share-extended .main {
  height: 1000px;
}
.share-extended .main-column > .content-wrap {
  margin-bottom: 300px;
}
.single-view .inner-column[data-load-level="2"] {
  z-index: 2;
}
.single-view .inner-column[data-load-level="3"] {
  z-index: 3;
}
.single-view [data-load-level="2"] {
  z-index: 2;
}
.single-view [data-load-level="3"] {
  z-index: 3;
}
@media (max-width: 720px) {
  .person-info {
    text-align: left;
    padding-left: 10px;
  }
}
@media (min-width: 1340px) {
  .health-info .general-data,
  .health-info .gauge-chart {
    padding-bottom: 0;
  }
}
@media (min-width: 1024px) {
  .person figure,
  .person .person-info {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .patient-profile .listing-title {
    margin: 0px 0 20px;
  }
}
@media (min-width: 480px) {
  .personal-data {
    width: 100%;
  }
  .health-info {
    width: 100%;
  }
}
.profile-picture {
  float: left;
  overflow: hidden;
}
.person img {
  max-width: none;
  max-height: 160px;
  margin: 0 15px 22px 0;
}
.patient-profile:before {
  content: ' ';
  border-left: none;
  position: absolute;
  left: 50%;
  top: 0;
  bottom: 0;
  display: none;
}
.pull-left-bottom {
  position: absolute;
  bottom: 4px;
  left: 13px;
  font-size: 10px;
}
.container-video-call {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%;
  /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}
/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe-video-call {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=main.css.map */
.table-manage-organization {
  width: 100% !important;
}
.table-manage-organization th {
  padding: 15px 7px;
  vertical-align: middle;
  border-bottom: 1px solid #d9d9d9;
  text-align: left;
}
.table-manage-organization th.text-center {
  text-align: center;
}
.table-manage-organization td {
  vertical-align: middle;
  padding: 1px;
  border-bottom: 1px solid #e6e6e6;
}
.table-manage-organization tbody tr:hover {
  background: #fafafa;
}
.table-manage-organization .right-align {
  text-align: right;
  padding-right: 7px !important;
}
.table-manage-organization .profile-img {
  margin-right: 5px;
}
.table-manage-organization p {
  margin-bottom: 0;
}
.table-manage-organization.compact th {
  padding: 6px 8px;
}
.table-manage-organization.compact td {
  padding: 6px 8px;
}
.image-preview {
  text-align: center;
}
.whitelabel-image-preview .wrap {
  min-width: 206px;
  display: inline-block;
  position: relative;
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  cursor: pointer;
}
.whitelabel-image-preview input {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
  z-index: -1;
}
.whitelabel-image-preview .preview {
  height: 75px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  text-align: center;
}
.whitelabel-image-preview .preview img {
  max-height: 100%;
  max-width: 100%;
}
.whitelabel-image-preview .fake-btn {
  padding: 5px;
  background: var(--customBackgroundColor);
  text-align: center;
  font-size: 90%;
  color: #ffffff;
}
.whitelabel-image-preview .msg {
  float: left;
  width: 100%;
  text-align: left;
}
@media only screen and (max-width: 767px) {
  .form-control {
    font-size: 16px !important;
  }
}
/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* STATIC ONLY * REMOVE FOR PRODUCTION */
.colour-list {
  font-size: 0;
}
.colour-list li {
  width: 100px;
  height: 100px;
  display: inline-block;
}
.colour-list li .text {
  float: left;
  width: 100%;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 100px;
}
.colour-list li .text.dark {
  color: #808080;
}
.colour-list li.color-white {
  background-color: #ffffff;
}
.colour-list li.color-black {
  background-color: #000000;
}
.colour-list li.color-main-darker {
  background-color: #0080a6;
}
.colour-list li.color-main-dark {
  background-color: var(--customDarkBackgroundColor);
}
.colour-list li.color-main {
  background-color: var(--customBackgroundColor);
}
.colour-list li.color-main-light {
  background-color: var(--customLightBackgroundColor);
}
.colour-list li.color-main-lighter {
  background-color: #f3fcff;
}
.colour-list li.color-grey-darken-3 {
  background-color: #4d4d4d;
}
.colour-list li.color-grey-darken-2 {
  background-color: #5a5a5a;
}
.colour-list li.color-grey-darken-1 {
  background-color: #676767;
}
.colour-list li.color-grey {
  background-color: #808080;
}
.colour-list li.color-grey-lighten-1 {
  background-color: #a6a6a6;
}
.colour-list li.color-grey-lighten-2 {
  background-color: #d9d9d9;
}
.colour-list li.color-grey-lighten-3 {
  background-color: #e6e6e6;
}
.colour-list li.color-grey-lighten-4 {
  background-color: #f3f3f3;
}
.colour-list li.color-grey-lighten-5 {
  background-color: #fafafa;
}
.colour-list li.color-red {
  background-color: #d41414;
}
.colour-list li.color-red-light {
  background-color: #f9bbbb;
}
.colour-list li.color-orange {
  background-color: #f69300;
}
.colour-list li.color-orange-light {
  background-color: #ffe7c3;
}
.colour-list li.color-green {
  background-color: #5cb85c;
}
.colour-list li.color-green-light {
  background-color: #eaf6ea;
}
.colour-list li.border {
  border: 1px solid #f3f3f3;
}
/*# sourceMappingURL=main.css.map */