.elessar-handle {
  display: block;
  background: var(--tek-primary-color) !important;
  height: 100%;
  width: 5px;
  cursor: ew-resize;
  position: absolute;
  top: 0;
  bottom: 0; }

.elessar-handle:first-child {
  left: 0; }

.elessar-handle:last-child {
  right: 0; }

.elessar-vertical .elessar-handle {
  height: 5px;
  width: 100%;
  left: 0;
  right: 0;
  top: auto;
  bottom: auto; }

.elessar-vertical .elessar-handle:first-child {
  top: 0; }

.elessar-vertical .elessar-handle:last-child {
  bottom: 0; }

.elessar-indicator {
  position: absolute;
  background: black;
  border-color: white;
  border-style: solid;
  border-width: 0 1px;
  width: 2px;
  height: 100%;
  z-index: 15;
  display: none; }

.elessar-vertical .elessar-indicator {
  width: 100%;
  height: 2px; }

.elessar-range {
  position: absolute;
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background-color: var(--tek-secondry-color);
  color: white !important;
  width: 0;
  z-index: 10;
  font-size: 0.8rem; }
  .elessar-range.selected {
    background-color: var(--tek-secondry-darken-color); }

.elessar-vertical .elessar-range {
  width: auto;
  height: 0; }

.elessar-label {
  position: absolute;
  z-index: 5;
  pointer-events: none;
  border-left: 1px solid #999;
  padding-left: 10px;
  font-size: 0.8rem; }

.elessar-readonly {
  opacity: 0.6;
  cursor: default !important; }

.elessar-phantom {
  background-color: transparent;
  background: rgba(0, 0, 0, 0.5);
  color: white;
  cursor: pointer !important; }

.elessar-rangebar {
  position: relative;
  height: 40px;
  line-height: 40px;
  background: #e9ecef;
  text-align: center; }

.elessar-delete-confirm {
  background: red; }

body.elessar-resizing, body.elessar-dragging {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

body.elessar-resizing,
body.elessar-resizing .bar,
body.elessar-resizing .handle {
  cursor: ew-resize !important; }

body.elessar-dragging,
body.elessar-dragging .bar,
body.elessar-dragging .handle {
  cursor: -webkit-grabbing !important;
  cursor: -moz-grabbing !important;
  cursor: grabbing !important; }

.schedule {
  border: 2px solid #999;
  border-left: 0;
  border-right: 0; }

.labels .schedule {
  border: 0; }
  .labels .schedule .elessar-rangebar {
    border: 0;
    background-color: transparent; }

html {
  font-size: 16px; }
  @media (max-width: 1600px) {
    html {
      font-size: 13px; } }
  @media (max-width: 991.98px) {
    html {
      font-size: 16px; } }

td a:not(.btn):link, td a:not(.btn):visited {
  color: var(--tek-link-color);
  text-decoration: underline; }
  .text-tek-primary td a:not(.btn):link,
  .text-tek-secondary td a:not(.btn):link, .text-tek-primary td a:not(.btn):visited,
  .text-tek-secondary td a:not(.btn):visited {
    color: inherit; }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: 300; }

@keyframes loadingAnimation {
  0% {
    background-color: var(--tek-secondry-color); }
  100% {
    background-color: var(--tek-primary-color); } }

/* Wrapping element */
/* Set some basic padding to keep content from hitting the edges */
.body-content {
  padding-left: 15px;
  padding-right: 15px; }

/* Carousel */
.carousel-caption p {
  font-size: 20px;
  line-height: 1.4; }

/* Make .svg files in the carousel display properly in older browsers */
.carousel-inner .item img[src$=".svg"] {
  width: 100%; }

/* QR code generator */
#qrCode {
  margin: 15px; }

/* Hide/rearrange for smaller screens */
@media screen and (max-width: 767px) {
  /* Hide captions */
  .carousel-caption {
    display: none; } }

.layout-navbar-fixed.layout-fixed .wrapper .sidebar {
  margin-top: calc(7.25rem + 1px); }
  @media screen and (max-width: 1600px) {
    .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
      margin-top: calc(8rem + 1px); } }
  @media screen and (max-width: 767px) {
    .layout-navbar-fixed.layout-fixed .wrapper .sidebar {
      margin-top: calc(9rem + 1px); } }

.layout-navbar-fixed.sidebar-collapse .wrapper .brand-link {
  height: calc(4.75rem + 1px); }

/* LOGO SHOW/HIDE MENU HOVER*/
.main-sidebar:hover .logo_standard,
.sidebar-mini .logo_standard,
.sidebar-mini.sidebar-collapse .logo_small,
.sidebar-collapse .main-sidebar:hover .logo_standard {
  display: inline-block;
  max-height: 80px; }

.sidebar-mini.sidebar-collapse .logo_small {
  max-height: 37px; }

.main-sidebar:hover .logo_small,
.sidebar-mini .logo_small,
.sidebar-mini.sidebar-collapse .logo_standard,
.sidebar-collapse .main-sidebar:hover .logo_small {
  display: none; }

.layout-navbar-fixed .wrapper .main-header {
  min-height: 55px; }
  .layout-navbar-fixed .wrapper .main-header h3, .layout-navbar-fixed .wrapper .main-header .h3 {
    font-size: 1rem; }

.sidebar-mini.sidebar-collapse .main-sidebar:not(.sidebar-no-expand):hover .brand-link {
  height: calc(6.5rem + 1px); }

.sidebar-mini .main-sidebar .nav-link,
.sidebar-mini-md .main-sidebar .nav-link,
.sidebar-mini-xs .main-sidebar .nav-link {
  padding-left: 0.9rem; }

