/*from bootstrap.css*/
html, body {
  height: 100%;
  width: 100%;
  margin: 0px;
  font-family: 'Open Sans', 'lucidia sans unicode', 'lucidia grande', verdana, arial, sans-serif; }

* {
  -webkit-overflow-scrolling: auto !important; }

input[type="text"] {
  -webkit-transform: translate3d(0, 0, 0); }

.flexbox-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.flexbox-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .flexbox-column > * {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0; }
  .flexbox-column > .flex {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }

.flexbox-space-between {
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.no-flex {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0; }

.flex-no-shrink {
  -webkit-box-flex: 1 0 auto;
  -moz-box-flex: 1 0 auto;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  min-height: 0;
  min-width: 0; }

.flex-third {
  -webkit-box-flex: 1 1 33.3333%;
  -moz-box-flex: 1 1 33.3333%;
  -webkit-flex: 1 1 33.3333%;
  -ms-flex: 1 1 33.3333%;
  flex: 1 1 33.3333%;
  min-height: 0;
  min-width: 0; }

.flex-wrap {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.flex-align-center {
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center; }

.flex-align-top {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -webkit-align-items: flex-start;
  -ms-flex-align: flex-start;
  align-items: flex-start; }

.flex-align-bottom {
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -webkit-align-items: flex-end;
  -ms-flex-align: flex-end;
  align-items: flex-end; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%; }

.inline {
  display: inline; }

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

.button {
  cursor: pointer; }
  .button i {
    font-size: 2em; }

*,
.btn-group-vertical > .btn:last-child:not(:first-child),
.btn-group-vertical > .btn:first-child:not(:last-child),
.list-group-item:first-child,
.list-group-item:last-child,
.panel-heading, .well {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0; }

.btn:focus, input:focus, button:focus, textarea:focus, select:focus {
  outline: 0; }

.print-only {
  display: none; }

.pointer {
  cursor: pointer; }

.overflow-scroll {
  overflow: auto; }

.overflow-scroll-y {
  overflow-y: scroll; }

.no-scroll {
  overflow: hidden; }

.modal-backdrop {
  z-index: 1040; }

.hw-no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-selec: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn, .btn:before, .btn:after {
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out, box-shadow 0.25s ease-out, tranform 0.25s ease-out, border-color 0.25s ease-out;
  -moz-transition: background-color 0.25s ease-out, color 0.25s ease-out, box-shadow 0.25s ease-out, tranform 0.25s ease-out, border-color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out, box-shadow 0.25s ease-out, tranform 0.25s ease-out, border-color 0.25s ease-out;
  border-radius: 0; }

.btn-primary {
  background-color: #388CB2; }
  .btn-primary:hover {
    background-color: #327d9f; }

.btn-secondary {
  background-color: #EDF5F9;
  color: #005A6C;
  border-color: #c7e0ec; }
  .btn-secondary:hover {
    background-color: #daeaf3;
    border-color: #b4d5e6; }

.modal-content {
  border-radius: 0; }

.modal-footer {
  margin: 0; }

.nav-tabs {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0; }
  .nav-tabs > li > a {
    border-radius: 0; }

.form-control {
  border-radius: 0; }

.dropdown-menu {
  border-radius: 0; }

.modal-footer__left-btns {
  float: left; }
.modal-footer__right-btns {
  float: right; }

.eform-table-dialog-modal .modal-footer .btn + .btn {
  margin-left: 15px; }

.ngSortPriority {
  display: none;
  left: auto;
  right: 3px;
  top: 2px;
  color: #aaa; }

.dropdown-datepicker-container th {
  vertical-align: middle;
  padding-bottom: 5px; }

.ui-datepicker {
  z-index: 1101 !important; }

.btn-group .btn.active {
  background-color: #388CB2;
  color: #fff; }

.dueColor {
  color: #D89F22; }

.overdueColor {
  color: #C64444; }

.dueBackgroundColor {
  background-color: #D89F22 !important; }

.overdueBackgroundColor {
  background-color: #C64444 !important; }

.hw-margin-bottom {
  margin-bottom: 1em; }

.hw-spacing-bottom {
  margin-bottom: 10px; }
  .hw-spacing-bottom-half {
    margin-bottom: 5px; }

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

.right {
  float: right; }

.max-width-100 {
  max-width: 100px; }

.hw-spacing-top {
  margin-top: 10px; }
  .hw-spacing-top-half {
    margin-top: 5px; }
  .hw-spacing-top-double {
    margin-top: 20px; }

.hw-spacing-right {
  margin-right: 10px; }
  .hw-spacing-right-half {
    margin-right: 5px; }
  .hw-spacing-right-double {
    margin-right: 20px; }

.hw-spacing-left {
  margin-left: 10px; }
  .hw-spacing-left-half {
    margin-left: 5px; }
  .hw-spacing-left-double {
    margin-left: 20px; }

.hw-spacing-all {
  margin: 10px; }
  .hw-spacing-all-half {
    margin: 5px; }
  .hw-spacing-all-double {
    margin: 20px; }

.hw-spacing-divider-top {
  padding-top: 10px;
  border-top: 1px solid #eee; }

.hw-spacing-divider-top-darker {
  padding-top: 10px;
  border-top: 1px solid gray; }

.hwCenterText, .hw-center-text {
  text-align: center; }

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

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

.hw-word-break {
  word-break: break-word; }

.hw-light-label {
  font-weight: 600;
  color: #ccc; }

.nl2br {
  white-space: pre-line; }

.list-group-item {
  cursor: pointer; }

.readonly-screen .form-control[disabled] {
  cursor: default; }

.dropdown-menu {
  /* make larger than dialog z-index */
  z-index: 1100 !important; }

textarea {
  resize: none; }

.table-fixed {
  table-layout: fixed; }

.hw-viewport {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0; }

.hw-view {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.wordwrap {
  white-space: pre-wrap;
  /* CSS3 */
  white-space: -moz-pre-wrap;
  /* Firefox */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* IE */ }

.hw-view-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.hw-pane {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .hw-pane > * {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0; }
  .hw-pane > .flex {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }

.hw-pane-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto; }

.hw-workspace {
  padding: 15px; }

.hw-nav {
  background: #eee;
  min-width: 150px;
  border-right: 1px solid #ddd; }
  .hw-nav .list-group-item:first-child,
  .hw-nav .list-group-item:last-child {
    border-radius: 0; }
  .hw-nav a {
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #fff;
    background: none;
    margin: 0; }
    .hw-nav a.list-group-item.active {
      background-color: #D8E8EF;
      color: #388CB2;
      border-color: #fff;
      font-weight: 600; }

.hw-nav-narrow {
  min-width: 135px; }

.hw-nav-secondary {
  background: none;
  border: 0; }
  .hw-nav-secondary a {
    border: 1px solid #e5e5e5;
    border-bottom: 0; }
    .hw-nav-secondary a:hover {
      background-color: #fafafa; }
    .hw-nav-secondary a:last-child {
      border-bottom: 1px solid #e5e5e5; }
    .hw-nav-secondary a.list-group-item.active {
      background-color: #f1f7f9;
      color: #388CB2;
      border-color: #e5e5e5;
      font-weight: 600; }

.hw-detail {
  padding: 10px; }

.hw-detail-narrow {
  padding: 5px; }

.hw-nav-detail {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .hw-nav-detail > .hw-nav {
    overflow: auto; }
  .hw-nav-detail > .hw-nav.list-group {
    margin-bottom: 0px; }
  .hw-nav-detail > .hw-detail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    min-height: 50px;
    overflow: auto; }

.hw-nav-detail-h {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  .hw-nav-detail-h > .hw-nav {
    overflow: auto; }
  .hw-nav-detail-h > .hw-nav.list-group {
    margin-bottom: 0px; }
  .hw-nav-detail-h > .hw-detail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto; }
    .hw-nav-detail-h > .hw-detail .hw-detail-content {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 0;
      min-width: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
  .hw-nav-detail-h > .hw-fixed-footer-detail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .hw-nav-detail-h > .hw-fixed-footer-detail .hw-detail-content {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 0;
      min-width: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
    .hw-nav-detail-h > .hw-fixed-footer-detail .hw-detail-footer {
      -webkit-box-flex: 0 auto;
      -moz-box-flex: 0 auto;
      -webkit-flex: 0 auto;
      -ms-flex: 0 auto;
      flex: 0 auto;
      min-height: 0;
      min-width: 0; }

.hw-list-detail {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .hw-list-detail > .hw-detail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }

.hw-list-detail-h {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }
  .hw-list-detail-h > .hw-detail {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }

.hw-tabs {
  background: #D8E8EF;
  padding: 5px 5px 0 5px;
  border-bottom: 4px solid #fff;
  -webkit-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.1); }
  .hw-tabs .right {
    right: 0;
    position: absolute;
    margin-top: 10px;
    margin-right: 10px; }

.hw-tab {
  display: inline-block;
  width: auto;
  height: auto;
  margin-right: 5px;
  padding: 10px 20px;
  background: #eaf3f6;
  border-radius: 0;
  border: 0;
  color: #555;
  -webkit-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -4px 4px -2px rgba(0, 0, 0, 0.1);
  cursor: pointer; }

.hw-tab-selected {
  background: #fff !important;
  color: #388CB2 !important;
  font-weight: 600;
  -webkit-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.2); }

.hw-tabs-light {
  background-color: #fff; }
  .hw-tabs-light .hw-tab {
    border: 1px solid #eee;
    border-bottom: 0;
    background-color: #fff; }

.hw-modal {
  padding: 30px;
  width: 1050px;
  height: 740px;
  max-width: 100%;
  max-height: 100%;
  margin: 0 auto;
  overflow: hidden; }
  .hw-modal.hw-modal--scroll-enabled {
    max-height: none; }
  .hw-modal.hw-modal-full {
    width: 100%;
    height: 100%; }
  .hw-modal.hw-modal-xxxlarge {
    width: 1400px;
    max-width: 100%; }
  .hw-modal.hw-modal-xxlarge {
    width: 1000px; }
  .hw-modal.hw-modal-xlarge {
    width: 800px; }
  .hw-modal.hw-modal-xlarge-short {
    width: 900px;
    height: 500px; }
  .hw-modal.hw-modal-xxlarge-tall {
    width: 1000px;
    height: 100%; }
  .hw-modal.hw-modal-xxxlarge-tall {
    width: 1500px;
    max-width: 90%;
    height: 100%; }
  .hw-modal.hw-modal-large {
    width: 700px; }
  .hw-modal.hw-modal-med {
    width: 600px; }
  .hw-modal.hw-modal-sm {
    width: 500px;
    height: 250px;
    padding: 15px; }
  .hw-modal.hw-modal-med-short {
    width: 600px;
    height: 400px;
    padding: 15px; }
  .hw-modal .modal-dialog,
  .hw-modal .modal-content,
  .hw-modal .modal-template,
  .hw-modal .modal-wrapper {
    width: 100%;
    margin: 0; }
  .hw-modal .modal-dialog,
  .hw-modal .modal-content,
  .hw-modal .modal-template,
  .hw-modal .modal-wrapper,
  .hw-modal .modal-body,
  .hw-modal .modal-panel {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .hw-modal .modal-dialog,
  .hw-modal .modal-content,
  .hw-modal .modal-template,
  .hw-modal .modal-title,
  .hw-modal .modal-body,
  .hw-modal .modal-panel {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }
  .hw-modal .modal-dialog {
    height: 100%; }
  .hw-modal .modal-body.modal-split-vertical {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row; }
  .hw-modal .modal-header {
    position: relative;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    padding: 10px;
    min-height: 54px;
    background-color: #eee;
    border-bottom: 1px solid #ccc; }
    .hw-modal .modal-header * {
      z-index: 1; }
    .hw-modal .modal-header .btn-default {
      margin-left: 10px; }
      .hw-modal .modal-header .btn-default:first-child {
        margin-left: 0; }
    .hw-modal .modal-header > .btn-primary, .hw-modal .modal-header > .action-container {
      position: absolute;
      top: 10px;
      right: 10px; }
  .hw-modal .modal-title {
    z-index: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-align: center;
    line-height: 54px;
    vertical-align: middle;
    font-size: 14px;
    font-weight: 600; }
  .hw-modal .modal-subheader {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0;
    padding: 5px 10px;
    background-color: #D8E8EF;
    color: #388CB2; }
    .hw-modal .modal-subheader .pull-right:not(:first-child) {
      margin-left: 20px; }
    .hw-modal .modal-subheader.hw-tabs {
      padding-bottom: 0; }
  .hw-modal .modal-subtitle {
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 1em; }
  .hw-modal .modal-body {
    padding: 0; }
  .hw-modal .modal-panel {
    padding: 15px;
    overflow: auto; }
  .hw-modal .modal-footer {
    border-top: 1px solid #ccc;
    padding: 10px; }

.modal-search-header, .modal-search-body {
  padding: 10px; }

.modal-search-header {
  background: #fafafa;
  border-bottom: 1px solid #eee; }

.modal-search-result {
  margin-bottom: 10px; }
  .modal-search-result__label {
    margin-right: 10px;
    font-weight: 600;
    color: #388CB2; }

.modal-search-header, .modal-search-body {
  padding: 10px; }

.modal-search-header {
  background: #fafafa;
  border-bottom: 1px solid #eee; }

.modal-search-result {
  margin-bottom: 10px; }
  .modal-search-result__label {
    margin-right: 10px;
    font-weight: 600;
    color: #388CB2; }
  .modal-search-result__clear {
    padding: 5px 10px;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    color: #999; }

.modal-panel > * {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0; }
.modal-panel > .flex {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.ngCellText {
  /*font-size:150%; seem no longer needed for larget pt list/overview? */ }

.icon-15x {
  font-size: 125%; }

.panel {
  border: none; }

.panel-default .panel-body {
  border: 1px solid lightgray; }

.panel-primary .panel-heading {
  background-color: #b5d7e6 !important;
  color: black;
  border: none; }
.panel-primary .panel-body {
  border-left: 1px solid #DFECD4 !important;
  border-right: 1px solid #DFECD4 !important;
  border-bottom: 1px solid #DFECD4 !important;
  border-top: none !important; }
.panel-primary .removed {
  background-color: #f7c7b2 !important;
  color: black;
  border: none;
  opacity: 0.6;
  text-decoration: line-through; }

.med-records-container .panel-body {
  padding: 8px 4px !important; }

.align-center {
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  align-content: center;
  -webkit-align-items: center;
  text-align: center;
  display: flex;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  display: box;
  vertical-align: middle;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex; }

.navbar .divider-vertical {
  height: 100%;
  margin: 0;
  border-right: 1px solid lightgray; }

.navbar-inverse .divider-vertical {
  border-right-color: lightgray;
  border-left-color: lightgray; }

.entity-modal-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.entity-tab-set {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }
  .entity-tab-set .tab-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
    .entity-tab-set .tab-content .tab-pane.active {
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 0;
      min-width: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column; }
      .entity-tab-set .tab-content .tab-pane.active .entity-container {
        padding-top: 5px;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        min-width: 0; }
        .entity-tab-set .tab-content .tab-pane.active .entity-container.med-list-entity-container {
          padding-top: 0; }
        .entity-tab-set .tab-content .tab-pane.active .entity-container .entity-grid {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: flex;
          -webkit-flex-direction: column;
          -ms-flex-direction: column;
          flex-direction: column;
          -webkit-box-flex: 1;
          -moz-box-flex: 1;
          -webkit-flex: 1;
          -ms-flex: 1;
          flex: 1;
          min-height: 0;
          min-width: 0; }

.marginRight5 {
  margin-right: 5px; }

.icon-blue {
  color: #428BCA;
  font-weight: 100; }

.icon-white {
  color: white;
  font-weight: 100; }

.icon-yellow {
  color: yellow;
  font-weight: 100; }

.nopadding {
  padding: 0 !important;
  margin: 0 !important; }

.panel-heading-section {
  background-color: #D8D8D8 !important;
  border: none !important; }

.hw-checkbox {
  color: black;
  text-decoration: none;
  background: transparent;
  border: none;
  padding-left: 35px; }
  .hw-checkbox > i {
    display: inline-block;
    margin-left: -25px;
    width: 25px;
    font-size: 18px;
    vertical-align: middle; }
  .hw-checkbox > span {
    display: inline-block; }
  .hw-checkbox .icon-check {
    display: none; }

.hw-checkbox.active .icon-check {
  display: inline-block; }
.hw-checkbox.active .icon-check-empty {
  display: none; }

.hw-checkbox:hover,
.hw-checkbox:active,
.hw-checkbox:focus {
  color: black;
  text-decoration: none; }

.hw-checkbox[disabled] {
  color: #aaa;
  cursor: not-allowed;
  pointer-events: none;
  text-decoration: none; }

.btn[disabled] {
  background-color: #eeeeee;
  color: #555;
  cursor: not-allowed; }

.btn-primary[disabled] {
  background-color: #999;
  border-color: #999;
  color: #ddd; }

.date-field[disabled] .input-group-btn,
.time-field[disabled] .input-group-btn {
  cursor: not-allowed; }

.hw-display-table td {
  padding-bottom: 5px;
  padding-right: 10px; }
.hw-display-table td:last-child {
  padding-right: 0px; }

.hw-label {
  font-weight: 600; }

.hw-form-display-table td {
  padding-right: 15px; }
.hw-form-display-table .hw-label {
  padding-right: 7px;
  vertical-align: middle; }

.hw-button-bar {
  background-color: #eaeaea; }
  .hw-button-bar > button {
    margin: 5px 0px 5px 5px; }

.main-page-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto; }

.form-table {
  margin: 10px 5px; }
  .form-table .form-label-cell {
    text-align: right;
    padding: 5px 10px 5px 0px;
    vertical-align: top; }
  .form-table .form-control-cell {
    padding: 0px 0px 5px 0px;
    vertical-align: top; }
    .form-table .form-control-cell .checkbox {
      padding-top: 0px;
      /* overwrite the bootstrap top padding */ }
  .form-table .form-value-cell {
    /* detail view */
    padding: 5px 0px 0px 0px; }

.mainNavActive {
  color: white !important;
  background-color: #388CB2 !important; }

.mainNavInactive {
  color: #6C6C6C !important; }

.red {
  color: red; }

.green {
  color: lightgreen; }

.red-border {
  border: 2px solid red !important; }

.hoveredButton:hover, .mainNavInactive:hover {
  background-color: #e5e5e5; }

.dark-background {
  background-color: #565656; }

.nav-button-count {
  height: 18px;
  min-width: 18px;
  font-size: 10px;
  margin-left: -20px;
  margin-top: 5px;
  background: #555555;
  color: #fff;
  z-index: 6;
  padding: 0 5px;
  border-radius: 9px;
  text-align: center;
  vertical-align: middle;
  line-height: 20px;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }

.patient-header-count {
  position: absolute;
  right: 5px;
  top: 8px;
  font-size: 10px;
  background: #555555;
  color: #fff;
  z-index: 5;
  padding: 0 5px;
  border-radius: 10px;
  text-align: center;
  height: 20px;
  min-width: 20px;
  vertical-align: middle;
  line-height: 20px;
  -moz-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3); }

.dropdown-menu-container {
  font-size: 1.2em;
  background-color: #EEEEEE;
  text-align: left;
  visibility: hidden;
  position: absolute;
  width: 285px;
  border: 10px solid #565656;
  margin-top: -11px;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); }

.dropdown-menu-choice {
  color: black;
  padding: 10px;
  cursor: pointer; }

.dropdown-menu-choice:hover {
  background-color: #388CB2 !important;
  color: white !important; }

.nav-button.active {
  color: #388CB2 !important; }

/*
.nav-button i {
    font-size: 2em;
}

.nav-button-count {
    font-size: 0.8em;
    padding-left: 2px;
}
*/
/* ===== START OF CLASSES RELATED TO SLIDER CONTROL ===== */
/*
TODO:  Redo this style based on http://css-tricks.com/styling-cross-browser-comsble-range-inputs-css/
*/
.range-label {
  line-height: 2em;
  padding-left: 10px; }

input[type="range"] {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-clip: padding-box;
  vertical-align: top;
  outline: none;
  -webkit-appearance: none;
  border: 1px solid #a5a8a8;
  background: #d3d7d7;
  height: 1em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  border-radius: 30px;
  display: inline-block;
  width: 200px; }
  input[type="range"][disabled] {
    background: #eeeeee;
    border-color: #ccc; }

input[type="range"]::-webkit-slider-thumb {
  height: 2em;
  width: 2em;
  border: 1px solid rgba(0, 0, 0, 0.36);
  border-radius: 50%;
  background-color: #d3d7d7;
  box-shadow: inset 0 1px white;
  cursor: pointer;
  -webkit-appearance: none; }

input[type="range"]::-moz-range-thumb {
  cursor: pointer; }

input[type="range"]::-moz-range-track {
  border: 1px solid #a5a8a8;
  background: #d3d7d7;
  height: 1em;
  border-radius: 30px; }

input[type="range"]::-moz-range-thumb {
  height: 2em;
  width: 2em;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.36);
  background-color: #d3d7d7;
  box-shadow: inset 0 1px white; }

input[type="range"]:active::-webkit-slider-thumb {
  border: 1px solid #0940fd;
  box-shadow: 0 0 0 2px #6fb5f1; }

input[type="range"]:active::-moz-range-thumb {
  border: 1px solid #0940fd;
  box-shadow: 0 0 0 2px #6fb5f1; }

input[type="range"][disabled]::-webkit-slider-thumb {
  background-color: #eeeeee;
  border-color: #ccc;
  box-shadow: none; }

input[type="range"][disabled]::-moz-range-thumb {
  background-color: #eeeeee;
  border-color: #ccc;
  box-shadow: none; }

/*  This identifies if the browser is IE, which requires significantly different styling than the other browsers */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  input[type="range"] {
    border: none;
    background: transparent;
    height: 2em;
    border-radius: 0px;
    margin-top: 0px; }

  input[type="range"]::-ms-thumb {
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, 0.36);
    background-color: #d3d7d7;
    box-shadow: inset 0 1px white;
    cursor: pointer;
    margin: 2px; }

  input[type="range"]:active::-ms-thumb {
    border: 1px solid #0940fd;
    box-shadow: 0 0 0 2px #6fb5f1; }

  input[type="range"][disabled]::-ms-thumb {
    background-color: #eeeeee;
    border-color: #ccc;
    box-shadow: none; }

  input[type="range"]::-ms-track {
    color: transparent;
    border-radius: 6px;
    border: 1px solid #a5a8a8;
    background: transparent;
    margin: 0px 2px; }

  input[type="range"]::-ms-fill-lower,
  input[type="range"]::-ms-fill-upper {
    color: transparent;
    background-color: transparent;
    border-radius: 6px; }

  input[type="range"]::-ms-fill-lower {
    background-color: #d3d7d7; } }
/* ===== END OF CLASSES RELATED TO SLIDER CONTROL ===== */
/* Hide up/down buttons in number inputs for webkit */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.editable-dropdown-popup {
  z-index: 2000;
  max-height: 300px;
  overflow: auto; }

@media (max-height: 699px) {
  .editable-dropdown-popup {
    max-height: 200px; } }
@media (max-height: 450px) {
  .editable-dropdown-popup {
    max-height: 150px; } }
.datetime-picker-table {
  min-width: 430px; }

.datetime-picker-table tbody tr td {
  vertical-align: middle; }

.dropdown-datepicker-container {
  width: 250px; }

.dropdown-timepicker-container {
  width: 150px; }

.date-field, .time-field {
  display: inline-block;
  width: 140px;
  margin: 0; }

.date-field {
  width: 154px; }
  .date-field input {
    visibility: hidden; }
    .date-field input.visible {
      visibility: visible; }

.hw-radio-group,
.hw-checkbox-group {
  display: inline-block;
  border: 1px solid transparent; }
  .hw-radio-group.ng-invalid-required,
  .hw-checkbox-group.ng-invalid-required {
    border-radius: 4px;
    border: 2px solid #a94442; }
    .hw-radio-group.ng-invalid-required.read-only,
    .hw-checkbox-group.ng-invalid-required.read-only {
      border: 1px solid transparent; }
  .hw-radio-group button,
  .hw-checkbox-group button {
    text-align: left; }
    .hw-radio-group button i,
    .hw-checkbox-group button i {
      padding-right: 3px;
      color: #333; }
  .hw-radio-group button[disabled],
  .hw-checkbox-group button[disabled] {
    background-color: #eeeeee;
    border-color: #ccc;
    cursor: not-allowed; }
    .hw-radio-group button[disabled].btn-primary,
    .hw-checkbox-group button[disabled].btn-primary {
      background-color: #555555;
      color: #ffffff; }
      .hw-radio-group button[disabled].btn-primary i,
      .hw-checkbox-group button[disabled].btn-primary i {
        color: #ffffff; }

input[type="text"].ng-invalid-required, input[type="number"].ng-invalid-required, input[type="file"].ng-invalid-required,
.input-group.ng-invalid-required input[type="text"], .input-group.ng-invalid-required input[type="number"],
.input-group.ng-invalid-required .input-group-btn button, select.ng-invalid-required, textarea.ng-invalid-required, table.eform-multiselect.ng-invalid-required {
  border-color: #a94442;
  -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);
  border-width: 2px;
  padding: 5px 11px; }
  input[type="text"].ng-invalid-required:disabled, input[type="number"].ng-invalid-required:disabled, input[type="file"].ng-invalid-required:disabled,
  .input-group.ng-invalid-required input[type="text"]:disabled, .input-group.ng-invalid-required input[type="number"]:disabled,
  .input-group.ng-invalid-required .input-group-btn button:disabled, select.ng-invalid-required:disabled, textarea.ng-invalid-required:disabled, table.eform-multiselect.ng-invalid-required:disabled {
    border: 1px solid #ccc; }

.input-group.ng-invalid-required .input-group-btn button {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442; }

input[type="text"].ng-invalid-required:focus, input[type="number"].ng-invalid-required:focus,
.input-group.ng-invalid-required input[type="text"]:focus, .input-group.ng-invalid-required input[type="number"]:focus,
.input-group.ng-invalid-required input[type="number"]:focus ~ .input-group-btn,
.input-group.ng-invalid-required input[type="text"]:focus ~ .input-group-btn, select.ng-invalid-required:focus, textarea.ng-invalid-required {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483; }

.radio-group,
.checkbox-group {
  display: inline-block;
  border: 1px solid transparent; }

.radio-group.ng-invalid-required,
.checkbox-group.ng-invalid-required {
  border-radius: 4px;
  border: 2px solid #a94442;
  border-bottom-width: 3px; }

.radio-group.ng-invalid-required.read-only,
.checkbox-group.ng-invalid-required.read-only {
  border: none; }

.hide-on-load {
  visibility: hidden; }

span.inline-field {
  margin-right: 10px; }

.modal {
  padding: 30px;
  margin-left: auto;
  margin-right: auto; }
  .modal .modal-dialog {
    margin-top: 0; }

.full-size-dialog {
  height: 100%;
  overflow: hidden; }
  .full-size-dialog .modal-dialog {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: 100%; }
  .full-size-dialog .modal-content {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .full-size-dialog .modal-wrapper {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }
  .full-size-dialog .modal-body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: auto; }

.modal-scrolling-enabled {
  overflow: auto;
  height: auto;
  padding: 30px; }

.search-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.search-result-grid {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.employee-lookup-search .ngViewport {
  overflow-x: hidden !important; }

.search-input-wrapper {
  display: inline-block; }

.name-typeahead {
  display: inline-block;
  width: 200px; }

.hw-select, .hw-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  min-width: 80px;
  max-width: 100%;
  /* selector necessary to override bootstrap properties */ }
  .hw-select .input-group, .hw-dropdown .input-group {
    width: 100%; }
  .hw-select .dropdown-menu, .hw-dropdown .dropdown-menu {
    display: block; }
  .hw-select .input-group div.form-control:not(:first-child):not(:last-child), .hw-dropdown .input-group div.form-control:not(:first-child):not(:last-child) {
    -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.1); }
  .hw-select div.form-control, .hw-dropdown div.form-control {
    width: 100%;
    cursor: pointer;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }
    .hw-select div.form-control.disabled, .hw-dropdown div.form-control.disabled {
      background: #EEEEEE;
      cursor: not-allowed; }
    .hw-select div.form-control.ng-invalid-required, .hw-dropdown div.form-control.ng-invalid-required {
      border: 2px solid #a94442;
      border-bottom-width: 3px;
      padding: 5px 11px; }
      .hw-select div.form-control.ng-invalid-required.disabled, .hw-dropdown div.form-control.ng-invalid-required.disabled {
        border: 1px solid #ccc; }

.hw-dropdown-menu {
  max-height: 250px;
  overflow: auto;
  overflow-x: hidden; }
  .hw-dropdown-menu a {
    cursor: pointer; }

.dropdown-menu > li > a.wrap-text {
  white-space: normal;
  text-indent: -31px;
  padding-left: 47px; }

.ngSortButtonDown, .ngSortButtonUp {
  z-index: 1; }

.ngHeaderText {
  position: relative;
  z-index: 2; }

.validation-error-dialog .modal-dialog .modal-content {
  border: 1px solid black; }
  .validation-error-dialog .modal-dialog .modal-content .validation-errors .validation-error {
    text-align: center;
    padding: 10px; }

.ui-draggable, .ui-sortable {
  -ms-touch-action: none; }

.hw-relative {
  position: relative; }

.hw-stretch-to-fill {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto !important; }

.choice-group-button {
  border: solid 1px #b7b7b7;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -khtml-border-radius: 0.3em;
  border-radius: 0.3em;
  background-color: #fff;
  color: black;
  cursor: pointer;
  font-size: 1em;
  height: 32px;
  margin: 0px;
  outline: none;
  padding-right: .2em;
  padding-left: .2em;
  padding-top: 5px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  width: 100px;
  zoom: 1; }

.xxicon-fixed-width {
  width: 1.28571em;
  text-align: center; }

.choice-group-button.choice-selected {
  background-color: #428BCA !important;
  color: white !important; }

.hw-data-table {
  width: 100%;
  border: 1px solid #ddd; }
  .hw-data-table thead {
    background-color: #eaeaea;
    font-weight: bold; }
  .hw-data-table th {
    border-left: 1px solid #d4d4d4; }
  .hw-data-table th:first-child {
    border-left: 0px; }
  .hw-data-table tbody > tr > td {
    border-left: 1px solid #d4d4d4;
    padding: 5px;
    vertical-align: middle; }
  .hw-data-table tbody > tr {
    height: 40px !important; }
  .hw-data-table thead > tr:first-child.hw-header-title-row {
    border-bottom: 1px solid #d4d4d4;
    text-align: center; }
    .hw-data-table thead > tr:first-child.hw-header-title-row th {
      border-left: 1px solid #d4d4d4;
      vertical-align: middle; }
  .hw-data-table tbody > tr > td:first-child {
    border-left: 0px; }
  .hw-data-table tbody > tr:nth-child(odd) {
    background-color: #f3f3f3; }
  .hw-data-table tbody > tr:nth-child(even) {
    background-color: #fdfdfd; }
  .hw-data-table tbody > tr.selected > td {
    background-color: #dddddd; }
  .hw-data-table .icon-column {
    width: 30px; }
  .hw-data-table .centered {
    text-align: center; }

.medium-icon {
  width: 30px; }

.legend-td {
  text-align: center; }

.sorted-table-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative; }
  .sorted-table-container:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    background: #eee;
    height: 45px !important; }
  .sorted-table-container .th-inner {
    vertical-align: middle;
    background-color: #eee;
    padding-left: 5px;
    top: 2px;
    z-index: 99; }
  .sorted-table-container tbody > tr:first-child td {
    border-top: 0; }

.sort-icon-hack {
  margin-top: -10px; }

.clickable {
  cursor: pointer; }

.hw-d3-chart {
  font-size: 12px; }
  .hw-d3-chart .axis path,
  .hw-d3-chart .axis line {
    fill: none;
    stroke: #ccc;
    stroke-width: 1;
    shape-rendering: crispEdges; }

.hw-line-chart {
  height: 300px; }
  .hw-line-chart__path {
    stroke: #388CB2;
    stroke-width: 2;
    fill: none; }
    .hw-line-chart__path--blue {
      stroke: #388CB2; }
    .hw-line-chart__path--green {
      stroke: #93C070; }
    .hw-line-chart__path--red {
      stroke: #A94442; }
    .hw-line-chart__path--orange {
      stroke: #E88E34; }
    .hw-line-chart__path--yellow {
      stroke: #f0eb8c; }
    .hw-line-chart__path--purple {
      stroke: #664F91; }
  .hw-line-chart__legend-line--blue {
    fill: #388CB2; }
  .hw-line-chart__legend-line--green {
    fill: #93C070; }
  .hw-line-chart__legend-line--red {
    fill: #A94442; }
  .hw-line-chart__legend-line--orange {
    fill: #E88E34; }
  .hw-line-chart__legend-line--yellow {
    fill: #f0eb8c; }
  .hw-line-chart__legend-line--purple {
    fill: #664F91; }
  .hw-line-chart .not-enough-data {
    text-align: center;
    font-size: 22px;
    font-weight: 300;
    color: #ccc; }
    .hw-line-chart .not-enough-data:before, .hw-line-chart .not-enough-data:after {
      content: '';
      display: block;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 0;
      min-width: 0; }

.hw-bar-range-chart rect {
  fill: #388CB2; }
.hw-bar-range-chart .bar-stroke {
  fill: #FFC247; }
.hw-bar-range-chart .bar-stroke-lower {
  fill: #4CFCE5; }
.hw-bar-range-chart .bar-text {
  text-anchor: middle;
  fill: #999; }

.hw-cross-table-container {
  position: relative;
  overflow: hidden; }
  .hw-cross-table-container .fixed-column, .hw-cross-table-container .fixed-header, .hw-cross-table-container .fixed-corner {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden; }
  .hw-cross-table-container .fixed-column {
    display: none;
    width: 181px;
    z-index: 1; }
  .hw-cross-table-container .fixed-header {
    z-index: 2; }
  .hw-cross-table-container .fixed-corner {
    width: 181px;
    z-index: 3; }

.hw-cross-table-viewport {
  width: 100%;
  overflow: auto; }

.hw-cross-table-old {
  table-layout: fixed;
  overflow: auto;
  margin: 0;
  padding-bottom: 20px;
  /* override bootstrap */ }
  .hw-cross-table-old .table {
    margin-bottom: 0;
    border-bottom: 1px solid #ddd; }
  .hw-cross-table-old thead {
    background-color: #EAEAEA; }
  .hw-cross-table-old td.red {
    color: red; }
  .hw-cross-table-old td, .hw-cross-table-old th {
    border-right: 1px solid #ddd;
    width: 100px;
    white-space: nowrap; }
  .hw-cross-table-old tr td:first-child, .hw-cross-table-old tr th:first-child {
    width: 180px; }
  .hw-cross-table-old tr td:first-child, .hw-cross-table-old.table-striped > tbody > tr > td:first-child {
    background-color: #f4f4f4; }
  .hw-cross-table-old tr.selected, .hw-cross-table-old.table-striped > tbody > tr.selected:nth-child(odd) > td,
  .hw-cross-table-old tr.selected td:first-child, .hw-cross-table-old.table-striped > tbody > tr.selected > td:first-child {
    background-color: #ededed; }
  .hw-cross-table-old.colWidthSet {
    width: auto; }
  .hw-cross-table-old.selectEnabled tbody tr:hover {
    cursor: pointer; }
  .hw-cross-table-old.table > tbody > tr > td {
    vertical-align: middle; }

.status-icon {
  visibility: hidden;
  margin-right: 5px; }

.status-icon.warning {
  color: #f37b04;
  visibility: visible; }

.status-icon.error {
  color: #a94442;
  visibility: visible; }

.accordion-container {
  /*
  @include flexbox(column);
  */
  overflow-y: auto;
  margin-right: 5px; }

.accordion-category.expanded {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.accordion-header {
  cursor: pointer;
  padding: 5px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  border: 1px solid #dddddd;
  border-radius: 4px; }
  .accordion-header i {
    margin-top: 4px; }

.accordion-category.expanded .accordion-header {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.accordion-category-title {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0; }

.accordion-item {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 5px; }

.accordion-item-container {
  height: 0px;
  margin: 0px;
  overflow: hidden;
  background-color: #f5f5f5; }

.accordion-item-container .list-group-item:first-child {
  border-radius: 0px;
  border-top: 0px; }

.accordion-category.expanded .accordion-item-container {
  overflow: auto;
  height: inherit;
  /*
  @include flex(1);
  */ }

/*
TODO:  Fix these styles and make sure they work for all field types
*/
.ng-invalid-hw-warning {
  border: 2px solid #f37b04; }

.ng-invalid-hw-error {
  border: 2px solid #a94442; }

input.ng-invalid-hw-error:focus {
  border: 2px solid #a94442;
  -webkit-box-shadow: 0 0 5px 0 #a94442;
  -moz-box-shadow: 0 0 5px 0 #a94442;
  box-shadow: 0 0 5px 0 #a94442; }

.lockscreen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #fff;
  z-index: 9999; }

.lockscreen-window {
  position: relative;
  top: 50px;
  width: 600px;
  margin: 0 auto 0 auto;
  border: 1px solid #eee;
  padding: 20px 40px; }
  .lockscreen-window .logo {
    display: block;
    margin: 0 auto;
    max-width: 60%; }
  .lockscreen-window .timeout-notice {
    text-align: center;
    padding: 10px 0 10px 0; }

.password-expired .lockscreen-window {
  padding-bottom: 64px; }
.password-expired .form-table {
  margin: 0 auto 10px; }
.password-expired button {
  position: absolute;
  right: 142px; }
.password-expired .password-mismatch-message {
  text-align: center; }
.password-expired .errors {
  list-style: none;
  margin-bottom: 15px; }
  .password-expired .errors li {
    text-align: center;
    margin-bottom: 10px; }
    .password-expired .errors li:last-child {
      border: 0;
      margin: 0;
      padding: 0; }

.compact-dialog .modal-dialog {
  width: 200px; }

.settings-dialog .modal-header {
  height: 45px;
  background: #f5f5f5; }
.settings-dialog .modal-title {
  font-weight: 600;
  padding: 4px 0 0 5px; }
.settings-dialog .close-btn {
  position: absolute;
  right: 6px;
  top: 6px; }
.settings-dialog .modal-body {
  padding: 0; }
  .settings-dialog .modal-body ul {
    margin: 0;
    list-style: none; }
  .settings-dialog .modal-body button, .settings-dialog .modal-body .hw-checkbox {
    width: 100%;
    border: 0;
    padding: 10px 20px;
    border-bottom: 1px solid #f5f5f5; }
  .settings-dialog .modal-body .hw-checkbox {
    -webkit-transition: background-color 0.25s ease-out;
    -moz-transition: background-color 0.25s ease-out;
    transition: background-color 0.25s ease-out; }
    .settings-dialog .modal-body .hw-checkbox:hover {
      background: #ebebeb; }

.ngGrid .info {
  display: block;
  text-align: center;
  height: 100%; }

.checklist .hw-checkbox {
  display: block;
  width: 100%;
  text-align: left;
  padding: 7px 0 7px 35px; }
  .checklist .hw-checkbox:focus {
    outline: 0; }
  .checklist .hw-checkbox.even {
    background-color: #f5f5f5; }

.select-a-patient {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  color: #ccc;
  background: #eee; }
  .select-a-patient:before, .select-a-patient:after {
    content: '';
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }

.hw-date {
  width: 150px; }

/*  This is the non-editable control used to display the selected date value in the date directive */
.hw-date-control-display {
  border: 1px solid #cccccc;
  cursor: pointer;
  text-align: left;
  min-height: 34px;
  position: absolute; }

.input-group.ng-invalid-required .hw-date-control-display {
  border: 3px solid #a94442; }

.overflown {
  cursor: pointer; }

.overflow-tooltip {
  z-index: 1102;
  box-sizing: border-box;
  position: absolute;
  padding: 10px 35px 10px 10px;
  background: #fff;
  -webkit-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2); }
  .overflow-tooltip button {
    -webkit-appearance: none;
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    font-size: 18px;
    padding: 0;
    border: 0;
    background-color: #999;
    color: #fff; }
  .overflow-tooltip__show-btn {
    background: none;
    border: 0;
    color: #005A6C;
    margin-right: 5px;
    outline: 0;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold; }

.no-results {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  font-size: 20px;
  font-weight: 300;
  text-align: center;
  color: #ccc; }
  .no-results:before, .no-results:after {
    content: '';
    display: block;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0; }

/* Currently Used by interaction alerts
 Adjustments required for ACH-5551
*/
.no-results-cover {
  width: 60%;
  height: 20%;
  top: 40%;
  left: 25%;
  z-index: 5;
  position: absolute; }

/* this was causing conflict: grid not displaying flex(1)
.tab-content {
  position: relative;
} */
.long-text-edit {
  position: relative;
  cursor: pointer; }
  .long-text-edit .form-control {
    padding-right: 34px;
    width: 100%; }
  .long-text-edit:after {
    content: '\F040';
    position: absolute;
    right: 1px;
    top: 1px;
    display: block;
    width: 32px;
    height: 32px;
    padding-top: 5px;
    background: #eee;
    color: #555;
    font-family: 'FontAwesome';
    font-size: 16px;
    text-align: center; }
  .long-text-edit.ng-invalid-required {
    border: solid 2px #a94442; }
  .long-text-edit:hover:after {
    background: #e1e1e1; }
  .long-text-edit--disabled {
    pointer-events: none; }
    .long-text-edit--disabled:after {
      display: none; }

.long-text-edit-modal {
  width: 600px;
  height: 300px; }

.number-control {
  width: 120px;
  height: 34px; }

.datepicker-dropdown {
  padding: 10px; }
  .datepicker-dropdown thead, .datepicker-dropdown thead tr, .datepicker-dropdown thead th {
    vertical-align: middle; }
  .datepicker-dropdown thead th {
    padding-bottom: 10px; }
  .datepicker-dropdown thead button {
    height: 32px; }
  .datepicker-dropdown li:last-child {
    padding: 10px 0 0 0 !important; }

.datepicker-dropdown[required] button[ng-click="clear()"],
.datepicker-dropdown[no-clear] button[ng-click="clear()"] {
  display: none; }

.timepicker-dropdown {
  padding: 10px; }

.info {
  color: #006899;
  cursor: pointer; }

.info-header {
  width: 25px;
  vertical-align: middle; }

.hw-section {
  border: 1px solid #eaeaea;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.1); }

.sectionTitle,
.section-title {
  background-color: #eaeaea;
  font-weight: 700;
  font-size: 1.15em;
  padding: 5px 5px 5px 10px;
  margin-top: 0;
  margin-right: 5px;
  width: 100%;
  color: #555;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -moz-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.section-body {
  padding: 10px; }

.section-body-compact {
  padding: 2px;
  margin: 2px 5px; }

.param-fields-container {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1 1 auto;
  -moz-box-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-height: 0;
  min-width: 0; }
  .param-fields-container .param-row {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 5px; }
    .param-fields-container .param-row .param-label {
      font-weight: bold;
      width: 190px; }
    .param-fields-container .param-row .param-field {
      -webkit-box-flex: 2 1 60%;
      -moz-box-flex: 2 1 60%;
      -webkit-flex: 2 1 60%;
      -ms-flex: 2 1 60%;
      flex: 2 1 60%;
      min-height: 0;
      min-width: 0;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row; }
      .param-fields-container .param-row .param-field .short-field {
        width: 200px; }
      .param-fields-container .param-row .param-field .param-select {
        width: 400px; }
    .param-fields-container .param-row .hw-radio-group {
      margin-bottom: 5px !important; }

.hw-svg-down-arrow {
  fill: none;
  stroke-width: 1;
  stroke: #000; }

.hw-rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg); }

.hw-animate-transform {
  -webkit-transition: 0.25s transform ease-out;
  -moz-transition: 0.25s transform ease-out;
  transition: 0.25s transform ease-out; }

.hw-hidden {
  display: none; }

.hw-sub-header {
  padding: 5px 10px;
  background-color: #D8E8EF;
  color: #388CB2; }

.selected-anchor {
  color: #388CB2;
  font-weight: bold; }

.overflow-auto {
  overflow: auto; }

.help-link-div {
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 999; }
  .help-link-div.help-link-back-office {
    right: 120px;
    margin-top: 2px; }

.help-link {
  font-size: 1.2em;
  color: #2c6d8b; }

.hw-pill {
  display: inline-block;
  padding: 4px 10px;
  font-size: 14px;
  line-height: 14px;
  border-radius: 11px;
  background: #f5f5f5;
  color: #555; }

.ng-invalid {
  border-width: 2px; }
  .ng-invalid, .ng-invalid:focus {
    border-color: #a94442; }
  .ng-invalid:focus {
    -webkit-box-shadow: 0 0 5px 0 #a94442;
    -moz-box-shadow: 0 0 5px 0 #a94442;
    box-shadow: 0 0 5px 0 #a94442; }

.ui-grid {
  border: 0; }

.ui-grid-top-panel {
  background: #eaeaea; }

.ui-grid-row > .ui-grid-row-selected > .ui-grid-cell {
  background: white; }

.ui-grid-row.ui-grid-row-selected > [ui-grid-row] > .ui-grid-cell {
  background: #D8E8EF; }

.ui-grid-cell {
  border-color: #ddd; }

.ui-grid-invisible {
  display: none; }

.settings-menu {
  position: absolute;
  z-index: 999;
  background: #999;
  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.2); }
  .settings-menu ul {
    list-style: none;
    margin: 0; }
  .settings-menu a, .settings-menu .hw-checkbox {
    display: block;
    width: 100%;
    padding: 10px 20px;
    text-decoration: none;
    color: #fff;
    font: 16px 'Open Sans', helvetica, sans-serif;
    white-space: nowrap; }
    .settings-menu a:hover, .settings-menu .hw-checkbox:hover {
      background: #888; }
  .settings-menu .hw-checkbox {
    text-align: left;
    padding-left: 45px; }
    .settings-menu .hw-checkbox:focus {
      outline: 0; }
  .settings-menu:after {
    content: '';
    display: block;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #999;
    position: absolute;
    left: -10px;
    top: 50%;
    margin-top: -10px; }
  .settings-menu__settings-list {
    padding: 0; }
  .settings-menu__status-menu {
    width: 389px; }
  .settings-menu__web-training-menu {
    width: 240px; }
  .settings-menu__header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #565656;
    height: 50px; }
    .settings-menu__header-status {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: column;
      -ms-flex-direction: column;
      flex-direction: column;
      -webkit-box-flex: 1;
      -moz-box-flex: 1;
      -webkit-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-height: 0;
      min-width: 0;
      justify-content: center;
      padding: 0 10px; }
      .settings-menu__header-status-data {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
        color: #bbb; }
      .settings-menu__header-status-label {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-height: 0;
        min-width: 0; }
      .settings-menu__header-status-datetime {
        color: #ccc;
        font-weight: 600; }
    .settings-menu__header-button, .settings-menu__header-button:focus {
      width: 50px;
      font-size: 24px;
      background: #388CB2;
      color: #D8E8EF;
      border: 0;
      outline: 0; }
      .settings-menu__header-button:hover, .settings-menu__header-button:focus:hover {
        background: #327d9f;
        color: #fff; }
    .settings-menu__header-word-button, .settings-menu__header-word-button:focus {
      font-size: 14px;
      width: 68px;
      margin: 7px 5px 0px 0px;
      padding: 5px;
      background: #388CB2;
      color: #D8E8EF;
      border: 0;
      outline: 0; }
      .settings-menu__header-word-button:hover, .settings-menu__header-word-button:focus:hover {
        background: #327d9f;
        color: #fff; }
  .settings-menu__legend {
    padding: 5px 0; }
    .settings-menu__legend-item {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -webkit-box-align: center;
      -moz-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      height: 32px;
      padding: 5px 5px 5px 10px;
      color: #fff; }
      .settings-menu__legend-item .icon, .settings-menu__legend-item .glyphicon {
        font-size: 18px;
        margin-right: 10px; }
      .settings-menu__legend-item .icon {
        margin-right: 12px; }
      .settings-menu__legend-item .glyphicon {
        width: 21px;
        margin-right: 7px; }
    .settings-menu__legend-btn, .settings-menu__legend-btn:hover, .settings-menu__legend-btn:focus {
      margin-left: auto;
      background: #777;
      color: #B0D1DF;
      border: 0;
      outline: 0; }
    .settings-menu__legend-btn:hover, .settings-menu__legend-btn:hover:focus {
      background: #265e78;
      color: #D8E8EF; }
  .settings-menu__footer {
    padding: 3px 10px;
    background: #888;
    color: #ddd;
    font-size: 12px;
    font-weight: 300;
    text-align: right; }
    .settings-menu__footer strong {
      font-weight: 600; }

.device-status-button, .device-status-button:focus {
  width: 50px;
  height: 50px;
  font-size: 24px;
  padding: 3px 0;
  background: #777;
  border: 0;
  outline: 0; }
.device-status-button--multiple, .device-status-button--multiple:focus {
  font-size: 18px; }
.device-status-button:hover {
  background: #666; }
.device-status-button__status-icon {
  width: 50px;
  text-align: center; }
.device-status-button__status-icon, .device-status-button__status-icon-group {
  margin: auto; }
.device-status-button .icon-pencil, .device-status-button .icon-external-link {
  color: #eee; }
.device-status-button .icon-external-link {
  font-size: 0.9em; }

@keyframes hello-dialog {
  from {
    opacity: 0;
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transform: translate(-50%, 100%); }
  to {
    opacity: 1;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); } }
.sync-dialog {
  font: 300 18px "Open Sans", helvetica, sans-serif;
  text-align: center;
  z-index: 400;
  -webkit-transition: opacity 0.6s ease-out;
  -moz-transition: opacity 0.6s ease-out;
  transition: opacity 0.6s ease-out; }
  .sync-dialog.fade-out {
    opacity: 0; }
  .sync-dialog.sync-complete .sync-dialog__percentage {
    color: #93C070; }
  .sync-dialog.sync-complete .sync-dialog__progress-bar {
    background: #93C070; }
  .sync-dialog__background {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.5); }
  .sync-dialog__window {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 500px;
    background: #565656;
    -webkit-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.3);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    animation: hello-dialog .6s ease-in-out; }
    .sync-dialog__window.goodbye-dialog {
      opacity: 0;
      -webkit-transform: translate(-50%, -150%);
      -moz-transform: translate(-50%, -150%);
      -ms-transform: translate(-50%, -150%);
      -o-transform: translate(-50%, -150%);
      transform: translate(-50%, -150%); }
  .sync-dialog__header {
    color: #ddd;
    padding: 15px 0; }
  .sync-dialog__progress-bar-container {
    background: #444;
    height: 5px; }
  .sync-dialog__progress-bar {
    height: 5px;
    background: #388CB2;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
    .sync-dialog__progress-bar--error {
      background: #a94442; }
  .sync-dialog__percentage {
    color: #409ac3;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out; }
  .sync-dialog__progress {
    padding: 12px 0 18px 0; }
  .sync-dialog__message {
    font-size: 12px;
    color: #aaa; }
    .sync-dialog__message--error {
      font-size: 14px;
      color: #ebcdcc; }
  .sync-dialog__close-btn {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 40px;
    height: 40px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    color: #bbb;
    cursor: pointer; }
    .sync-dialog__close-btn span {
      display: inline-block;
      padding: 0 15px 0 5px;
      font-size: 14px; }

.hw-cross-table {
  overflow: hidden;
  height: auto !important;
  /*.ui-grid-pinned-container {
        .ui-grid-cell {
          background: #f5f5f5;
          border-bottom: 1px solid #e5e5e5;
      }
  }*/ }
  .hw-cross-table .ui-grid-cell-contents {
    white-space: normal; }

.hw-cross-table-full-size {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  /*https://github.com/angular-ui/ui-grid/issues/5324 */ }
  .hw-cross-table-full-size .ui-grid, .hw-cross-table-full-size .ui-grid-contents-wrapper, .hw-cross-table-full-size .ui-grid-render-container-body,
  .hw-cross-table-full-size .ui-grid-pinned-container {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column; }

.card-grid {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .card-grid__card {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1 0 auto;
    -moz-box-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    min-height: 0;
    min-width: 0;
    -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    flex-basis: 280px;
    background: #fff;
    margin: 5px;
    border: 1px solid #f5f5f5; }
    .card-grid__card--selectable {
      cursor: pointer; }
    .card-grid__card--plus {
      -webkit-box-align: center;
      -moz-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center;
      justify-content: center;
      font-size: 42px;
      font-weight: 300; }
      .card-grid__card--plus, .card-grid__card--plus:focus, .card-grid__card--plus:hover {
        background: #f5f5f5;
        border: 0;
        color: #388CB2;
        outline: 0; }
      .card-grid__card--plus:hover, .card-grid__card--plus:focus:hover {
        border-color: #EDF5F9;
        background-color: #EDF5F9; }
    .card-grid__card--no-shadow {
      -webkit-box-shadow: none;
      -moz-box-shadow: none;
      box-shadow: none;
      border-color: #eee; }
    .card-grid__card.selected {
      -webkit-box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
      box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2); }
  .card-grid__card-header {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    background: #f5f5f5;
    padding: 10px; }
    .card-grid__card-header--less-padding {
      padding: 5px; }
    .card-grid__card-header.selected {
      background: #388CB2;
      color: white; }
  .card-grid__card-title {
    font-weight: 600; }
    .card-grid__card-title--right {
      margin-left: auto; }
  .card-grid__card-body {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    padding: 10px; }
  .card-grid__card-content-box {
    margin-bottom: 5px; }
    .card-grid__card-content-box:last-child {
      margin-bottom: 0; }
    .card-grid__card-content-box--grid {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-direction: row;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      .card-grid__card-content-box--grid > * {
        -webkit-box-flex: 1 0 auto;
        -moz-box-flex: 1 0 auto;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        min-height: 0;
        min-width: 0; }
    .card-grid__card-content-box--bottom {
      margin-top: auto; }

.hw-entity-list, .hw-entity-list * {
  box-sizing: border-box; }
.hw-entity-list__menu {
  padding: 7px 10px;
  background: linear-gradient(180deg, #fff 60%, #fafafa 100%);
  margin-bottom: 7px; }
.hw-entity-list__menu-input-group--right {
  margin-left: auto; }
.hw-entity-list__menu-checkbox {
  margin-left: 15px; }
.hw-entity-list__menu-button {
  margin-right: 5px; }
.hw-entity-list__header {
  height: 30px;
  padding: 10px 15px;
  margin-bottom: 10px;
  background: #f5f5f5;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
  .hw-entity-list__header--factor-scroll {
    padding-right: 32px; }
.hw-entity-list__header-label {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 600;
  color: #777; }
.hw-entity-list__group {
  margin-bottom: 20px; }
  .hw-entity-list__group .hw-entity-list__group {
    margin-bottom: 0; }
  .hw-entity-list__group--nested {
    padding: 10px;
    margin: 0;
    background: #eee; }
    .hw-entity-list__group--nested .hw-entity-list__item {
      padding: 10px 5px; }
.hw-entity-list__group-header {
  padding-left: 15px;
  margin: 0 0 7px 0;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  color: #388CB2;
  vertical-align: middle; }
  .hw-entity-list__group-header--nested {
    padding-left: 10px;
    font-size: 14px;
    line-height: 16px;
    color: #2c6d8b; }
.hw-entity-list__group-header-count {
  position: relative;
  top: -2px;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  padding: 0 5px;
  letter-spacing: -1px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -o-border-radius: 50%;
  -ms-border-radius: 50%;
  -khtml-border-radius: 50%;
  border-radius: 50%;
  background: #eee;
  font-weight: 500;
  font-size: 14px;
  line-height: 24px;
  text-align: center;
  vertical-align: middle;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
.hw-entity-list__list-container {
  background: #fff;
  border: 1px solid #eee;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
.hw-entity-list__list {
  margin: 0; }
.hw-entity-list__item {
  border-bottom: 1px solid #eee;
  padding: 10px 15px; }
  .hw-entity-list__item:last-child {
    border: 0; }
  .hw-entity-list__item--dced {
    opacity: 0.7;
    text-decoration: line-through; }
  .hw-entity-list__item:focus, .hw-entity-list__item:hover {
    background: #f5f5f5;
    color: #388CB2;
    outline: 0; }
.hw-entity-list__item-value-content {
  position: relative; }
.hw-entity-list__viewbox {
  overflow: auto; }
.hw-entity-list__comment {
  color: #888;
  text-indent: 10px;
  font-weight: 300; }

.svg-checkbox {
  height: 34px;
  padding: 10px;
  cursor: pointer; }
  .svg-checkbox__svg {
    width: 24px;
    height: 24px; }
  .svg-checkbox__box {
    fill: #ddd; }
  .svg-checkbox__check {
    fill: #388CB2; }
  .svg-checkbox__label {
    margin-left: 2px;
    position: relative;
    top: 2px; }

.hw-card-list {
  border-right: 1px solid #e9e9e9; }
  .hw-card-list__header {
    background: #fafafa;
    border-bottom: 1px solid #eee; }
  .hw-card-list__header-title-row {
    padding: 7px; }
  .hw-card-list__refresh {
    width: 34px;
    height: 34px;
    cursor: pointer;
    padding: 0;
    margin-left: 5px; }
  .hw-card-list__header-title {
    margin-right: 5px;
    font-size: 15px;
    font-weight: 700;
    color: #777; }
  .hw-card-list__filter {
    position: relative;
    margin-left: auto; }
  .hw-card-list__filter-menu {
    margin-left: auto; }
  .hw-card-list__filter-selected {
    white-space: nowrap;
    padding: 0 10px;
    text-align: right; }
  .hw-card-list__filter-selected-search {
    overflow: hidden;
    text-overflow: ellipsis; }
  .hw-card-list__filter-selected-label {
    margin-left: auto; }
  .hw-card-list__filter-button {
    width: 34px;
    height: 34px;
    padding: 0;
    position: relative;
    z-index: 3; }
    .hw-card-list__filter-button:focus {
      outline: 0;
      background: #fff; }
  .hw-card-list__filter-search {
    margin-bottom: 10px; }
  .hw-card-list__filter-dropdown {
    width: 100%;
    padding: 7px; }
  .hw-card-list__filter-item {
    padding: 5px 10px;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5; }
    .hw-card-list__filter-item:last-child {
      border-bottom: 0; }
    .hw-card-list__filter-item:hover {
      background: #fafafa; }
    .hw-card-list__filter-item--selected, .hw-card-list__filter-item--selected:hover {
      background: #EDF5F9;
      color: #388CB2; }
  .hw-card-list__filter-special {
    background: #664F91;
    color: #fff;
    padding: 5px;
    line-height: 24px; }
  .hw-card-list__filter-special-clear-btn {
    font-size: 24px;
    font-weight: 300; }
    .hw-card-list__filter-special-clear-btn, .hw-card-list__filter-special-clear-btn:focus, .hw-card-list__filter-special-clear-btn:hover, .hw-card-list__filter-special-clear-btn:active {
      color: #fff;
      border: 0;
      background: transparent; }
  .hw-card-list__filter-pill {
    background: #d2cae2;
    color: #664F91;
    font-weight: 600; }
  .hw-card-list__card-container {
    padding: 7px;
    overflow: auto; }
    .hw-card-list__card-container, .hw-card-list__card-container.loading {
      background: #f5f5f5; }

.hw-card {
  -webkit-transition: all 0.25s ease-out;
  -moz-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
  -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
  margin-bottom: 15px;
  background: #fff;
  cursor: pointer; }
  .hw-card--selected {
    -webkit-box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 7px -1px rgba(0, 0, 0, 0.2);
    -webkit-transform: translate(0, -2px);
    -moz-transform: translate(0, -2px);
    -ms-transform: translate(0, -2px);
    -o-transform: translate(0, -2px);
    transform: translate(0, -2px); }
    .hw-card--selected .hw-card__header {
      background: #388CB2;
      color: #fff; }
    .hw-card--selected .hw-card__header-icon {
      color: #fff; }
  .hw-card__header {
    padding: 10px;
    background: #D8E8EF; }
    .hw-card__header--warning {
      border-left: 5px solid #f37b04; }
    .hw-card__header--error {
      border-left: 5px solid #a94442; }
  .hw-card__header-icon {
    font-size: 16px;
    margin-right: 5px; }
    .hw-card__header-icon--warning {
      color: #f37b04; }
  .hw-card__header-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-right: 10px; }
  .hw-card__header-subtitle {
    margin-left: auto; }
  .hw-card__header-icon {
    color: #388CB2; }
  .hw-card__body {
    padding: 10px; }
  .hw-card__row {
    margin-bottom: 10px; }
    .hw-card__row:last-child {
      margin-bottom: 0; }
  .hw-card__data {
    line-height: 14px; }
    .hw-card__data--normal {
      padding-left: 10px; }
    .hw-card__data--warning {
      border-left: 5px solid #f37b04;
      padding-left: 5px; }
    .hw-card__data--error {
      border-left: 5px solid #a94442;
      padding-left: 5px; }
    .hw-card__data--right {
      margin-left: auto; }
    .hw-card__data--label {
      font-weight: 600; }
  .hw-card__btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    border: 0;
    background: #fafafa;
    border-top: 1px solid #f5f5f5;
    min-height: 34px;
    color: #388CB2;
    font-weight: 600; }
    .hw-card__btn:hover {
      background: #f5f5f5;
      border-color: #eee;
      color: #388CB2; }
    .hw-card__btn--primary {
      background: #f1f7f9;
      border-color: #dfecf2; }
      .hw-card__btn--primary:hover {
        background: #eaf3f6;
        border-color: #D8E8EF; }
  .hw-card__btn-icon {
    margin-left: auto;
    font-size: 16px; }

.hw-overview {
  overflow: auto; }
  .hw-overview__title {
    margin: 0 0 20px 0;
    font-size: 22px;
    font-weight: 600;
    color: #388CB2; }
  .hw-overview__body {
    padding: 10px; }

.hw-overview-section {
  margin-bottom: 30px;
  width: 100%; }
  .hw-overview-section__title {
    font-size: 16px;
    font-weight: 600;
    color: #388CB2;
    margin: 0 0 10px 0; }
  .hw-overview-section__body {
    -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
    padding: 15px;
    border: 1px solid #eee; }
  .hw-overview-section--half {
    -webkit-box-flex: 1 1 auto;
    -moz-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
    min-width: 0;
    max-width: 49%; }

.hw-info-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 3px 3px -1px rgba(0, 0, 0, 0.2);
  border: 1px solid #eee;
  margin-bottom: 10px;
  padding: 10px;
  font-weight: 300; }
  .hw-info-box--primary {
    border-color: #B0D1DF;
    border-left: 5px solid #388CB2;
    background: #EDF5F9; }
  .hw-info-box--error {
    border-left: 5px solid #a94442; }
  .hw-info-box--warning {
    border-left: 5px solid #f37b04; }
  .hw-info-box--no-padding {
    padding: 0; }
  .hw-info-box__close-btn, .hw-info-box__close-btn:hover, .hw-info-box__close-btn:focus, .hw-info-box__close-btn:active {
    padding: 0 7px;
    font-size: 24px;
    line-height: 24px;
    font-weight: 300;
    color: #999;
    margin-left: auto;
    border: 0;
    background: none;
    outline: 0; }
  .hw-info-box__grid {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-height: 0;
    min-width: 0;
    flex-wrap: wrap;
    margin: 10px 10px 0 10px; }
  .hw-info-box__grid-item {
    float: left;
    margin-right: 40px;
    margin-bottom: 10px; }
  .hw-info-box__label-value {
    display: table-row; }
  .hw-info-box__label-value-label {
    display: table-cell;
    font-weight: 600; }
    .hw-info-box__label-value-label--primary {
      color: #388CB2; }
  .hw-info-box__label-value-value {
    display: table-cell;
    padding-left: 10px; }

.hw-badge {
  display: inline-block;
  min-width: 20px;
  padding: 0 5px;
  height: 20px;
  border-radius: 10px;
  line-height: 20px;
  vertical-align: middle;
  text-align: center;
  font-size: 12px;
  font-weight: 300;
  background: #777;
  color: #fff;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2); }

.hw-dot-chart td {
  padding: 7px; }
.hw-dot-chart__axis-label {
  position: relative; }
  .hw-dot-chart__axis-label--y {
    width: 40px; }
.hw-dot-chart__axis-label-text {
  font-size: 12px; }
  .hw-dot-chart__axis-label-text--y {
    position: relative;
    left: -20px;
    float: left;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg); }
.hw-dot-chart__table {
  width: 100%;
  table-layout: fixed; }
.hw-dot-chart__data {
  text-align: center;
  vertical-align: middle; }
.hw-dot-chart__row--odd {
  background: #f5f5f5; }
.hw-dot-chart__ydata-label {
  width: 260px;
  border-right: 1px solid #ddd;
  font-weight: 600; }
.hw-dot-chart__xdata-label {
  border-top: 1px solid #ddd;
  text-align: center;
  font-weight: 600; }
.hw-dot-chart__dot {
  box-sizing: border-box;
  display: inline-block;
  min-width: 24px;
  height: 24px;
  padding: 6px;
  border-radius: 12px;
  font-size: 11px;
  line-height: 12px;
  vertical-align: middle;
  color: #fff;
  text-align: center; }
  .hw-dot-chart__dot--green {
    background: #93C070; }
  .hw-dot-chart__dot--red {
    background: #A94442; }
  .hw-dot-chart__dot--orange {
    background: #E88E34; }
  .hw-dot-chart__dot--filter {
    -webkit-box-shadow: 0 0 0 2px #664F91;
    -moz-box-shadow: 0 0 0 2px #664F91;
    box-shadow: 0 0 0 2px #664F91; }
.hw-dot-chart__legend-item {
  margin-right: 20px; }
.hw-dot-chart__legend-label {
  margin-left: 5px; }
  .hw-dot-chart__legend-label--red {
    color: #A94442; }
  .hw-dot-chart__legend-label--green {
    color: #93C070; }
  .hw-dot-chart__legend-label--orange {
    color: #E88E34; }

.hw-detail-header {
  background: #388CB2;
  height: 50px; }
  .hw-detail-header__back-btn {
    width: 50px;
    height: 50px;
    border: 0;
    fill: #fff; }
    .hw-detail-header__back-btn, .hw-detail-header__back-btn:hover {
      background: rgba(0, 0, 0, 0.1); }
  .hw-detail-header__info-item {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px 15px;
    height: 50px;
    color: #fff;
    font-weight: 300; }
    .hw-detail-header__info-item--main {
      font-size: 16px;
      font-weight: 600; }
    .hw-detail-header__info-item--btn {
      cursor: pointer; }
    .hw-detail-header__info-item--btn-active {
      background: #3686aa; }
  .hw-detail-header__info-icon {
    font-size: 18px;
    margin-right: 5px;
    color: #B0D1DF; }
  .hw-detail-header__dropdown-container {
    position: relative; }
  .hw-detail-header__dropdown {
    position: absolute;
    width: 240px;
    top: 100%;
    background: #EDF5F9;
    -webkit-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 3px 5px -1px rgba(0, 0, 0, 0.2); }
  .hw-detail-header__dropdown-btn {
    padding: 10px 15px;
    color: #388CB2;
    cursor: pointer;
    border-bottom: 1px solid #D8E8EF; }
    .hw-detail-header__dropdown-btn:last-child {
      border-bottom: 0; }
  .hw-detail-header__info-item-btn-svg-icon {
    stroke: #fff;
    margin-left: 5px; }

.hw-detail-subheader {
  padding: 5px 10px 5px 10px;
  background: #EDF5F9; }
  .hw-detail-subheader__item {
    margin-right: 20px; }
  .hw-detail-subheader__label-value {
    display: table-row; }
  .hw-detail-subheader__label-value-label {
    display: table-cell;
    font-weight: 600; }
    .hw-detail-subheader__label-value-label--primary {
      color: #388CB2; }
  .hw-detail-subheader__label-value-value {
    display: table-cell;
    padding-left: 10px; }

.flex-table {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column; }

.flex-table-block .flex-table-head {
  padding: 0; }
.flex-table-block .flex-table-body {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0; }

.flex-table-head {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  background-color: #eaeaea; }

.flex-table-body {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  overflow: auto; }

.flex-table-row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row; }

.flex-table-cell {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -moz-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  min-height: 0;
  min-width: 0;
  position: relative;
  border-right: 1px solid #ddd;
  padding: 5px;
  min-height: 30px; }
  .flex-table-cell:last-child {
    border-right: 0; }
  .flex-table-cell .icon-level-down {
    margin: 0 5px 0 15px; }
  .flex-table-cell.no-flex {
    -webkit-box-flex: 0 0 auto;
    -moz-box-flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    min-height: 0;
    min-width: 0; }

.flex-table-head-cell {
  font-weight: 700; }
  .flex-table-head-cell button {
    margin: 0 10px; }

.flex-table-legend-cell {
  -webkit-box-flex: 0 0 auto;
  -moz-box-flex: 0 0 auto;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-height: 0;
  min-width: 0;
  width: 30px;
  text-align: center; }
  .flex-table-legend-cell .icon-pencil {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.flex-table-indent-cell:before {
  content: '\F148';
  font-family: FontAwesome;
  display: block;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
  margin: 0 5px 0 10px; }

.flex-table-even-row {
  background: #f7f7f7; }

.flex-table-selected-row {
  background: #D8E8EF !important; }

.flex-table-sort-caret {
  padding: 0 5px; }

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