.health-report-main {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 20px;
}
.health-report-main .main-title {
  height: 46px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.health-report-main ul.nav {
  margin-top: 6px;
}
.health-report-main .tab-content {
  flex: 1;
  overflow: auto;
  border: 1px solid #c8c8c8;
  border-top: none;
}
.health-report-main .tab-content > div {
  height: 100%;
  width: 100%;
}

.domain-health-report {
  width: 100%;
  height: 100%;
  padding: 12px 20px;
}
.domain-health-report .light-text {
  color: #a4a4a4;
  font-size: 13px;
  margin: 0 6px;
}
.domain-health-report .attention-label {
  font-weight: 900;
  color: #e45a49;
  text-align: center;
  width: 100%;
}
.domain-health-report .need-attention {
  color: #e45a49;
}
.domain-health-report a:hover {
  cursor: pointer;
}
.domain-health-report .domain-health-report-summary {
  height: 100px;
}
.domain-health-report .domain-health-report-summary > div:first-child {
  margin-bottom: 12px;
  padding-bottom: 15px;
  border-bottom: 1px solid #C8C8C8;
}
.domain-health-report .domain-health-report-summary > div:first-child .btn-link {
  margin-left: 40px;
}
.domain-health-report .domain-health-report-summary > div:first-child .btn-create-report {
  background-color: #7ED321;
  border: 1px solid #417505;
  color: #FFFFFF;
}
.domain-health-report .domain-health-report-summary > div:first-child img {
  margin: 0 10px;
}
.domain-health-report .domain-health-report-summary > div:last-child i {
  margin-right: 6px;
}
.domain-health-report .domain-health-report-summary > div:last-child label {
  margin-right: 30px;
}
.domain-health-report .domain-health-report-details {
  height: calc(100% - 100px);
  margin-top: 12px;
  overflow: auto;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper {
  margin: 0 15px 20px 0;
  width: 1750px !important;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-summary > label {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 3px;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-summary .path-summary-row {
  margin-left: -6px;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper a {
  margin: 6px 0;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-grid {
  margin-bottom: 12px;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-grid .ui-grid,
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-grid .ui-grid-viewport {
  height: auto !important;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-grid .ui-grid .ui-grid-canvas,
.domain-health-report .domain-health-report-details .individual-report-wrapper .individual-report-grid .ui-grid-viewport .ui-grid-canvas {
  overflow: hidden;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .driver-report-grid {
  margin-bottom: 12px;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .driver-report-grid .ui-grid {
  height: auto !important;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .driver-report-grid .ui-grid .ui-grid-viewport {
  height: 100% !important;
  max-height: 300px;
}
.domain-health-report .domain-health-report-details .individual-report-wrapper .driver-report-grid .ui-grid .ui-grid-viewport .ui-grid-canvas {
  overflow: hidden;
}
.domain-health-report .domain-health-report-details .shorter-grid-wrapper {
  width: 1200px !important;
}
.domain-health-report .domain-health-report-details .shortest-grid-wrapper {
  width: 640px !important;
}

.btn-create-report {
  background-color: #7ED321;
  border: 1px solid #417505;
  color: #FFFFFF;
}
.red-text {
  color: #DF0005;
}
.green-text {
  color: #016E08;
}
.device-health-report {
  width: 100%;
  height: 100%;
  padding: 10px 20px 20px;
  overflow: auto;
}
.device-health-report .health-report-top {
  border-bottom: 1px solid #C8C8C8;
  padding-bottom: 15px;
}
.device-health-report .health-report-middle {
  border-bottom: 1px solid #C8C8C8;
  padding: 15px 15px 0 0;
  clear: both;
}
.device-health-report .health-report-middle .report-device-scope span {
  margin-right: 8px;
}
.device-health-report .health-report-middle .report-device-scope .dropdown .btn.dropdown-toggle {
  width: 250px;
  border-left: 1px solid #C8C8C8;
}
.device-health-report .health-report-middle .report-device-scope .dropdown .btn.dropdown-toggle .selected-device-scope-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
  padding-right: 15px;
}
.device-health-report .health-report-middle .report-device-scope .dropdown .btn.dropdown-toggle .icon_nb_arrow_down {
  margin-top: -10px;
}
.device-health-report .health-report-middle .report-device-scope .device-scope-tree-menu {
  width: 300px;
  height: 500px;
}
.device-health-report .health-report-middle .report-filters {
  display: flex;
  align-items: center;
}
.device-health-report .health-report-middle .report-filters span {
  margin-top: -2px;
}
.device-health-report .health-report-middle .report-filters input[type=checkbox] {
  margin-top: 0;
  margin-right: 4px;
  margin-left: 15px;
}
.device-health-report .health-report-middle .report-filters nb-date-picker-popup {
  margin-left: 6px;
}
.device-health-report .health-report-middle .report-filters nb-date-picker-popup .nb-date-picker-wrap > input.form-control {
  margin-right: 6px !important;
}
.device-health-report .health-report-middle .report-filters label.attention {
  color: #DF0005;
}
.device-health-report .health-report-grid-summary {
  margin: 15px 0;
}
.device-health-report .health-report-grid-summary a {
  margin: 0 30px;
}
.device-health-report .health-report-grid-summary a .icon_nb_export {
  margin-right: 6px;
}
.device-health-report .health-report-grid-summary a:hover {
  cursor: pointer;
}
.device-health-report .health-report-grid-summary .nb-filter-bar input {
  width: 350px !important;
}
.device-health-report .health-report-grid {
  height: calc(100% - 200px);
}
.device-health-report .health-report-grid .ui-grid {
  height: 100% !important;
}
.device-health-report .health-report-grid .ui-grid .ui-grid-menu .ui-grid-menu-mid {
  max-height: 500px;
}
.device-health-report .health-report-grid .ui-grid .ui-grid-menu .nb-grid-mune-checkbox,
.device-health-report .health-report-grid .ui-grid .ui-grid-menu .nb-grid-mune-uncheckbox {
  margin-left: 10px;
}
.device-health-report .health-report-grid .no-health-report-data {
  border: 1px solid #C8C8C8;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.device-details-report-modal {
  height: 100%;
}
.device-details-report-modal .modal-body {
  min-width: 1020px;
  height: 730px;
  padding-bottom: 0 !important;
}
.device-details-report-modal .modal-body span.attention {
  color: #DF0005;
}
.device-details-report-modal .modal-body .report-summary {
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #C8C8C8;
}
.device-details-report-modal .modal-body .report-summary .dropdown .btn.dropdown-toggle {
  border: none !important;
}
.device-details-report-modal .modal-body .report-summary .summary-attention {
  display: flex;
  justify-content: space-between;
  margin-top: 5px;
  margin-bottom: 5px;
  clear: both;
}
.device-details-report-modal .modal-body .report-details-grid-area {
  height: calc(100% - 140px);
  margin-top: 12px;
  overflow: auto;
}
.device-details-report-modal .modal-body .report-details-grid-area .individual-grid {
  width: calc(100% - 15px);
  margin-bottom: 15px;
}
.device-details-report-modal .modal-body .report-details-grid-area .individual-grid .ui-grid {
  height: auto !important;
}
.device-details-report-modal .modal-body .report-details-grid-area .individual-grid .ui-grid .ui-grid-viewport {
  height: 100% !important;
}
.device-details-report-modal .modal-body .report-details-grid-area .attention-label {
  font-weight: 900;
  color: #DF0005;
  text-align: center;
  width: 100%;
}
.device-tune-log-modal,
.device-benchmark-log-modal {
  height: 100%;
}
.device-tune-log-modal .modal-body,
.device-benchmark-log-modal .modal-body {
  min-width: 500px;
  height: 640px;
}
.device-tune-log-modal .modal-body textarea,
.device-benchmark-log-modal .modal-body textarea {
  width: 100% !important;
  height: 100% !important;
  padding: 5px;
  display: inline-block;
  white-space: nowrap;
  overflow: auto;
}
.device-tune-log-modal .modal-body .show-log-as-list,
.device-benchmark-log-modal .modal-body .show-log-as-list {
  border: 1px solid #C8C8C8;
  width: 100% !important;
  height: 100% !important;
  padding: 5px;
  display: inline-block;
  white-space: nowrap;
  overflow: auto;
}