/* SITE SPECIFIC CSS*/
.user-panel,
.user-panel .info {
  white-space: inherit; }
  .user-panel a,
  .user-panel .info a {
    color: #c2c7d0; }
    .user-panel a:hover, .user-panel a:focus,
    .user-panel .info a:hover,
    .user-panel .info a:focus {
      color: #fff;
      text-decoration: none; }
  .user-panel:hover a,
  .user-panel .info:hover a {
    color: #fff; }

.user-panel-image {
  position: relative;
  align-items: center;
  padding: 0 !important; }
  @media (max-width: 1600px) {
    .user-panel-image {
      font-size: 1.2rem; } }

.conection-panel {
  position: absolute;
  bottom: 56px;
  right: 0;
  left: 0;
  height: 56px;
  color: #c2c7d0; }
  @media (max-width: 1600px) {
    .conection-panel {
      bottom: 35px; } }

.logout-panel {
  border-top: 1px solid rgba(0, 0, 0, 0);
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 !important;
  padding: 0 !important;
  background-color: var(--tek-secondry-color);
  height: 56px; }
  @media (max-width: 1600px) {
    .logout-panel {
      height: 47px; } }

.logout-panel .nav-pills .nav-link {
  color: white !important; }

.nav-sidebar .nav-item .nav-link {
  font-size: 0.9rem; }
  @media (max-width: 1600px) {
    .nav-sidebar .nav-item .nav-link {
      font-size: 1rem; } }

.nav-sidebar > .nav-item button {
  width: 100%;
  text-align: left; }

.badge-large {
  font-size: 1em;
  font-weight: 600;
  padding: 0.5em 1em; }

.login-box {
  width: 100%;
  align-items: center;
  background: #fff;
  display: -ms-flexbox;
  display: flex;
  height: 100vh;
  -ms-flex-pack: center;
  justify-content: center; }
  @media (max-width: 767.98px) {
    .login-box {
      margin: 0; } }

.homepage-box {
  width: 100%;
  /*calc(100% + 2em);*/
  margin: -1em;
  align-items: center;
  background: transparent;
  display: -ms-flexbox;
  display: flex;
  height: calc(100vh - 114px);
  -ms-flex-pack: center;
  justify-content: center; }
  @media all and (max-width: 480px) {
    .homepage-box {
      margin: 0 auto; } }
  .homepage-box.admin {
    height: calc(100vh - 214px); }

.login-box .card {
  max-width: 360px;
  width: 100%;
  max-width: 580px;
  box-shadow: none;
  background-color: transparent; }

.login-box .card-header {
  background: #fff;
  border: 0; }

.login-box .card-footer {
  background-color: transparent; }

.background-image {
  background-image: url(../img/login-bg.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  background-color: #758594; }
  .background-image.top {
    background-position: top; }

.login-card-body,
.register-card-body {
  min-width: 360px; }

.input-group-prepend {
  width: 20%;
  /*adjust as needed*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  white-space: nowrap;
  border: 1px solid #ced4da;
  border-radius: 0.25rem 0  0 0.25rem; }

.input-group-prepend label {
  width: 100%;
  overflow: hidden;
  margin-bottom: 0; }

.input-group .field-validation-error {
  width: 100%; }

.card-primary.card-outline {
  border-top: 1px solid var(--tek-secondry-color); }
  .card-primary.card-outline.card-outline-tabs {
    border-top: 0; }

.card-primary.card-outline-tabs .card-header a,
.card-secondary.card-outline-tabs .card-header a {
  color: #25343e; }
  .card-primary.card-outline-tabs .card-header a.active,
  .card-secondary.card-outline-tabs .card-header a.active {
    border-top: 3px solid #9964b6; }
  .card-primary.card-outline-tabs .card-header a.tabErrors,
  .card-secondary.card-outline-tabs .card-header a.tabErrors {
    color: #dc3545; }

.card-secondary.card-outline {
  border-top: 1px solid var(--tek-primary-color); }
  .card-secondary.card-outline.card-outline-tabs {
    border-top: 0; }

.card-body .nav-link i {
  color: var(--tek-secondry-color); }

.nav--profile {
  padding-bottom: 10px;
  flex: 0 !important; }

.nav--profile .card-body .nav-link {
  color: #495057; }

.nav--profile .card-body .nav-link:hover {
  color: #000; }

.card .card-title {
  float: left;
  font-size: 1.15rem;
  font-weight: 300;
  margin: 0; }
  @media (max-width: 991.98px) {
    #insights-holder .card .card-title {
      width: calc(100% - 25px); } }
  .card .card-title > h3 {
    font-size: 1.15rem; }

.card {
  flex: 2;
  display: flex;
  /* new */
  flex-direction: column;
  /* new */ }

.siteDetails .card {
  min-height: 250px; }

.card-body {
  flex: 1;
  /* new */ }

.sidebar-mini.sidebar-collapse .sidebar .user-panel > .info,
.sidebar-mini.sidebar-collapse .nav-sidebar .nav-link p,
.sidebar-mini.sidebar-collapse .brand-text {
  display: none; }

.container-fluid {
  /*padding: 1em;*/ }

.content-wrapper {
  background: #e9ecef; }

.content-wrapper > .content {
  padding: 0 0 0 0 !important; }

.sensorDetails table {
  min-width: 900px; }

.sensorDetails {
  /*max-height: 500px;
	overflow-y: auto;*/ }

body {
  margin: 0;
  font-family: Roboto, "Source Sans Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #ffffff; }

.user-panel {
  align-items: center;
  padding: 0 !important; }
  .user-panel .user__image {
    overflow: hidden;
    border: 2px solid #C2C7D0;
    border-radius: 50%;
    width: 40px;
    max-height: 40px; }
    .sidebar .user-panel .user__image {
      width: 30px;
      max-height: 30px; }
    .user-panel .user__image .fa-user {
      position: relative;
      top: 5px; }
      @media (max-width: 991.98px) {
        .user-panel .user__image .fa-user {
          font-size: 1rem !important; } }
  .user-panel .image {
    padding-right: 0.6rem;
    padding-left: 0.6rem; }
    .sidebar .user-panel .image {
      padding-right: 0.9rem;
      padding-left: 0.9rem;
      min-height: 40px; }
  .user-panel .info {
    max-height: 40px;
    align-items: center;
    padding: 0 0.25rem !important;
    line-height: 1rem; }

.btn-primary {
  color: #ffffff;
  background-color: var(--tek-secondry-color);
  border-color: var(--tek-secondry-color);
  box-shadow: none; }
  .btn-primary:disabled, .btn-primary.disabled {
    background-color: var(--tek-secondry-color) !important;
    border-color: var(--tek-secondry-color) !important;
    opacity: 0.5; }

.btn-primary:hover {
  color: #ffffff;
  background-color: var(--tek-secondry-darken-color);
  border-color: var(--tek-secondry-darken-color);
  box-shadow: none; }

.btn-outline-primary {
  color: var(--tek-secondry-color);
  border-color: var(--tek-secondry-color);
  box-shadow: none; }

.btn-outline-primary:hover {
  color: #ffffff;
  background-color: var(--tek-secondry-color);
  border-color: var(--tek-secondry-color);
  box-shadow: none; }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link.active {
  background-color: var(--tek-secondry-color) !important;
  color: #ffffff !important; }

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link:hover, .sidebar-light-primary .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: var(--tek-secondry-darken-color) !important;
  color: #ffffff !important; }

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  color: #ffffff;
  background-color: var(--tek-secondry-darken-color);
  border-color: var(--tek-secondry-darken-color); }

.btn {
  white-space: nowrap; }
  .btn:disabled, .btn.disabled {
    opacity: 0.5; }
  .btn.icon-only {
    text-indent: -500px;
    overflow: hidden;
    width: 20px;
    position: relative;
    height: 25px;
    padding: 0 !important; }
    @media (max-width: 1600px) {
      .btn.icon-only {
        height: 25px; } }
    .btn.icon-only:before {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      text-indent: 0;
      margin: 0 !important;
      padding: 0 !important;
      display: flex !important;
      align-items: center;
      justify-content: center; }
      @media (max-width: 991.98px) {
        .btn.icon-only:before {
          font-size: 1rem !important; } }
  @media (max-width: 767.98px) {
    .btn.icon-sm-only {
      text-indent: -500px;
      overflow: hidden;
      width: 30px;
      position: relative;
      height: 25px;
      padding: 0 !important; }
      .btn.icon-sm-only:before {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-indent: 0;
        margin: 0 !important;
        padding: 0 !important;
        display: flex !important;
        align-items: center;
        justify-content: center; } }

.btn-back.btn:before,
.btn-graph-back.btn:before {
  content: "\f359";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.btn-reset.btn:before {
  content: "\f2ea";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.btn-restart.btn:before {
  content: "\f2f9";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.connect.btn:before {
  content: "\f35d";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.launch.btn:before {
  content: "\f35d";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.link.btn:before {
  content: "\f0c1";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.edit.btn:before {
  content: "\f304";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.settings.btn:before {
  content: "\f641";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.edit-plan.btn:before {
  content: "\f279";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.software-versions.btn:after {
  content: "\f46d";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-left: 10px;
  font-size: 1rem; }

.refresh.btn:before {
  content: "\f079";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.delete.btn:before {
  content: "\f2ed";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.alarms.btn:before {
  content: "\f0f3";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.insights.btn:before {
  content: "\f200";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.add.btn:before {
  content: "\f0fe";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.logout.btn:before {
  content: "\f2f5";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.reset.btn:before {
  content: "\f01e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.add-child.btn:before {
  content: "\f3bf";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem;
  transform: rotate(90deg); }

.warning.btn:before {
  content: "\f071";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.email.btn:before {
  content: "\f0e0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.save.btn:before {
  content: "\f0c7";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.finish-report.btn:before {
  content: "\f11e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.report.btn:before {
  content: "\f56f";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.archive.btn:before {
  content: "\f187";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.view.btn:before {
  content: "\f05a";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.logs.btn:before {
  content: "\f550";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.copy.btn:before {
  content: "\f0c5";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.paste.btn:before {
  content: "\f0ea";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.cancel.btn:before {
  content: "\f05e";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.forward.btn:before {
  content: "\f14d";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.tags.btn {
  position: relative;
  width: 34px; }
  .tags.btn:before {
    content: "\f02c";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    font-size: 1rem;
    z-index: 1;
    justify-content: flex-start;
    left: 2px; }
  .tags.btn:after {
    content: "\f055";
    font-family: 'Font Awesome 5 Free';
    display: inline-block;
    font-size: 0.8rem;
    position: absolute;
    bottom: 0;
    right: 2px;
    color: #48bd01;
    z-index: 999;
    font-weight: 900;
    text-indent: 0;
    text-shadow: 0 2px 2px rgba(255, 255, 255, 0.5); }

.graph.btn:before {
  content: "\f201";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.refresh.btn:before {
  content: "\f2f1";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.export-csv.btn:before {
  content: "\f019";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.enable.btn:before {
  content: "\f204";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.diable.btn:before {
  content: "\f205";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.btn-wizard.btn:before {
  content: "\f0d0";
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  display: inline-block;
  margin-right: 10px;
  font-size: 0.8rem; }

.table th {
  padding: 0.5rem 0.75rem;
  white-space: nowrap; }

.table th .link {
  display: inline-block;
  color: #fff;
  text-decoration: underline;
  padding-right: 1.2rem;
  position: relative; }

.table th .link:after {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: "\f0dd";
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 1px; }

.table th.is-sorted .link:after {
  display: inline-block;
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  content: "\f0de";
  opacity: 1; }

.table th.is-sorted.descending .link:after {
  content: "\f0dd"; }

.table td {
  padding: 0.35rem 0.25rem; }
  .table td:first-of-type {
    padding-left: 0.25rem; }

.table-sm td {
  padding: 0.15rem 0.55rem; }

.table tr.missing-data td {
  background-color: rgba(246, 147, 28, 0.3); }

.table td .list-inline {
  margin-bottom: 0; }

#overlay-title-holder {
  width: 100%; }

#overlay-content .note-editable {
  max-height: 40vh; }

@media (max-width: 767.98px) {
  #overlay-holder,
  .modal {
    width: 98%; } }

#overlay-holder .modal-header h2,
.modal .modal-header h2 {
  font-size: 1.8rem;
  font-weight: 300;
  margin-bottom: 0; }
  @media (max-width: 1199.98px) {
    #overlay-holder .modal-header h2,
    .modal .modal-header h2 {
      font-size: 1.5rem; } }
  @media (max-width: 767.98px) {
    #overlay-holder .modal-header h2,
    .modal .modal-header h2 {
      font-size: 1rem; } }

.card-header h1,
.card-header h2,
.card-header h3,
.card-header h4,
.card-header h5 {
  font-weight: 300;
  margin-bottom: 0; }

.holds-the-iframe {
  /*background: url("https://media.giphy.com/media/8YAWh9SD4vvl6/giphy.gif") center center no-repeat;*/
  background: url("../img/loading.gif") center center no-repeat; }

.dygraph {
  height: 250px;
  width: 100%;
  min-height: 250px; }
  @media (max-width: 1600px) {
    .dygraph {
      height: 200px;
      min-height: 200px; } }

.dygraph-title {
  display: none; }

.dygraph-legend {
  bottom: -75px !important;
  left: 5px !important;
  right: 5px !important;
  top: auto !important;
  width: auto !important;
  overflow: visible !important; }
  .dygraph-legend .legend-item {
    display: flex;
    justify-content: space-evenly;
    font-weight: normal; }
    .dygraph-legend .legend-item > span {
      display: inline-block; }
      .dygraph-legend .legend-item > span.legend-block {
        width: 15px;
        height: 15px;
        margin-right: 10px; }
      .dygraph-legend .legend-item > span.legend-value {
        text-align: right;
        width: 55px;
        font-size: 80%; }
    .dygraph-legend .legend-item label {
      display: inline-block;
      margin-right: 10px;
      font-weight: normal;
      font-size: 80%;
      width: 120px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }

#ledgendHolder.landscape .dygraph-legend {
  padding-left: 5px;
  padding-right: 5px; }
  #ledgendHolder.landscape .dygraph-legend .legend-item {
    display: inline-flex;
    font-weight: normal;
    margin-right: 15px; }
    #ledgendHolder.landscape .dygraph-legend .legend-item > span {
      display: inline-block; }
      #ledgendHolder.landscape .dygraph-legend .legend-item > span.legend-block {
        width: 15px;
        height: 15px;
        margin-right: 10px; }
      #ledgendHolder.landscape .dygraph-legend .legend-item > span.legend-value {
        display: inline-block;
        text-align: right;
        width: 35px;
        font-size: 80%; }
    #ledgendHolder.landscape .dygraph-legend .legend-item label {
      display: inline-block;
      margin-right: 10px;
      font-weight: normal;
      font-size: 80%;
      min-width: auto;
      margin-bottom: 0;
      width: 85px; }

.dygraph-legend > span {
  display: inline-block;
  white-space: nowrap;
  margin-right: 10px;
  padding: 0.4rem 0.5rem;
  border: 1px solid #fff; }
  .dygraph-legend > span:nth-child(2) {
    margin-left: 15px; }
  .dygraph-legend > span.datetime {
    display: block; }
  .dygraph-legend > span label {
    margin-bottom: 0;
    display: inline-block; }
  .dygraph-legend > span > span.dy-serie-value {
    display: inline-block;
    min-width: 45px;
    text-align: right; }
  .dygraph-legend > span.highlight {
    font-weight: bold;
    border: 1px solid var(--tek-secondry-color); }
  .dygraph-legend > span .dygraph-legend-line {
    padding-left: 0.6em; }

.dygraph-legend > span:first-child {
  margin-left: 15px; }

#progress-card {
  padding: 0.75rem 0.2rem; }

#progressbar {
  overflow: hidden;
  color: lightgrey;
  margin-bottom: 0;
  padding: 0;
  margin-top: -12px;
  margin-bottom: -12px; }

#progressbar li {
  list-style-type: none;
  /*width: 175px;*/
  float: left;
  position: relative;
  padding-left: 5px;
  padding-right: 30px;
  overflow: hidden;
  font-size: 0.8rem; }
  #progressbar li:last-child {
    padding-right: 0; }
    #progressbar li:last-child:after {
      display: none; }

#progressbar li a {
  font-size: 0.85rem;
  position: relative;
  top: -2px; }

#progressbar #overview-details:before {
  content: "\f015"; }

#progressbar #site-details:before {
  content: "\f0e8"; }

#progressbar #scope:before {
  content: "\f56f"; }

#progressbar #mapping-list:before {
  content: "\f277"; }

#progressbar #connect-hardware:before {
  content: "\f1e6"; }

#progressbar #start-mapping:before {
  content: "\f164"; }

#progressbar #stop-mapping:before {
  content: "\f28d"; }

#progressbar #compile-results:before {
  content: "\f681"; }

#progressbar #generate-report:before {
  content: "\f085"; }

#progressbar li:before {
  font-family: "Font Awesome 5 Free";
  line-height: 25px;
  display: inline-block;
  padding: 2px;
  padding-right: 8px;
  font-weight: bold;
  font-size: 1.1rem; }

#progressbar li:after {
  font-family: "Font Awesome 5 Free";
  line-height: 25px;
  display: inline-block;
  padding: 2px;
  padding-left: 0px;
  padding-right: 5px;
  font-weight: bold;
  content: "\f054";
  margin-top: -15px;
  margin-bottom: -15px;
  position: absolute;
  top: 15px;
  font-size: 45px;
  bottom: -5px;
  color: rgba(246, 147, 28, 0.5); }

#progressbar .disabled {
  cursor: not-allowed; }
  #progressbar .disabled a {
    color: lightgrey;
    cursor: not-allowed;
    pointer-events: none; }

#progressbar .completed {
  color: #28a745; }

#progressbar li.completed a {
  color: #28a745; }

#progressbar li.completed:before {
  color: black; }

#progressbar .active {
  color: #28afb1; }

#progressbar li.active a {
  text-decoration: underline;
  font-weight: bold; }

.alert-danger .validation-summary-errors ul {
  list-style: none;
  margin-bottom: 0; }
  .alert-danger .validation-summary-errors ul li {
    position: relative;
    font-size: 0.8rem; }
    .alert-danger .validation-summary-errors ul li:before {
      font-family: "Font Awesome 5 Free";
      -webkit-font-smoothing: antialiased;
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      line-height: 1;
      content: "\f071";
      color: #fff;
      font-size: 0.8rem;
      font-weight: bold;
      left: -15px;
      position: relative; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  width: 20rem; }
  .bootstrap-datetimepicker-widget.dropdown-menu a {
    color: var(--tek-secondry-color); }
    .bootstrap-datetimepicker-widget.dropdown-menu a.btn {
      color: var(--tek-secondry-color) !important; }
      .bootstrap-datetimepicker-widget.dropdown-menu a.btn:hover {
        color: #6c757d !important; }
  .bootstrap-datetimepicker-widget.dropdown-menu table td.active {
    background-color: var(--tek-secondry-color); }
  .bootstrap-datetimepicker-widget.dropdown-menu table td.today:before {
    border-bottom-color: var(--tek-secondry-color); }
  .bootstrap-datetimepicker-widget.dropdown-menu table td span.active {
    background-color: var(--tek-secondry-color); }

.pass_show {
  position: relative; }
  .pass_show .input-group-prepend {
    width: auto; }

.popover.primary {
  border-color: #337ab7; }

.popover.primary .arrow {
  border-top-color: #337ab7; }

.popover.primary .popover-header {
  color: #fff;
  background-color: #337ab7;
  border-color: #337ab7; }

.popover.success {
  border-color: #d6e9c6; }

.popover.success .arrow {
  border-top-color: #d6e9c6; }

.popover.success .popover-header {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6; }

.popover.info {
  border-color: #bce8f1; }

.popover.info .arrow {
  border-top-color: #bce8f1; }

.popover.info .popover-header {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1; }

.popover.warning {
  border-color: #faebcc; }

.popover.warning .arrow {
  border-top-color: #faebcc; }

.popover.warning .popover-header {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc; }

.popover.danger {
  border-color: #ebccd1; }

.popover.danger .arrow {
  border-top-color: #ebccd1; }

.popover.danger .popover-header {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1; }

.text-orange {
  color: var(--tek-secondry-color) !important; }

.enabledStateCol a.diable, .enabledStateCol a.enable {
  display: none; }

.enabledStateCol.enabled a.diable {
  display: block; }

.enabledStateCol.disabled a.enable {
  display: block; }

.enabledStateCol.none-editable a.diable {
  display: none; }

.enabledStateCol.none-editable a.enable {
  display: block;
  color: #bdc6d0;
  border-color: #bdc6d0;
  cursor: not-allowed; }

.enabledStateCol.none-editable a:hover.enable {
  color: #1f2d3d;
  background-color: #f8f9fa;
  border-color: #f8f9fa;
  cursor: not-allowed; }

.main-sidebar .brand-link:not([class*="navbar"]) {
  border-bottom: none !important;
  min-height: 100px !important;
  display: flex;
  align-items: center;
  justify-content: center; }

.light-mode .text-tek-primary {
  color: var(--tek-primary-color); }

.light-mode .text-tek-secondary {
  color: var(--tek-secondry-color); }

.light-mode.blue .main-sidebar.sidebar-dark-primary {
  background-color: var(--tek-primary-color) !important; }
  .light-mode.blue .main-sidebar.sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: transparent;
    height: auto !important; }

.light-mode.blue .navbar-light {
  padding: 0 !important;
  border-bottom: 0;
  box-shadow: 0px 0px 3px var(--tek-secondry-color); }

.light-mode.blue .navbar-dark {
  background-color: var(--tek-primary-color) !important; }
  .light-mode.blue .navbar-dark label {
    color: #fff; }

.light-mode.blue .main-footer.dark-mode {
  background-image: linear-gradient(to left, #0f2027, #203a43, var(--tek-primary-color)) !important; }

.light-mode.blue .main-footer .navbar-light {
  background-color: transparent !important;
  box-shadow: none; }

@media (min-width: 992px) {
  .light-mode.blue .bg-lg-gradient-tek {
    background: #2c5364 !important;
    background: linear-gradient(90deg, #2c5364 0%, #2c5364 50%, #203a43 75%, #0f2027 100%) !important; } }

.light-mode.blue .modal-header {
  background-color: #0f2027;
  background-image: linear-gradient(90deg, var(--tek-primary-color) 75%, black 100%);
  color: #ffff;
  border-top: 1px solid var(--tek-secondry-color);
  padding: 0.5rem 1rem; }
  .light-mode.blue .modal-header .close, .light-mode.blue .modal-header .mailbox-attachment-close {
    color: #fff;
    opacity: 1;
    font-size: 2rem; }

.light-mode.blue .bg-gradient-gray {
  background: var(--tek-primary-color) !important;
  color: #fff; }

.light-mode.blue .bg-gradient-light {
  background: #f2f2f2 linear-gradient(to right, rgba(15, 32, 39, 0.25), #f2f2f2, #f2f2f2) repeat-x !important; }

.light-mode.blue .bg-gradient-white {
  background: #ffffff linear-gradient(to right, rgba(15, 32, 39, 0.15), #ffffff, #ffffff) repeat-x !important; }

.light-mode.blue .bg-gradient-purple {
  background: #6c757d linear-gradient(to right, #0f2027, #3c2043, #542c64) repeat-x !important; }

.light-mode.purple .main-sidebar.sidebar-dark-primary {
  background-image: linear-gradient(180deg, #0f2027, #3c2043, #542c64) !important; }
  .light-mode.purple .main-sidebar.sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: transparent;
    height: auto !important; }

.light-mode.purple .navbar-dark {
  background-image: linear-gradient(to left, #0f2027, #3c2043, #542c64) !important; }
  .light-mode.purple .navbar-dark label {
    color: #fff; }

.light-mode.purple .main-footer.dark-mode {
  background-image: linear-gradient(to left, #0f2027, #3c2043, #542c64) !important; }

@media (min-width: 992px) {
  .light-mode.purple .bg-lg-gradient-tek {
    background: #2c5364 !important;
    background: linear-gradient(90deg, #2c5364 0%, #2c5364 50%, #203a43 75%, #0f2027 100%) !important; } }

.light-mode.purple .modal-header {
  background-color: #0f2027;
  background-image: linear-gradient(to left, #0f2027, #3c2043, #542c64) !important;
  color: #ffff;
  border-top: 1px solid var(--tek-secondry-color);
  padding: 0.5rem 1rem; }
  .light-mode.purple .modal-header .close, .light-mode.purple .modal-header .mailbox-attachment-close {
    color: #fff;
    opacity: 1;
    font-size: 2rem; }

.light-mode.purple .bg-gradient-gray {
  background: #6c757d linear-gradient(to left, #0f2027, #3c2043, #542c64) repeat-x !important;
  color: #fff; }

.dark-mode .main-sidebar.sidebar-dark-primary .brand-link:not([class*="navbar"]) {
  background-color: transparent;
  height: auto !important; }

.dark-mode .navbar-light {
  background-color: #343a40; }
  .dark-mode .navbar-light .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.5); }

.table td {
  font-size: 0.9rem;
  white-space: nowrap; }
  .table td .badge {
    font-size: 0.8rem; }
    .table td .badge.badge-all {
      border: 1px solid var(--tek-secondry-color);
      color: var(--tek-secondry-color);
      background-color: white; }
  .table td[valign="middle"] {
    vertical-align: middle !important; }
  .table td.action, .table td.enabledStateCol {
    padding-top: 0.2rem;
    padding-bottom: 0; }
    .table td.action span.del-spacer, .table td.enabledStateCol span.del-spacer {
      width: 19px;
      display: inline-block;
      height: 15px; }
    .table td.action span.del-spacer:before, .table td.enabledStateCol span.del-spacer:before {
      content: " "; }
  .table td.lookups.description {
    white-space: normal;
    max-width: 45vw;
    max-height: 300px;
    text-overflow: ellipsis;
    overflow: hidden; }

.table tr.parent td.icon i {
  z-index: 999;
  position: relative; }

.table tr.parent td span.del-spacer {
  width: 19px;
  display: inline-block;
  height: 15px; }

.table tr.parent td span.del-spacer:before {
  content: " "; }

.table tr.parent.active {
  border-top: 1px solid var(--tek-secondry-color); }
  .table tr.parent.active td {
    padding-top: 0.5625rem; }

.table tr.parent.not-active {
  opacity: 0.05; }
  .dark-mode .table tr.parent.not-active {
    opacity: 0.2 !important; }

.table tr.child td.icon,
.table tr.child th.icon {
  padding-left: 3.75rem !important;
  position: relative; }
  .table tr.child td.icon:before, .table tr.child td.icon:after,
  .table tr.child th.icon:before,
  .table tr.child th.icon:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: var(--tek-secondry-light-color); }
  .table tr.child td.icon:before,
  .table tr.child th.icon:before {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 30px;
    transform: translateY(-40%); }
    @media (max-width: 1600px) {
      .table tr.child td.icon:before,
      .table tr.child th.icon:before {
        left: 25px; } }
  .table tr.child td.icon:after,
  .table tr.child th.icon:after {
    width: 20px;
    height: 2px;
    top: 60%;
    left: 30px; }
    @media (max-width: 1600px) {
      .table tr.child td.icon:after,
      .table tr.child th.icon:after {
        top: 50%;
        left: 25px; } }
  .table tr.child td.icon.spacer:before,
  .table tr.child th.icon.spacer:before {
    bottom: -2px;
    top: -1px; }
  .table tr.child td.icon.spacer:after,
  .table tr.child th.icon.spacer:after {
    display: none; }

.table tr.child td span.del-spacer,
.table tr.child th span.del-spacer {
  width: 19px;
  display: inline-block;
  height: 15px; }

.table tr.child td span.del-spacer:before,
.table tr.child th span.del-spacer:before {
  content: " "; }

.table tr.child th {
  padding-top: 0.125rem;
  padding-bottom: 0.125rem; }

.table tr.child:last-child, .table tr.child.add_action {
  border-bottom: 1px solid var(--tek-secondry-color); }

.table tr.childSite td.icon {
  padding-left: 3.5rem !important;
  position: relative; }
  .table tr.childSite td.icon:before, .table tr.childSite td.icon:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: var(--tek-secondry-light-color); }
  .table tr.childSite td.icon:before {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 30px;
    transform: translateY(-55%); }
    @media (max-width: 1600px) {
      .table tr.childSite td.icon:before {
        left: 25px; } }
  .table tr.childSite td.icon:after {
    width: 20px;
    height: 2px;
    top: 45%;
    left: 30px; }
    @media (max-width: 1600px) {
      .table tr.childSite td.icon:after {
        top: 50%;
        left: 25px; } }

.table tr.childSite.fixed td.icon, .table tr.childTag.fixed td.icon {
  padding-left: 2.5rem !important;
  position: relative; }
  .table tr.childSite.fixed td.icon:before, .table tr.childSite.fixed td.icon:after, .table tr.childTag.fixed td.icon:before, .table tr.childTag.fixed td.icon:after {
    content: "";
    position: absolute;
    display: inline-block;
    background: var(--tek-secondry-light-color); }
  .table tr.childSite.fixed td.icon:before, .table tr.childTag.fixed td.icon:before {
    width: 2px;
    top: 0;
    bottom: 0;
    left: 10px;
    transform: translateY(-55%); }
  .table tr.childSite.fixed td.icon:after, .table tr.childTag.fixed td.icon:after {
    width: 20px;
    height: 2px;
    top: 45%;
    left: 10px; }

.table tr.site-read-only td {
  text-decoration: line-through;
  color: var(--tek-secondry-color); }

.table tr.site-disabled td {
  text-decoration: line-through; }

.table.table-sm td.action, .table.table-sm td.enabledStateCol {
  padding-top: 0;
  padding-bottom: 0; }
  .table.table-sm td.action:first-of-type, .table.table-sm td.enabledStateCol:first-of-type {
    padding-left: 0 !important; }
  .table.table-sm td.action:last-of-type, .table.table-sm td.enabledStateCol:last-of-type {
    padding-right: 0 !important; }

.table.table-head-fixed thead tr:nth-child(1) th {
  background-color: transparent !important; }

.table-scroll-body {
  max-height: 50vh;
  overflow-y: scroll; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 0.15rem 0.5rem;
  font-size: 0.75rem; }

#sites-cards-holder .site-card-holder {
  max-width: 275px; }
  @media all and (max-width: 480px) {
    #sites-cards-holder .site-card-holder {
      max-width: none; } }

#sites-cards-holder .site-card .site-logo {
  opacity: 1;
  transition: opacity 1s;
  min-height: 150px;
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center; }
  #sites-cards-holder .site-card .site-logo img {
    max-height: 150px; }
  @media (max-width: 1600px) {
    #sites-cards-holder .site-card .site-logo {
      min-height: 110px;
      max-height: 110px; }
      #sites-cards-holder .site-card .site-logo img {
        min-height: 80px;
        max-height: 80px; } }
  @media (max-width: 450px) {
    #sites-cards-holder .site-card .site-logo {
      min-height: 50px;
      max-height: 75px; }
      #sites-cards-holder .site-card .site-logo img {
        min-height: 50px;
        max-height: 75px; } }

#sites-cards-holder .site-card .actions {
  opacity: 0;
  transition: opacity 1s;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-content: center;
  justify-content: center;
  align-items: center; }

#sites-cards-holder .site-card:hover .site-logo {
  opacity: 0; }

#sites-cards-holder .site-card:hover .actions {
  opacity: 1; }

#sites-cards-holder .site-card .card-footer {
  background-color: transparent;
  padding: 0;
  opacity: 0.5; }
  #sites-cards-holder .site-card .card-footer .text-xs {
    font-size: 0.6rem !important; }

#sensors-cards-holder .sensor-card-holder,
#sensors-plan-holder .sensor-card-holder {
  max-width: 205px;
  min-width: 205px; }
  @media (max-width: 1600px) {
    #sensors-cards-holder .sensor-card-holder,
    #sensors-plan-holder .sensor-card-holder {
      max-width: 175px;
      min-width: 175px; } }
  @media all and (max-width: 480px) {
    #sensors-cards-holder .sensor-card-holder,
    #sensors-plan-holder .sensor-card-holder {
      max-width: none; } }

#sensors-cards-holder .group-card,
#sensors-plan-holder .group-card {
  border-width: 2px;
  border-style: solid;
  border-color: transparent;
  background-color: transparent; }
  @media (max-width: 1600px) {
    #sensors-cards-holder .group-card > .card-header,
    #sensors-plan-holder .group-card > .card-header {
      padding: 0.25rem 1.25rem; }
    #sensors-cards-holder .group-card > .card-body,
    #sensors-plan-holder .group-card > .card-body {
      padding: 0.75rem 0.75rem; } }
  #sensors-cards-holder .group-card.sensor-status-unknown,
  #sensors-plan-holder .group-card.sensor-status-unknown {
    border-color: #f8f9fa; }
    #sensors-cards-holder .group-card.sensor-status-unknown .card-footer,
    #sensors-plan-holder .group-card.sensor-status-unknown .card-footer {
      background-color: #f8f9fa;
      color: #fff; }
  #sensors-cards-holder .group-card.sensor-status-success .card-footer,
  #sensors-plan-holder .group-card.sensor-status-success .card-footer {
    background-color: #48bd01;
    color: #fff; }
  #sensors-cards-holder .group-card.sensor-status-danger,
  #sensors-plan-holder .group-card.sensor-status-danger {
    border-color: #ff0000; }
    #sensors-cards-holder .group-card.sensor-status-danger .card-footer,
    #sensors-plan-holder .group-card.sensor-status-danger .card-footer {
      background-color: #ff0000;
      color: #fff; }
  #sensors-cards-holder .group-card.sensor-status-warning,
  #sensors-plan-holder .group-card.sensor-status-warning {
    border-color: #ff8000; }
    #sensors-cards-holder .group-card.sensor-status-warning .card-footer,
    #sensors-plan-holder .group-card.sensor-status-warning .card-footer {
      background-color: #ff8000;
      color: #000; }
  #sensors-cards-holder .group-card.sensor-status-info,
  #sensors-plan-holder .group-card.sensor-status-info {
    border-color: #17a2b8; }
    #sensors-cards-holder .group-card.sensor-status-info .card-footer,
    #sensors-plan-holder .group-card.sensor-status-info .card-footer {
      background-color: #17a2b8;
      color: #fff; }

#sensors-cards-holder .sensor-card,
#sensors-plan-holder .sensor-card {
  border-width: 2px;
  border-style: solid; }
  #sensors-cards-holder .sensor-card .site-logo,
  #sensors-plan-holder .sensor-card .site-logo {
    opacity: 1;
    transition: opacity 1s;
    min-height: 150px;
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center; }
    #sensors-cards-holder .sensor-card .site-logo img,
    #sensors-plan-holder .sensor-card .site-logo img {
      max-height: 150px; }
    @media (max-width: 450px) {
      #sensors-cards-holder .sensor-card .site-logo,
      #sensors-plan-holder .sensor-card .site-logo {
        min-height: 50px;
        max-height: 75px; }
        #sensors-cards-holder .sensor-card .site-logo img,
        #sensors-plan-holder .sensor-card .site-logo img {
          min-height: 50px;
          max-height: 75px; } }
  #sensors-cards-holder .sensor-card .sensor-reading .reading,
  #sensors-plan-holder .sensor-card .sensor-reading .reading {
    font-size: 1.7rem; }
  #sensors-cards-holder .sensor-card .actions,
  #sensors-plan-holder .sensor-card .actions {
    opacity: 0;
    transition: opacity 1s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center; }
  #sensors-cards-holder .sensor-card:hover .site-logo,
  #sensors-plan-holder .sensor-card:hover .site-logo {
    opacity: 0; }
  #sensors-cards-holder .sensor-card:hover .actions,
  #sensors-plan-holder .sensor-card:hover .actions {
    opacity: 1; }
  #sensors-cards-holder .sensor-card .card-footer,
  #sensors-plan-holder .sensor-card .card-footer {
    background-color: transparent;
    padding: 0;
    opacity: 1; }
    #sensors-cards-holder .sensor-card .card-footer .text-xs,
    #sensors-plan-holder .sensor-card .card-footer .text-xs {
      font-size: 0.6rem !important; }
  #sensors-cards-holder .sensor-card .no-reading,
  #sensors-plan-holder .sensor-card .no-reading {
    color: #c0c0c0; }
    #sensors-cards-holder .sensor-card .no-reading .reading,
    #sensors-plan-holder .sensor-card .no-reading .reading {
      flex: 0 0 100% !important;
      max-width: 100% !important;
      text-align: center !important; }
    #sensors-cards-holder .sensor-card .no-reading .reading-unit,
    #sensors-plan-holder .sensor-card .no-reading .reading-unit {
      display: none !important; }
  #sensors-cards-holder .sensor-card.sensor-status-unknown,
  #sensors-plan-holder .sensor-card.sensor-status-unknown {
    border-color: #f8f9fa; }
    #sensors-cards-holder .sensor-card.sensor-status-unknown .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-unknown .card-footer {
      background-color: #f8f9fa;
      color: #fff; }
  #sensors-cards-holder .sensor-card.sensor-status-success,
  #sensors-plan-holder .sensor-card.sensor-status-success {
    border-color: #48bd01; }
    #sensors-cards-holder .sensor-card.sensor-status-success .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-success .card-footer {
      background-color: #48bd01;
      color: #fff; }
  #sensors-cards-holder .sensor-card.sensor-status-secondary,
  #sensors-plan-holder .sensor-card.sensor-status-secondary {
    border-color: #c0c0c0; }
    #sensors-cards-holder .sensor-card.sensor-status-secondary .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-secondary .card-footer {
      background-color: #c0c0c0;
      color: #fff; }
  #sensors-cards-holder .sensor-card.sensor-status-danger,
  #sensors-plan-holder .sensor-card.sensor-status-danger {
    border-color: #ff0000; }
    #sensors-cards-holder .sensor-card.sensor-status-danger .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-danger .card-footer {
      background-color: #ff0000;
      color: #fff; }
  #sensors-cards-holder .sensor-card.sensor-status-warning,
  #sensors-plan-holder .sensor-card.sensor-status-warning {
    border-color: #ff8000; }
    #sensors-cards-holder .sensor-card.sensor-status-warning .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-warning .card-footer {
      background-color: #ff8000;
      color: #000; }
  #sensors-cards-holder .sensor-card.sensor-status-info,
  #sensors-plan-holder .sensor-card.sensor-status-info {
    border-color: #17a2b8; }
    #sensors-cards-holder .sensor-card.sensor-status-info .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-info .card-footer {
      background-color: #17a2b8;
      color: #fff; }
  #sensors-cards-holder .sensor-card.sensor-status-gray,
  #sensors-plan-holder .sensor-card.sensor-status-gray {
    border-color: #343a40; }
    #sensors-cards-holder .sensor-card.sensor-status-gray .card-footer,
    #sensors-plan-holder .sensor-card.sensor-status-gray .card-footer {
      background-color: #343a40;
      color: #fff; }

#sensors-plan-holder .planview-image-holder {
  position: relative;
  overflow: auto;
  max-height: 75vh; }
  #sensors-plan-holder .planview-image-holder .reading-point {
    position: absolute; }
    #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) {
      z-index: auto; }
      #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder {
        max-width: 100px;
        min-width: 100px;
        position: relative;
        top: 0;
        left: 0; }
        @media all and (max-width: 480px) {
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder {
            max-width: none; } }
        #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card {
          border-width: 0;
          border-style: solid; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .card-footer,
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .card-header,
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .status-holder {
            display: none; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .sensor-reading {
            white-space: nowrap;
            margin: auto;
            display: block; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .sensor-reading > div {
              font-size: 0.8rem;
              display: inline-block;
              flex: none;
              width: auto; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .no-reading {
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .no-reading .reading {
              flex: 0 0 100% !important;
              max-width: 100% !important;
              text-align: center !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card .no-reading .reading-unit {
              display: none !important; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-unknown {
            background-color: #f8f9fa !important;
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-unknown .card-footer {
              background-color: #f8f9fa;
              color: #fff; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-success {
            background-color: #48bd01 !important;
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-success .card-footer {
              background-color: #48bd01;
              color: #fff; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-secondary {
            background-color: #c0c0c0 !important;
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-secondary .card-footer {
              background-color: #c0c0c0;
              color: #fff; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-danger {
            background-color: #ff0000 !important;
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-danger .card-footer {
              background-color: #ff0000;
              color: #fff; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-warning {
            background-color: #ff8000 !important;
            color: #000 !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-warning .card-footer {
              background-color: #ff8000;
              color: #000; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-info {
            background-color: #17a2b8 !important;
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-info .card-footer {
              background-color: #17a2b8;
              color: #fff; }
          #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-gray {
            background-color: #343a40;
            color: #fff !important; }
            #sensors-plan-holder .planview-image-holder .reading-point:not(:hover) .sensor-card-holder .sensor-card.sensor-status-gray .card-footer {
              background-color: #343a40;
              color: #fff; }
    #sensors-plan-holder .planview-image-holder .reading-point:hover {
      z-index: 1000;
      transform: translateX(-50px) translateY(-10px) rotate(0deg) !important; }
      #sensors-plan-holder .planview-image-holder .reading-point:hover .sensor-card-holder {
        position: relative;
        top: -50px;
        left: -50px;
        transition: all ease-in-out 0.5s; }

#sensors-list-holder table tr.sensor .reading.no-reading,
#sensors-list-holder table tr.sensor .reading-unit.no-reading,
#sensors-eng-holder table tr.sensor .reading.no-reading,
#sensors-eng-holder table tr.sensor .reading-unit.no-reading {
  color: #ff0000 !important; }

#sensors-list-holder table tr.sensor.sensor-status-unknown .reading,
#sensors-list-holder table tr.sensor.sensor-status-unknown .reading-unit,
#sensors-eng-holder table tr.sensor.sensor-status-unknown .reading,
#sensors-eng-holder table tr.sensor.sensor-status-unknown .reading-unit {
  color: #f8f9fa; }

#sensors-list-holder table tr.sensor.sensor-status-success .reading,
#sensors-list-holder table tr.sensor.sensor-status-success .reading-unit,
#sensors-eng-holder table tr.sensor.sensor-status-success .reading,
#sensors-eng-holder table tr.sensor.sensor-status-success .reading-unit {
  color: #48bd01; }

#sensors-list-holder table tr.sensor.sensor-status-secondary .reading,
#sensors-list-holder table tr.sensor.sensor-status-secondary .reading-unit,
#sensors-eng-holder table tr.sensor.sensor-status-secondary .reading,
#sensors-eng-holder table tr.sensor.sensor-status-secondary .reading-unit {
  color: #c0c0c0; }

#sensors-list-holder table tr.sensor.sensor-status-secondary .no-reading,
#sensors-eng-holder table tr.sensor.sensor-status-secondary .no-reading {
  color: #c0c0c0 !important; }

#sensors-list-holder table tr.sensor.sensor-status-danger .reading, #sensors-list-holder table tr.sensor.sensor-status-danger .reading-unit,
#sensors-eng-holder table tr.sensor.sensor-status-danger .reading,
#sensors-eng-holder table tr.sensor.sensor-status-danger .reading-unit {
  color: #ff0000; }

#sensors-list-holder table tr.sensor.sensor-status-warning .reading, #sensors-list-holder table tr.sensor.sensor-status-warning .reading-unit,
#sensors-eng-holder table tr.sensor.sensor-status-warning .reading,
#sensors-eng-holder table tr.sensor.sensor-status-warning .reading-unit {
  color: #ff8000; }

#sensors-list-holder table tr.sensor.sensor-status-info .reading, #sensors-list-holder table tr.sensor.sensor-status-info .reading-unit,
#sensors-eng-holder table tr.sensor.sensor-status-info .reading,
#sensors-eng-holder table tr.sensor.sensor-status-info .reading-unit {
  color: #17a2b8; }

#sensors-list-holder table tr.sensor.sensor-status-info .no-reading,
#sensors-eng-holder table tr.sensor.sensor-status-info .no-reading {
  color: #17a2b8 !important; }

.hidden {
  opacity: 0; }

.sensor-status-card {
  border-width: 2px;
  border-style: solid; }
  .sensor-status-card .card-header {
    background-color: transparent;
    padding: 0.2rem 1.25rem;
    opacity: 1;
    border-radius: 0; }
    .sensor-status-card .card-header .text-xs {
      font-size: 0.6rem !important; }
    .sensor-status-card .card-header .nav-tabs {
      border-block: none; }
      .sensor-status-card .card-header .nav-tabs .nav-link {
        color: inherit; }
        .sensor-status-card .card-header .nav-tabs .nav-link i {
          color: inherit; }
  .sensor-status-card .sensor-reading .reading-unit {
    position: relative;
    top: -25px;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2; }
  .sensor-status-card .sensor-reading.no-reading {
    color: #c0c0c0; }
    .sensor-status-card .sensor-reading.no-reading .reading {
      flex: 0 0 100% !important;
      max-width: 100% !important;
      text-align: center !important; }
    .sensor-status-card .sensor-reading.no-reading .reading-unit {
      display: none !important; }
  .sensor-status-card.sensor-status-unknown {
    border-color: #f8f9fa; }
    .sensor-status-card.sensor-status-unknown .card-header {
      background-color: #f8f9fa;
      color: #fff; }
      .sensor-status-card.sensor-status-unknown .card-header .nav-tabs .nav-link.active {
        color: #f8f9fa; }
  .sensor-status-card.sensor-status-success {
    border-color: #48bd01; }
    .sensor-status-card.sensor-status-success .card-header {
      background-color: #48bd01;
      color: #fff; }
      .sensor-status-card.sensor-status-success .card-header .nav-tabs .nav-link.active {
        color: #48bd01; }
  .sensor-status-card.sensor-status-secondary {
    border-color: #c0c0c0; }
    .sensor-status-card.sensor-status-secondary .card-header {
      background-color: #c0c0c0;
      color: #fff; }
      .sensor-status-card.sensor-status-secondary .card-header .nav-tabs .nav-link.active {
        color: #c0c0c0; }
  .sensor-status-card.sensor-status-danger {
    border-color: #ff0000; }
    .sensor-status-card.sensor-status-danger .card-header {
      background-color: #ff0000;
      color: #fff; }
      .sensor-status-card.sensor-status-danger .card-header .nav-tabs .nav-link.active {
        color: #ff0000; }
  .sensor-status-card.sensor-status-warning {
    border-color: #ff8000; }
    .sensor-status-card.sensor-status-warning .card-header {
      background-color: #ff8000;
      color: #000; }
      .sensor-status-card.sensor-status-warning .card-header .nav-tabs .nav-link.active {
        color: #ff8000; }
  .sensor-status-card.sensor-status-info {
    border-color: #17a2b8; }
    .sensor-status-card.sensor-status-info .card-header {
      background-color: #17a2b8;
      color: #fff; }
      .sensor-status-card.sensor-status-info .card-header .nav-tabs .nav-link.active {
        color: #17a2b8; }
  .sensor-status-card.sensor-status-gray {
    border-color: #343a40; }
    .sensor-status-card.sensor-status-gray .card-header {
      background-color: #343a40;
      color: #fff; }
      .sensor-status-card.sensor-status-gray .card-header .nav-tabs .nav-link.active {
        color: #343a40; }

.alarm-log .card-body {
  height: 300px;
  min-height: 195px; }
  @media (max-width: 1600px) {
    .alarm-log .card-body {
      min-height: 159px; } }

.sensor-status-card-overlay-holder {
  height: 260px;
  min-height: 230px; }
  @media (max-width: 1600px) {
    .sensor-status-card-overlay-holder {
      height: 230px;
      min-height: 187px; } }

.sensor-status-card-overlay {
  overflow: hidden;
  border-radius: 0.5rem;
  margin-bottom: 0; }
  .sensor-status-card-overlay .card-header {
    background-color: transparent;
    padding: 0.2rem 1.25rem;
    opacity: 1; }
    .sensor-status-card-overlay .card-header .text-xs {
      font-size: 0.6rem !important; }
    .sensor-status-card-overlay .card-header .nav-tabs {
      border-block: none; }
      .sensor-status-card-overlay .card-header .nav-tabs .nav-link {
        color: inherit; }
        .sensor-status-card-overlay .card-header .nav-tabs .nav-link i {
          color: inherit; }
  .sensor-status-card-overlay .sensor-reading .reading-unit {
    position: relative;
    top: -25px;
    font-size: 2.5rem;
    font-weight: 300;
    line-height: 1.2; }
  .sensor-status-card-overlay .sensor-reading.no-reading {
    color: #c0c0c0; }
    .sensor-status-card-overlay .sensor-reading.no-reading .reading {
      flex: 0 0 100% !important;
      max-width: 100% !important;
      text-align: center !important; }
    .sensor-status-card-overlay .sensor-reading.no-reading .reading-unit {
      display: none !important; }
  .sensor-status-card-overlay.sensor-status-unknown .card-footer {
    background-color: #f8f9fa;
    color: #fff; }
    .sensor-status-card-overlay.sensor-status-unknown .card-footer .nav-tabs .nav-link.active {
      color: #f8f9fa; }
  .sensor-status-card-overlay.sensor-status-success .card-footer {
    background-color: #48bd01;
    color: #fff; }
    .sensor-status-card-overlay.sensor-status-success .card-footer .nav-tabs .nav-link.active {
      color: #48bd01; }
  .sensor-status-card-overlay.sensor-status-secondary .card-footer {
    background-color: #c0c0c0;
    color: #fff; }
    .sensor-status-card-overlay.sensor-status-secondary .card-footer .nav-tabs .nav-link.active {
      color: #c0c0c0; }
  .sensor-status-card-overlay.sensor-status-danger .card-footer {
    background-color: #ff0000;
    color: #fff; }
    .sensor-status-card-overlay.sensor-status-danger .card-footer .nav-tabs .nav-link.active {
      color: #ff0000; }
  .sensor-status-card-overlay.sensor-status-warning .card-footer {
    background-color: #ff8000;
    color: #000; }
    .sensor-status-card-overlay.sensor-status-warning .card-footer .nav-tabs .nav-link.active {
      color: #ff8000; }
  .sensor-status-card-overlay.sensor-status-info .card-footer {
    background-color: #17a2b8;
    color: #fff; }
    .sensor-status-card-overlay.sensor-status-info .card-footer .nav-tabs .nav-link.active {
      color: #17a2b8; }
  .sensor-status-card-overlay.sensor-status-gray .card-footer {
    background-color: #343a40;
    color: #fff; }
    .sensor-status-card-overlay.sensor-status-gray .card-footer .nav-tabs .nav-link.active {
      color: #343a40; }

.input-group-prepend .btn, .input-group-append .btn {
  border: 1px solid #ced4da; }
  .dark-mode .input-group-prepend .btn, .dark-mode .input-group-append .btn {
    background-color: white; }

.btn.offline {
  display: none; }
  .btn.offline:before {
    content: "\f6ff";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    display: inline-block;
    margin-right: 10px;
    font-size: 0.8rem; }

.off-line {
  opacity: 0.5;
  background-blend-mode: color-burn; }
  .off-line:hover {
    opacity: 1; }
  .off-line .btn.offline {
    display: inline-block;
    cursor: not-allowed; }
  .off-line .btn.connect {
    display: none; }

.not-updated {
  opacity: 0.5;
  background-blend-mode: color-burn;
  /*.btn.offline {
        display: inline-block;
        cursor: not-allowed;
    }

    .btn.connect {
        display: none;
    }*/ }
  .not-updated:hover {
    opacity: 1; }

.site-status-not-linked {
  opacity: 0.5; }
  .site-status-not-linked:hover {
    opacity: 1; }
  .site-status-not-linked .btn.edit {
    display: none; }
  .site-status-not-linked .btn-group {
    display: none; }
  .site-status-not-linked:hover .site-logo {
    opacity: 1 !important; }

.site-row td.status .overlay {
  display: inline-block;
  font-size: 9px;
  padding: 0 1rem 0;
  position: relative;
  top: 3px; }

.site-row td.action {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
  text-align: center; }

th.site.action:first-of-type {
  padding-left: 0rem !important;
  padding-right: 0rem !important; }

.form-control-plaintext {
  color: inherit;
  font-size: inherit; }
  .form-control-plaintext.col-1, .form-control-plaintext.col-2, .form-control-plaintext.col-3, .form-control-plaintext.col-4, .form-control-plaintext.col-5, .form-control-plaintext.col-6, .form-control-plaintext.col-7, .form-control-plaintext.col-8, .form-control-plaintext.col-9, .form-control-plaintext.col-10, .form-control-plaintext.col-11, .form-control-plaintext.col-12, .form-control-plaintext .col, .form-control-plaintext.col-auto, .form-control-plaintext.col-sm-1, .form-control-plaintext.col-sm-2, .form-control-plaintext.col-sm-3, .form-control-plaintext.col-sm-4, .form-control-plaintext.col-sm-5, .form-control-plaintext.col-sm-6, .form-control-plaintext.col-sm-7, .form-control-plaintext.col-sm-8, .form-control-plaintext.col-sm-9, .form-control-plaintext.col-sm-10, .form-control-plaintext.col-sm-11, .form-control-plaintext.col-sm-12, .form-control-plaintext.col-sm, .form-control-plaintext.col-sm-auto, .form-control-plaintext.col-md-1, .form-control-plaintext.col-md-2, .form-control-plaintext.col-md-3, .form-control-plaintext.col-md-4, .form-control-plaintext.col-md-5, .form-control-plaintext.col-md-6, .form-control-plaintext.col-md-7, .form-control-plaintext.col-md-8, .form-control-plaintext.col-md-9, .form-control-plaintext.col-md-10, .form-control-plaintext.col-md-11, .form-control-plaintext.col-md-12, .form-control-plaintext.col-md, .form-control-plaintext.col-md-auto, .form-control-plaintext.col-lg-1, .form-control-plaintext.col-lg-2, .form-control-plaintext.col-lg-3, .form-control-plaintext.col-lg-4, .form-control-plaintext.col-lg-5, .form-control-plaintext.col-lg-6, .form-control-plaintext.col-lg-7, .form-control-plaintext.col-lg-8, .form-control-plaintext.col-lg-9, .form-control-plaintext.col-lg-10, .form-control-plaintext.col-lg-11, .form-control-plaintext.col-lg-12, .form-control-plaintext.col-lg, .form-control-plaintext.col-lg-auto, .form-control-plaintext.col-xl-1, .form-control-plaintext.col-xl-2, .form-control-plaintext.col-xl-3, .form-control-plaintext.col-xl-4, .form-control-plaintext.col-xl-5, .form-control-plaintext.col-xl-6, .form-control-plaintext.col-xl-7, .form-control-plaintext.col-xl-8, .form-control-plaintext.col-xl-9, .form-control-plaintext.col-xl-10, .form-control-plaintext.col-xl-11, .form-control-plaintext.col-xl-12, .form-control-plaintext.col-xl, .form-control-plaintext.col-xl-auto {
    padding-right: 7.5px;
    padding-left: 7.5px; }

.dark-mode .bg-gradient-light {
  color: #1f2d3d !important; }

tr.deleted td {
  color: #ff0000; }

tr.demo td.icon {
  color: #ff8000; }

tr.expired td.icon {
  color: #ff0000; }

@media all and (max-width: 480px) {
  .btn-block-mobile {
    width: 100%;
    display: block; } }

.input-group > .form-group {
  margin-bottom: 0; }

.clearboth {
  clear: both; }

#mobile-user-panel .nav-sidebar > .nav-item > .nav-link:hover {
  background-color: transparent; }

.opacity-1 {
  opacity: 1 !important; }

.opacity-05 {
  opacity: 0.5 !important; }

.opacity-075 {
  opacity: 0.75 !important; }

.text-strike {
  text-decoration: line-through; }

.placeholder-content {
  margin-top: 5px;
  margin-left: 25px;
  margin-right: 25px;
  min-height: 200px;
  overflow: hidden;
  background: #000;
  position: relative;
  animation-duration: 1.7s;
  animation-fill-mode: forwards;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  animation-name: placeholderAnimate;
  background: #f6f7f8;
  background: linear-gradient(to right, #eee 2%, #ddd 18%, #eee 33%);
  background-size: 1300px; }
  .placeholder-content_item {
    width: 100%;
    height: 20px;
    position: absolute;
    background: #f8f9fa;
    z-index: 2; }
    .placeholder-content_item:after, .placeholder-content_item:before {
      width: inherit;
      height: inherit;
      content: '';
      position: absolute; }
    .placeholder-content_item:nth-child(1) {
      top: 20px;
      left: 0; }
    .placeholder-content_item:nth-child(2) {
      top: 60px;
      left: 0; }
    .placeholder-content_item:nth-child(3) {
      top: 100px;
      left: 0; }
    .placeholder-content_item:nth-child(4) {
      top: 140px;
      left: 0; }
    .placeholder-content_item:nth-child(5) {
      top: 180px;
      left: 0; }
    .placeholder-content_item:nth-child(6) {
      top: 220px;
      left: 0; }
    .placeholder-content_item:nth-child(7) {
      top: 260px;
      left: 0; }
    .placeholder-content_item:nth-child(8) {
      top: 300px;
      left: 0; }
    .placeholder-content_item:nth-child(9) {
      top: 340px;
      left: 0; }
    .placeholder-content_item:nth-child(10) {
      top: 380px;
      left: 0; }
    .placeholder-content_item:nth-child(11) {
      top: 420px;
      left: 0; }

@keyframes placeholderAnimate {
  0% {
    background-position: -650px 0; }
  100% {
    background-position: 650px 0; } }

.siteSelector {
  border: 1px solid #17a2b8;
  border-radius: 0.5rem;
  overflow: hidden; }
  @media (max-width: 991.98px) {
    .siteSelector {
      max-width: calc(100% - 75px); } }
  .siteSelector #insightsTypeSelector {
    border: 1px solid #17a2b8; }
  .siteSelector .siteSelectorDDL {
    width: 250px; }
    @media (max-width: 991.98px) {
      .siteSelector .siteSelectorDDL {
        width: 100%; } }
  .siteSelector .select2-container--default .select2-selection--single {
    border: none !important;
    height: calc(1.8125rem + -1px) !important; }
    .siteSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
      top: -0.3rem !important; }
      @media (max-width: 1600px) {
        .siteSelector .select2-container--default .select2-selection--single .select2-selection__arrow {
          top: -0.5rem !important; } }

.select2-search--dropdown {
  border: 1px solid #80bdff;
  margin: 10px;
  border-radius: 0.25rem; }
  .select2-search--dropdown:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f002";
    display: inline-block;
    margin-left: 1%;
    width: 5%;
    text-align: center;
    min-width: 20px; }
  .select2-search--dropdown .select2-search__field {
    font-size: 0.8rem;
    font-weight: 400;
    display: inline-block;
    width: 85%;
    border: 0 !important; }

.select2-container--default .select2-results__option {
  font-size: 0.8rem;
  font-weight: 400; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 2em; }

.debug-log p {
  font-family: monospace;
  font-size: 0.8rem;
  margin-bottom: 0;
  white-space: nowrap; }

#siteCard-header {
  min-height: 45px;
  padding-bottom: 0 !important; }
  @media (max-width: 1600px) {
    #siteCard-header {
      min-height: 40px; } }

#cardTools-holder {
  position: absolute;
  right: 25px;
  bottom: 4px; }
  @media (max-width: 991.98px) {
    #cardTools-holder {
      position: static; } }

#reading-holder .btn-app {
  min-width: 65px; }
  @media (max-width: 1600px) {
    #reading-holder .btn-app {
      min-width: 55px;
      height: 50px;
      padding: 8px 5px; } }

.dropdown-item.disabled {
  cursor: not-allowed; }

.outofdate-warning i {
  cursor: pointer; }

.nav-link.beta p:after {
  display: inline-block;
  content: "BETA";
  position: relative;
  border-radius: 8px;
  background-color: #ffffff;
  color: var(--tek-primary-color);
  padding: 0 0.5rem;
  font-size: 0.7rem;
  font-weight: bold;
  top: -7px;
  right: -5px; }

@media all and (max-width: 480px) {
  .insights.card .card-title h3 {
    font-size: 1rem; } }

@media (min-width: 400px) {
  #col1-body {
    height: 32vh;
    overflow-y: auto; }
  #col2-body {
    height: 32vh;
    overflow-y: auto; }
  #col3-body {
    height: 32vh;
    overflow-y: auto; }
  #eng-col1-body {
    height: 32vh;
    overflow-y: auto; }
  #eng-col2-body {
    height: 32vh;
    overflow-y: auto; }
  #eng-col3-body {
    height: 32vh;
    overflow-y: auto; } }

#planViewNav {
  position: relative;
  bottom: -1px; }
  #planViewNav li {
    position: relative; }
    #planViewNav li a {
      padding: 0.5rem 0.7rem;
      margin-right: 2px; }
      #planViewNav li a:after {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        content: " ";
        display: inline-block;
        height: 5px;
        background-color: #17a2b8;
        border-top-left-radius: 0.3rem;
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0; }
    #planViewNav li.status-success a {
      color: #48bd01; }
      #planViewNav li.status-success a > i {
        color: #48bd01; }
      #planViewNav li.status-success a:after {
        background-color: #48bd01; }
    #planViewNav li.status-warning a {
      color: #ff8000; }
      #planViewNav li.status-warning a > i {
        color: #ff8000; }
      #planViewNav li.status-warning a:after {
        background-color: #ff8000; }
    #planViewNav li.status-danager a {
      color: #ff0000; }
      #planViewNav li.status-danager a > i {
        color: #ff0000; }
      #planViewNav li.status-danager a:after {
        background-color: #ff0000; }

@media (min-width: 992px) {
  #planViewNav {
    left: -1px;
    bottom: auto; }
    #planViewNav li a:after {
      position: absolute;
      top: 0;
      bottom: 0;
      right: 0;
      left: auto;
      content: " ";
      display: inline-block;
      width: 10px;
      height: auto;
      background-color: #17a2b8;
      border-top-left-radius: 0;
      border-top-right-radius: 0.3rem;
      border-bottom-right-radius: 0.3rem; }
  .flex-lg-column.nav-tabs {
    border-bottom: 0; }
    .flex-lg-column.nav-tabs .nav-item {
      margin-bottom: 5px; }
      .flex-lg-column.nav-tabs .nav-item .nav-link {
        border-color: #dee2e6 #dee2e6 #dee2e6 transparent;
        opacity: 0.75;
        background-color: #f8f9fa;
        border-top-left-radius: 0;
        border-top-right-radius: 0.3rem;
        border-bottom-right-radius: 0.3rem;
        overflow: hidden; }
        .flex-lg-column.nav-tabs .nav-item .nav-link.active, .flex-lg-column.nav-tabs .nav-item .nav-link.show {
          background-color: #fff;
          opacity: 1;
          border-color: #b3b5b7 #b3b5b7 #b3b5b7 #fff;
          box-shadow: 2px 2px 2px #b3b5b7a1;
          font-weight: bold; } }

[class*="sidebar-dark"] .sidebar-custom {
  border-top-color: #c2c7d0 !important; }

.main-footer > .row {
  min-height: 57px; }
  @media (max-width: 1600px) {
    .main-footer > .row {
      min-height: 47px; } }

.main-footer label {
  margin-bottom: 0; }

.main-footer .footer-left .nav-item {
  border-right: 1px solid #dee2e6; }
  @media (max-width: 767.98px) {
    .main-footer .footer-left .nav-item {
      border-right: none; } }
  .main-footer .footer-left .nav-item:last-child {
    border-right: none; }
    @media (max-width: 767.98px) {
      .main-footer .footer-left .nav-item:last-child {
        border-bottom: 1px solid #dee2e6;
        padding-bottom: 0.5rem; } }

@media (max-width: 767.98px) {
  .main-footer .footer-ads {
    border-bottom: 1px solid #dee2e6;
    padding-bottom: 1rem; } }

.custom-control-label {
  overflow: visible !important; }

#filters-holder {
  box-shadow: none; }
  #filters-holder.collapsed-card {
    box-shadow: none;
    margin-bottom: 0; }
  #filters-holder .card-header .badge {
    padding: 0.45em 0.4em 0.25em; }
  #filters-holder .card-body {
    border-radius: 0.5rem 0.5rem 0rem 0rem; }
  #filters-holder .card-footer {
    border-top: 0 !important;
    border-radius: 0rem 0rem 0.5rem 0.5rem; }

#graph-filter-holder #filters-holder .card-title {
  padding-left: 25%; }

#graph_holdr #tmpHldr {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 450px; }
  #graph_holdr #tmpHldr a:link, #graph_holdr #tmpHldr a:visited, #graph_holdr #tmpHldr a.btns {
    opacity: 0.25;
    color: #adb5bd;
    font-size: 6rem; }
    #graph_holdr #tmpHldr a:link .fa-plus-circle, #graph_holdr #tmpHldr a:visited .fa-plus-circle, #graph_holdr #tmpHldr a.btns .fa-plus-circle {
      font-size: 2.5rem;
      left: 60px;
      top: -40px; }
  #graph_holdr #tmpHldr a:hover {
    opacity: 1;
    cursor: pointer; }

.flag-text {
  margin-left: 15px; }

#graph-buttons-holder {
  padding-left: 40px; }
  @media (max-width: 767.98px) {
    #graph-buttons-holder {
      padding-left: 0; } }

#g_cntrl {
  margin: 1em 30px 0 0;
  margin-left: 66px;
  margin-right: 5px; }
  @media (max-width: 991.98px) {
    #g_cntrl {
      margin-left: 0; } }
  #g_cntrl .g_col {
    flex-direction: row; }
    #g_cntrl .g_col .legend-header {
      background-color: var(--tek-primary-color);
      color: #fff;
      display: inline-grid;
      padding: 0.2em;
      width: 35px; }
    #g_cntrl .g_col .legend-body {
      width: 100%; }
    #g_cntrl .g_col .trace_field {
      display: inline-flex;
      flex-direction: row;
      align-content: stretch;
      align-items: center;
      flex-wrap: nowrap;
      justify-content: flex-start;
      text-align: left;
      color: black;
      width: 180px;
      margin: 2px 2px 0;
      line-height: 1.5;
      max-height: 50%;
      border-radius: 5px;
      position: relative;
      border: 1px solid #ffffff;
      min-height: 27px; }
      #g_cntrl .g_col .trace_field .color {
        width: 16px;
        height: 16px;
        border: 0;
        margin: 0 5px;
        border-radius: 50%;
        overflow: hidden;
        position: relative;
        top: 3px; }
        #g_cntrl .g_col .trace_field .color i {
          position: relative;
          top: -2px; }
      #g_cntrl .g_col .trace_field .trace-name {
        max-width: 75%;
        white-space: nowrap;
        overflow: hidden;
        background-color: transparent;
        padding-right: 5px; }
        #g_cntrl .g_col .trace_field .trace-name > div {
          display: inline-block; }
          #g_cntrl .g_col .trace_field .trace-name > div.trace-name-label {
            position: relative;
            top: 5px;
            max-width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            background-color: transparent;
            padding-right: 5px; }
      #g_cntrl .g_col .trace_field .y_pos {
        position: relative;
        top: 4px; }
      #g_cntrl .g_col .trace_field:hover {
        border: 1px solid #333333;
        box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); }
      #g_cntrl .g_col .trace_field .flt {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        background-color: var(--tek-primary-color);
        color: #fff;
        padding: 2px 5px;
        border-radius: 0 3px 3px 0; }
        #g_cntrl .g_col .trace_field .flt a {
          padding: 5px;
          color: #fff; }
          #g_cntrl .g_col .trace_field .flt a:link, #g_cntrl .g_col .trace_field .flt a:visited {
            color: #fff; }
          #g_cntrl .g_col .trace_field .flt a:hover {
            color: var(--tek-secondry-color); }
      #g_cntrl .g_col .trace_field > div {
        font-size: 12px;
        min-height: 21px;
        vertical-align: middle; }
      #g_cntrl .g_col .trace_field.status-field {
        padding-left: 5px; }
        #g_cntrl .g_col .trace_field.status-field .trace-name {
          position: relative;
          top: 3px; }
          #g_cntrl .g_col .trace_field.status-field .trace-name .trace-name-label {
            top: 2px; }
      #g_cntrl .g_col .trace_field.total-field {
        padding-left: 5px; }
        #g_cntrl .g_col .trace_field.total-field .trace-name {
          position: relative;
          top: 3px; }
          #g_cntrl .g_col .trace_field.total-field .trace-name .trace-name-label {
            top: 2px; }

#trace_ids .trace-selector {
  margin-bottom: 0.5rem; }
  #trace_ids .trace-selector .input-group-prepend {
    max-width: 45px;
    border-right: 0; }
  #trace_ids .trace-selector .form-control {
    border-left: 0; }
  #trace_ids .trace-selector.disabled {
    margin-bottom: 0; }
    #trace_ids .trace-selector.disabled .input-group {
      display: none;
      opacity: 0.50;
      filter: alpha(opacity=50);
      cursor: not-allowed; }
      #trace_ids .trace-selector.disabled .input-group input[type=checkbox].custom-control-input {
        opacity: 0 !important; }

#reportrange {
  border-radius: 7px; }

.custom-switch.custom-switch-right {
  padding-right: 2.25rem;
  padding-left: 0; }
  .custom-switch.custom-switch-right .custom-control-label:before {
    right: -2.25rem;
    left: auto; }
  .custom-switch.custom-switch-right .custom-control-label:after {
    right: calc(-1.5rem + 2px);
    left: auto; }

#selectedTraces {
  height: auto; }

.card-header > .card-tools .nav {
  border-bottom: 0; }

.tag-list {
  list-style: none;
  margin: 0;
  overflow: auto;
  padding: 0.3125rem 0.9375rem; }
  .tag-list > li {
    border-radius: 0.625rem;
    background-color: #f8f9fa;
    border-left: 2px solid var(--tek-secondry-light-color);
    color: #000;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px; }
    .tag-list > li.text-tek-primary a:not(.btn):link, .tag-list > li.text-tek-primary a:not(.btn):visited, .tag-list > li.text-tek-secondary a:not(.btn):link, .tag-list > li.text-tek-secondary a:not(.btn):visited {
      color: inherit;
      text-decoration: underline; }
    .tag-list > li > input[type="checkbox"] {
      margin: 0 10px 0 5px; }
    .tag-list > li > div:hover {
      color: #212529;
      background-color: rgba(0, 0, 0, 0.075); }
    .tag-list > li .name {
      font-weight: normal;
      margin-left: 5px;
      min-width: 160px;
      font-size: 0.9rem; }
    .tag-list > li ol {
      list-style: none;
      margin: 0;
      overflow: auto;
      padding: 0;
      padding-left: 1rem; }
      .tag-list > li ol li:hover {
        color: #212529;
        background-color: rgba(0, 0, 0, 0.075); }
      .tag-list > li ol li.childTag.fixed div a:not(.btn):link, .tag-list > li ol li.childTag.fixed div a:not(.btn):visited {
        color: var(--tek-link-color);
        text-decoration: underline; }
      .tag-list > li ol li.childTag.fixed div.icon {
        padding-left: 2.5rem !important;
        position: relative;
        color: #000; }
        .tag-list > li ol li.childTag.fixed div.icon:before, .tag-list > li ol li.childTag.fixed div.icon:after {
          content: "";
          position: absolute;
          display: inline-block;
          background: var(--tek-secondry-light-color); }
        .tag-list > li ol li.childTag.fixed div.icon:before {
          width: 2px;
          top: 0;
          bottom: 0;
          left: 10px;
          transform: translateY(-55%); }
        .tag-list > li ol li.childTag.fixed div.icon:after {
          width: 20px;
          height: 2px;
          top: 45%;
          left: 10px; }
  .tag-list .handle {
    cursor: move;
    display: inline-block;
    margin: 0 5px; }

#dashboard-filter-Holder {
  margin-bottom: -6px;
  width: calc(100% - 150px); }
  @media (max-width: 991.98px) {
    #dashboard-filter-Holder {
      width: 100%; } }

#sites-filter-Holder {
  margin-bottom: -6px;
  width: calc(100% - 230px); }
  @media (max-width: 991.98px) {
    #sites-filter-Holder {
      margin-bottom: 0;
      width: 100%; }
      #sites-filter-Holder #filtersToggler {
        position: relative;
        z-index: 1; }
      #sites-filter-Holder #filter-holder {
        position: relative;
        z-index: 0; } }

@media (max-width: 767.98px) {
  .layout-footer-fixed .wrapper .content-wrapper {
    padding-bottom: 0.3125rem; } }

@media (max-width: 767.98px) {
  .layout-footer-fixed .wrapper .main-footer {
    position: static; } }

#schedTimes {
  overflow: visible; }

/*Step Count*/
.steps {
  color: var(--tek-secondry-color);
  margin-bottom: 10px;
  font-weight: normal;
  text-align: right; }

/*Field names*/
.fieldlabels {
  color: gray;
  text-align: left; }

/*Icon ProgressBar before any progress*/
#progress-wizard-bar {
  text-align: center;
  margin-bottom: 30px;
  overflow: hidden;
  color: lightgrey;
  padding: 0;
  display: flex;
  justify-content: center; }
  #progress-wizard-bar li {
    list-style-type: none;
    font-size: 15px;
    width: 20%;
    position: relative;
    font-weight: 400;
    /*Icons in the ProgressBar*/ }
    #progress-wizard-bar li:before {
      position: relative;
      font-family: 'Font Awesome 5 Free';
      font-weight: bold;
      width: 50px;
      height: 50px;
      line-height: 45px;
      display: block;
      font-size: 20px;
      color: #ffffff;
      background: lightgray;
      border-radius: 50%;
      margin: 0 auto 10px auto;
      padding: 2px;
      z-index: 1; }
    #progress-wizard-bar li:after {
      content: '';
      width: 100%;
      height: 2px;
      background: lightgray;
      position: absolute;
      left: 0;
      top: 25px;
      z-index: 0; }
    #progress-wizard-bar li#start:before {
      content: "\f09c"; }
    #progress-wizard-bar li#what:before {
      content: "\f0f3"; }
    #progress-wizard-bar li#when:before {
      content: "\f017"; }
    #progress-wizard-bar li#who:before {
      content: "\f007"; }
    #progress-wizard-bar li#finish:before {
      content: "\f00c"; }
    #progress-wizard-bar li.active {
      color: var(--tek-secondry-color); }
      #progress-wizard-bar li.active:before, #progress-wizard-bar li.active:after {
        background: var(--tek-secondry-color); }

.progress-wizard {
  /*Animated Progress Bar*/ }
  .progress-wizard .progress {
    height: 20px;
    margin-bottom: 30px;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
    border-radius: 0.5rem; }
  .progress-wizard .progress-bar {
    background-color: var(--tek-secondry-color);
    border-radius: 0.5rem; }

.stages-holder .fs-title {
  display: none; }

.stages-holder .form-card {
  padding: 1.5rem !important;
  border: 1px solid;
  border-radius: 1rem;
  border-color: var(--tek-secondry-color) !important; }

.stages-holder fieldset {
  border: 0 none;
  border-radius: 0.5rem;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding-bottom: 20px;
  /*stacking fieldsets above each other*/
  position: relative; }
  .stages-holder fieldset:not(:first-of-type) {
    display: none; }

.overflow-holder {
  position: absolute;
  top: 5px;
  bottom: 5px;
  right: 45px;
  left: 10px;
  overflow: hidden;
  display: flex; }
  .overflow-holder .drag-scroller {
    display: flex;
    align-items: center; }
  .overflow-holder .badge {
    display: inline-flex; }

.more-icon {
  cursor: pointer; }

.form-control .more-icon {
  color: var(--tek-link-color);
  position: absolute;
  right: 10px;
  top: 8px; }

.popover {
  max-width: 85%; }
  .popover .scroll-content {
    overflow-y: auto;
    max-height: 120px;
    font-size: 1.1rem; }
    .popover .scroll-content .badge {
      font-weight: normal; }

.dark-mode .bg-white {
  border-top-color: #343a40 !important;
  background-color: #343a40 !important; }

.dark-mode .btn-outline-dark {
  color: #fff;
  border-color: #fff; }

.hide-on-web {
  display: none; }

.pincode-holder {
  border: 1px solid #dee2e6 !important;
  padding: 0.5rem !important;
  margin-bottom: 1.5rem !important;
  border-radius: 0.5rem;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); }
  .pincode-holder label {
    font-size: 2.5rem; }
  .pincode-holder .pin_code {
    height: calc(4.75rem + 2px);
    padding: 0.5rem 0rem;
    font-size: 3.25rem;
    line-height: 2.5;
    border-radius: 0.5rem;
    text-align: center; }
  .pincode-holder .was-validated .pin_code:valid, .pincode-holder .pin_code.is-valid,
  .pincode-holder .was-validated .pin_code:invalid, .pincode-holder .pin_code.is-invalid {
    background-position: bottom 5px center !important;
    background-size: 20px !important;
    padding-right: 0 !important; }

#edit-setpoints-holder .form-control {
  padding-right: 2.25rem !important; }

.setpoints-disabled td span, .setpoints-disabled td input[type=number] {
  -webkit-text-decoration-line: line-through;
  text-decoration-line: line-through; }

/*# sourceMappingURL=site.css.map */