report-object-fields-tree [nb-treeview] {
  height: unset !important;
}
report-object-fields-tree [nb-treeview] .infinite-tree-content {
  display: unset;
}
report-object-fields-tree [nb-treeview] .infinite-tree-content .infinite-tree-item .infinite-tree-icon div {
  width: 16px !important;
  height: 16px !important;
  background-size: 16px 16px !important;
}

.report-manager {
  width: 100%;
  height: 100%;
}
.report-manager > div {
  width: 100%;
  height: 100%;
}
.report-manager button,
.report-manager a {
  cursor: pointer;
}
.report-manager *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.report-manager *::-webkit-scrollbar-track {
  
}
.report-manager *::-webkit-scrollbar-corner {
  background-color: transparent;
}
.report-manager *::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border: 3px solid transparent;
  border-radius: 8px;
  background-clip: content-box;
}
.report-manager *::-webkit-scrollbar-thumb:hover {
  background: #848484;
  border: 2px solid transparent;
  border-radius: 8px;
  background-clip: content-box;
}
.report-mgr-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 12px;
}
.report-mgr-container-editor {
  padding: 0;
}
.report-mgr-header {
  display: flex;
  flex: 0 0 40px;
  justify-content: space-between;
  align-items: center;
}
.report-mgr-header .function-info {
  display: flex;
  align-items: center;
}
.report-mgr-header .help i {
  margin-top: -1px;
}
.report-mgr-edit-header {
  background: #ecf4fb;
  padding: 0 12px;
  gap: 30px;
}
.report-mgr-edit-header .report-mgr-view-title {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 400px;
}
.dashboard-identify-icon {
  display: flex;
  align-items: center;
}
.report-mgr-view-title {
  margin-left: 5px;
  font-size: 13px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.report-mgr-header-report-name {
  display: flex;
  align-items: center;
  min-width: 0;
}
.report-mgr-header-report-name i {
  flex-shrink: 0;
}
.report-mgr-header-report-name .report-mgr-header-name {
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.report-mgr-header-report-description {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.report-mgr-header-group-button {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 24px;
  flex-shrink: 0;
}
.report-mgr-header-group-button .refresh-message {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #546773;
}
.report-mgr-header-group-button .alert-notification-icons {
  height: 16px;
}
.report-mgr-header-group-button .alert-notification-tooltip .tooltip-inner {
  max-width: 300px;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
}
.report-mgr-header-group-button .alert-notification-tooltip.bottom {
  padding: 5px 0;
}
.report-mgr-header-group-button .alert-notification-tooltip .tooltip-arrow {
  border-bottom-color: #ffffff;
}
.report-mgr-header-group-button .btn {
  display: flex;
  align-items: center;
  margin-left: unset;
}
.report-mgr-header-group-button .btn-link {
  color: #015290;
  padding: 0;
  border: none;
}
.report-mgr-header-group-button .btn-blue {
  border: 1px solid #afc4e0;
  background: unset;
  background-color: #dcebff;
}
.report-mgr-header-group-button .btn-blue:hover {
  border: 1px solid #c5dbfb;
  background: unset;
  background-color: #c5dbfb;
}
.report-mgr-header-group-button .add-report-filter-link {
  cursor: pointer;
}
.report-mgr-header-group-button .add-report-filter-link[disabled] {
  cursor: not-allowed;
}
.report-mgr-header-group-button .auto-update-switch {
  display: flex;
  align-items: center;
}
.report-mgr-header-group-button .auto-update-switch .switch-animate input[type="checkbox"] {
  display: none;
}
.report-mgr-header-group-button .auto-update-switch .switch-animate .switch-label {
  padding-left: 35px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -4px;
}
.report-mgr-header-group-button .auto-update-switch .btn-auto-update {
  display: inline-block;
}
.report-mgr-header-group-button .auto-update-switch .btn-auto-update[disabled] {
  cursor: default;
  color: #015290;
  opacity: unset;
}
.report-mgr-content {
  display: flex;
  height: 0;
  flex-grow: 1;
  border: 1px solid #c8c8c8;
  border-bottom: 0;
}
.report-mgr-content-view {
  margin-bottom: 12px;
  border-bottom: 1px solid #c8c8c8;
}
.report-mgr-content-editor {
  padding: 0 12px;
}
.report-mgr-left {
  flex: 0 0 370px;
  position: relative;
  border-right: 1px solid #c8c8c8;
}
.report-mgr-left report-object-fields-tree-container {
  height: 100%;
}
.report-mgr-left .escape-btn {
  position: absolute;
  top: 0;
  right: 2px;
}
.report-mgr-left.left-pane-hide {
  flex: 0 0 20px;
}
.report-mgr-left.left-pane-hide report-object-fields-tree-container {
  display: none;
}
.report-mgr-hide-left {
  width: 20px;
  position: relative;
  border-right: 1px solid #c8c8c8;
}
.report-mgr-main {
  flex: 1;
  position: relative;
  width: 0;
}
.report-mgr-main .expend-btn {
  position: absolute;
  left: 0;
  top: 0;
}
.report-mgr-main .custom-dropdown-menu {
  width: 300px;
}
.report-mgr-view-unselected {
  font-size: 20px;
  color: #000000;
  flex: 1;
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  flex-direction: column;
  margin-top: 300px;
  z-index: 1050;
}
.report-mgr-view-unselected-title {
  font-weight: 600;
  font-size: 16px;
}
.report-mgr-view-unselected-info {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.report-mgr-view-main {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.report-mgr-view-summary {
  display: flex;
  flex-direction: row;
  height: 48px;
  border-bottom: 1px solid #c8c8c8;
  background-color: #f4f5f6;
  align-items: center;
  padding: 0 15px;
  gap: 20px;
}
.report-mgr-view-summary .report-mgr-view-summary-left {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 0;
  flex-grow: 1;
}
.report-mgr-view-summary .report-mgr-view-summary-left .report-mgr-view-summary-report-name {
  font-weight: 600;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-mgr-view-summary .report-mgr-view-summary-left .icon_nb_info {
  flex-shrink: 0;
}
.report-mgr-view-summary .report-mgr-view-summary-right {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 24px;
  flex-shrink: 0;
}
.report-mgr-view-summary .report-mgr-view-summary-right .stopping-running-btn {
  color: red;
}
.report-mgr-view-summary .report-mgr-view-summary-right .edit-btn {
  margin-left: 0 !important;
}
.report-mgr-view-summary .report-mgr-view-summary-right .more {
  display: flex;
}
.report-mgr-view-summary .report-mgr-view-summary-right .more i {
  cursor: pointer;
}
.report-mgr-view-summary .report-mgr-view-summary-right .running-error-detected {
  display: flex;
  gap: 5px;
  align-items: center;
}
.report-mgr-view-summary .report-mgr-view-summary-right .running-error-detected .error-msg {
  color: #df0005;
}
.report-mgr-view-summary-popover {
  display: flex;
  flex-direction: column;
}
.report-mgr-view-summary-desc {
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-mgr-view-report-incomplete {
  margin-top: 200px;
  font-weight: 400;
  font-size: 12px;
  color: #666666;
}
.report-mgr-view-report-never-run {
  font-weight: 400;
  font-size: 12px;
  color: #666666;
  position: absolute;
  top: 0%;
}
.report-mgr-view-report-complete {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.report-mgr-view-report-complete report-input-view-mode-directive {
  border-bottom: 1px solid #c8c8c8;
}
.report-mgr-view-report-complete report-data-filter-view-mode-directive {
  min-height: 40px;
  border-bottom: 1px solid #c8c8c8;
}
.report-mgr-view-report-complete .pivot-table-part {
  display: flex;
  flex-direction: column;
  height: 0;
  flex-grow: 1;
}
.report-mgr-view-report-complete .report-table-part {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.report-mgr-view-report-complete .report-table-part div[nb-grid] {
  border: none;
  height: calc(100% - 1px) !important;
}
.report-mgr-view-report-complete .table-header {
  background: #e2e2e2;
  padding: 0px 15px;
  height: 30px;
  font-weight: 600;
  display: flex;
  align-items: center;
}
.report-mgr-view-report-complete .table-header .limitation {
  font-weight: 400;
  padding-left: 2rem;
}
.report-mgr-view-report-complete .table-header .btn-group {
  margin-left: auto;
}
.report-mgr-view-auto-update-setting-summary-popover {
  display: flex;
  flex-direction: column;
}
.report-mgr-view-auto-update-setting-summary-popover .section + .section {
  margin-top: 12px;
}
.report-mgr-view-auto-update-setting-summary-popover .title {
  font-weight: 600;
  display: block;
}
.report-mgr-view-auto-update-setting-summary-popover .content {
  display: block;
}
.report-mgr-view-error-summary-popover {
  display: flex;
  flex-direction: column;
  max-width: 300px;
}
.pivot-table-minimize {
  height: 30px !important;
  flex-grow: 0 !important;
  border-bottom: 1px solid #c8c8c8;
}
.pivot-table-minimize pivot-table-details-directive {
  display: none;
}
.report-table-minimize {
  flex-grow: 0 !important;
}
.report-table-minimize report-details-table-directive {
  display: none;
}
@media screen and (max-width: 1919px) {
  .report-mgr-left {
    flex: 0 0 245px;
  }
}
@media screen and (min-width: 1920px) {
  .report-mgr-left {
    flex: 0 0 330px;
  }
}

.define-report-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 12px 0 12px 12px;
}
.define-report-top {
  display: flex;
  flex: 0 0 184px;
  border: 1px solid #dadada;
  flex-direction: column;
  border-bottom: 0;
}
.define-report-top.minimize-mode {
  flex: 0 0 0px;
}
.define-report-top-border-bottom {
  border-bottom: 1px solid #c8c8c8;
}
.define-report-content {
  display: flex;
  flex: 1;
  border-bottom: 0;
  height: 0;
}
.define-report-content .report-define-title {
  height: 30px;
  background: #e2e2e2;
  border-bottom: 1px solid #dadada;
  padding: 0 12px;
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 12px;
}
.define-report-content .report-define-title .btn-group {
  margin-left: auto;
}
.define-report-content .report-define-field {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.define-report-content .report-define-result {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.define-report-content .report-define-result div[nb-grid] {
  border: none;
  height: calc(100% - 1px) !important;
}
.define-report-content .report-define-result .pivot-table-request-value-wording {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.6);
}
.define-report-content-cover {
  background: rgba(250, 250, 250, 0.5);
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 1100;
}
.define-report-left {
  flex: 0 0 250px;
  position: relative;
  border: 1px solid #dadada;
  border-right: 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.define-report-main {
  flex: 1;
  position: relative;
  border: 1px solid #dadada;
  display: flex;
  flex-direction: column;
}
.define-report-main .define-table-group {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.define-report-main .define-table-group > section {
  display: flex;
  flex-direction: column;
}
.define-report-main .define-table-group .pivot-table-section {
  height: 0;
  overflow: auto;
  flex-grow: 1;
}
.define-report-main .define-table-group .report-table-section {
  flex-grow: 1;
}
.report-input-content {
  width: 100%;
  flex: 1;
}
.preview-refresh-msg {
  height: 32px;
}
.preview-msg {
  display: flex;
  align-items: center;
  gap: 5px;
  height: 100%;
  padding: 0 12px;
}
.preview-msg i {
  flex-shrink: 0;
}
.preview-msg .preview-msg-wording {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.define-report-main-refresh-btn {
  display: flex;
  gap: 5px;
  align-items: center;
}
.pivot-table-minimize {
  flex-grow: 0 !important;
  border-bottom: 1px solid #c8c8c8;
}
.pivot-table-minimize pivot-table-details-directive {
  display: none;
}
.report-table-minimize {
  flex-grow: 0 !important;
}
.report-table-minimize report-details-table-directive {
  display: none;
}

.report-manager-tree-div {
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.report-manager-tree-div .report-manager-search-div {
  display: flex;
  border-bottom: 1px solid #C8C8C8;
  align-items: center;
  height: 30px;
}
.report-manager-tree-div .report-manager-search-div .icon_nb_close {
  cursor: pointer;
}
.report-manager-tree-div .report-manager-search-div .nb-filter-bar {
  flex: 1;
  height: 30px;
  margin: -1px 0px 0px -1px;
}
.report-manager-tree-div .report-manager-search-div .nb-filter-bar input {
  height: 31px;
}
.report-manager-tree-div .report-manager-search-div .icon_event {
  width: 20px;
  text-align: center;
  cursor: pointer;
}
.report-manager-tree-div .report-manager-tree-content {
  flex: 1;
  height: 0px;
  min-height: 0px;
}

report-object-fields-tree-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 12px 12px 12px 0;
}
report-object-fields-tree-container button {
  cursor: pointer;
}
report-object-fields-tree-container .edit-property-btn {
  display: flex;
  gap: 5px;
  align-items: center;
}
report-object-fields-tree-container .handle-search-refresh {
  display: flex;
  gap: 10px;
  align-items: center;
}
report-object-fields-tree-container .handle-search-refresh .search-bar {
  flex-grow: 1;
  margin-bottom: 0;
}
report-object-fields-tree-container .handle-search-refresh .refresh-btn {
  margin-left: auto;
}
report-object-fields-tree-container .tree-group {
  border: 1px solid #c8c8c8;
  overflow: auto;
  flex-grow: 1;
  position: relative;
}
report-object-fields-tree-container .tree-group .add-customized-btn {
  position: absolute;
  z-index: 1050;
  right: 0;
  top: 3px;
}

.select-chart-type-div {
  display: flex;
  gap: 10px;
  align-items: center;
}
.select-chart-type-div .select-chart-btn-group {
  display: flex;
  gap: 8px;
  align-items: center;
}
.select-chart-type-div .on-selected-border {
  border: 1.5px solid #5184F3;
  border-radius: 4px;
}

.report-details-table {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.report-details-table input[type="checkbox"] {
  margin-top: 0px;
}
.report-details-table > header {
  display: flex;
  align-items: center;
  padding-bottom: 8px;
  gap: 4px;
}
.report-details-table > header .left-section {
  display: flex;
  align-items: center;
  gap: 16px;
}
.report-details-table > header .left-section .incident-link {
  display: flex;
  align-items: center;
  gap: 4px;
}
.report-details-table > header .right-section {
  display: flex;
  align-items: center;
  margin-left: auto;
  gap: 16px;
}
.report-details-table > header .right-section .last-result-section {
  display: flex;
  align-items: center;
  gap: 4px;
}
.report-details-table > header .right-section .nb-search-bar {
  margin-bottom: 0;
}
.report-details-table > header .right-section .nb-search-bar .icons {
  cursor: pointer;
}
.report-details-table > header .right-section > button {
  display: flex;
  align-items: center;
  gap: 4px;
}
.report-details-table > header .right-section > button > label {
  cursor: pointer;
}
.report-details-table .grid-wrapper {
  height: 0;
  flex-grow: 1;
}

.pivot-table-details {
  height: 100%;
  overflow: auto;
}
.pivot-table-details .pivot-table {
  height: 100%;
  overflow: auto;
}
.pivot-table-details .pivot-table .pvtTable.table {
  width: unset;
}
.pivot-table-details .pivot-table td[data-value-index] {
  cursor: pointer;
  color: #337ab7;
}
.pivot-table-details .pivot-table td[data-value-index]:hover {
  text-decoration: underline;
}
.pivot-table-details .pivot-table td[data-value-index].reset-cursor {
  cursor: unset;
}
.pivot-table-details .pivot-table .pvtPager.glyphicon-chevron-left:before {
  content: "\e079";
}
.pivot-table-details .pivot-table .pvtPager.glyphicon-chevron-right:before {
  content: "\e080";
}

table.pvtTable {
  font-size: 12px;
  font-weight: 400;
  margin: 0px;
  border-collapse: collapse;
  border-spacing: 0;
}
table.pvtTable > tbody > tr > th,
table.pvtTable > tbody > tr > td,
table.pvtTable > thead > tr > th,
table.pvtTable > thead > tr > td {
  border: 1px solid #ddd;
  line-height: 11pt;
  padding: 5px;
  box-sizing: border-box;
}
table.pvtTable th {
  text-align: center;
  vertical-align: middle;
  background-color: #f2f2f2;
  font-size: 12px;
  font-weight: 400;
}
table.pvtTable th.pvtRow[data-grp-state="expanded"] {
  text-align: left;
}
table.pvtTable td {
  text-align: right;
}
table.pvtTable th.subtotals.pvtRow {
  text-align: left;
}
table.pvtTable th.totals {
  text-align: right;
  vertical-align: bottom;
}
table.pvtTable th.subtotals.pvtColumn {
  vertical-align: top;
}
table.pvtTable th.pvtColumnLabel {
  color: #a0a0a0;
  text-align: right;
}
table.pvtTable th.pvtRowLabel {
  color: #a0a0a0;
  vertical-align: bottom;
}
table.pvtTable tr:first-child > th:first-child:not([class]) {
  min-width: 50px;
}
table.pvtTable.pvtSortHeader th[data-sort-index],
table.pvtTable.pvtSortHeader th.pvtColumnLabel,
table.pvtTable.pvtSortHeader th.pvtRowLabel,
table.pvtTable th .pvtPager,
table.pvtTable th[data-grp-state] {
  cursor: pointer;
}
.pvtExpandCollapseDisabled th[data-grp-state] {
  cursor: default !important;
}
table.pvtTable td.pagerValue {
  text-align: center;
  vertical-align: middle;
  color: #a0a0a0;
}

.pvtFixedHeaderOuterContainer {
  border: 1px solid #c8c8c8;
  overflow: auto;
}
.pvtFixedHeaderOuterContainer table.pvtTable {
  border-collapse: separate;
}
.pvtFixedHeaderOuterContainer table.pvtTable th {
  border: 0px;
}
.pvtFixedHeaderOuterContainer table.pvtTable td {
  border-top: 0px;
  border-left: 0px;
}
table.pvtTable.pvtFixedHeader th {
  padding: 0px !important;
  vertical-align: bottom !important;
  z-index: 90;
}
table.pvtTable.pvtFixedHeader th > div.pvtFixedHeader {
  z-index: 101;
  position: relative;
  box-sizing: border-box;
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
  background-color: #f9f9f9;
  padding: 5px;
  padding-left: 5px;
  padding-top: 5px;
}
table.pvtTable.pvtFixedHeader th.pvtColumn > div.pvtFixedHeader,
table.pvtTable.pvtFixedHeader th.pvtRow > div.pvtFixedHeader {
  z-index: 99;
}

table.pvtTable:not(.pvtFixedHeader) .pvtSortDesc.pvtColumn::after,
table.pvtTable.pvtFixedHeader .pvtSortDesc.pvtColumn > div.pvtFixedHeader::after,
table.pvtTable:not(.pvtFixedHeader) th.pvtRowLabel.pvtSortDesc::after,
table.pvtTable.pvtFixedHeader th.pvtRowLabel.pvtSortDesc > div.pvtFixedHeader::after {
  content: " ↓";
}
table.pvtTable:not(.pvtFixedHeader) .pvtSortAsc.pvtColumn::after,
table.pvtTable.pvtFixedHeader .pvtSortAsc.pvtColumn > div.pvtFixedHeader::after,
table.pvtTable:not(.pvtFixedHeader) th.pvtRowLabel.pvtSortAsc::after,
table.pvtTable.pvtFixedHeader th.pvtRowLabel.pvtSortAsc > div.pvtFixedHeader::after {
  content: " ↑";
}
table.pvtTable:not(.pvtFixedHeader) .pvtSortDesc.pvtRow::after,
table.pvtTable.pvtFixedHeader .pvtSortDesc.pvtRow > div.pvtFixedHeader::after,
table.pvtTable:not(.pvtFixedHeader) th.pvtColumnLabel.pvtSortDesc::after,
table.pvtTable.pvtFixedHeader th.pvtColumnLabel.pvtSortDesc > div.pvtFixedHeader::after {
  content: " →";
}
table.pvtTable:not(.pvtFixedHeader) .pvtSortAsc.pvtRow::after,
table.pvtTable.pvtFixedHeader .pvtSortAsc.pvtRow > div.pvtFixedHeader::after,
table.pvtTable:not(.pvtFixedHeader) th.pvtColumnLabel.pvtSortAsc::after,
table.pvtTable.pvtFixedHeader th.pvtColumnLabel.pvtSortAsc > div.pvtFixedHeader::after {
  content: " ←";
}
table.pvtTable:not(.pvtFixedHeader) th[data-grp-state="expanded"]::before,
table.pvtTable.pvtFixedHeader th[data-grp-state="expanded"] > div.pvtFixedHeader::before {
  content: "\2796";
  color: #777;
  font-style: normal !important;
  margin-right: 5px;
}
table.pvtTable:not(.pvtFixedHeader) th[data-grp-state="collapsed"]::before,
table.pvtTable.pvtFixedHeader th[data-grp-state="collapsed"] > div.pvtFixedHeader::before {
  content: "\2795";
  color: #777;
  font-style: normal !important;
  margin-right: 5px;
}
.pvtLoading {
  opacity: 0.5;
}
.pvtStickyFixedHeader table.pvtTable.pvtFixedHeader th {
  position: sticky;
  z-index: 81;
}
.pvtStickyFixedHeader.pvtStickyChromeFixedHeader table.pvtTable.pvtFixedHeader th {
  transform: translateZ(0);
  
}
.pvtStickyFixedHeader table.pvtTable.pvtFixedHeader th > div.pvtFixedHeader {
  z-index: 70;
  position: static;
}
.pvtStickyFixedHeader table.pvtTable.pvtFixedHeader th.pvtRow,
.pvtStickyFixedHeader table.pvtTable.pvtFixedHeader th.pvtColumn {
  z-index: 80;
}
.pvtStickyFixedHeader.pvtLoading {
  opacity: initial;
}
.pvtStickyFixedHeader.pvtLoading td,
.pvtStickyFixedHeader.pvtLoading th > div.pvtFixedHeader {
  color: silver !important;
}

div.pvtFixedHeadersOutdated > table.pvtFixedHeader > tbody > tr > td > div.pvtFixedHeader,
div.pvtFixedHeadersOutdated > table.pvtFixedHeader > tbody > tr > th > div.pvtFixedHeader,
div.pvtFixedHeadersOutdated > table.pvtFixedHeader > thead > tr > th > div.pvtFixedHeader {
  top: 0px !important;
  left: 0px !important;
}

.new-report-modal .modal-body {
  width: 1000px !important;
  height: 720px;
}
.new-report-modal .modal-body .panel-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.new-report-modal .modal-body [uib-accordion-group] .collapsing {
  transition-duration: 0s;
}
.new-report-modal .modal-body .step-by-step-part {
  display: flex;
  flex-direction: column;
  border: 1px solid #c8c8c8;
  margin-top: unset;
}
.new-report-modal .modal-body .step-by-step-part .panel-heading {
  background: #f8f8f8;
}
.new-report-modal .modal-body .step-by-step-part .panel-heading .panel-title a:focus,
.new-report-modal .modal-body .step-by-step-part .panel-heading .panel-title a:hover {
  color: black;
  text-decoration: none;
}
.new-report-modal .modal-body .step-title {
  display: flex;
  align-items: center;
}
.new-report-modal .modal-body .step-title .left-definition {
  width: 250px;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 8px;
}
.new-report-modal .modal-body .step-title .middle-information {
  font-size: 12px;
}
.new-report-modal .modal-body .step-title .right-toggle-open {
  margin-left: auto;
}
.new-report-modal .modal-body .step-contents {
  display: flex;
  flex-direction: column;
  gap: 15px;
  padding: 0 10px;
}
.new-report-modal .modal-body .step-contents .step-contents-details {
  flex-grow: 1;
  overflow: hidden;
}
.new-report-modal .modal-body .step-contents .next-step-btns {
  margin-left: auto;
}
.new-report-modal .modal-body .step-contents .next-step-btns .btn[disabled]:hover {
  background-color: #f7f7f7;
  border: 1px solid #e4edf9;
  color: inherit;
}
.new-report-modal .modal-body .two-steps-height {
  height: 650px;
}
.new-report-modal .modal-body .three-steps-height {
  height: 520px;
}
.new-report-modal .model-footer .report-save-btn[disabled] {
  cursor: not-allowed;
}

.define-basic-setting {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.define-basic-setting .basic-setting-section {
  display: flex;
  gap: 8px;
  align-items: center;
}
.define-basic-setting .basic-setting-section .basic-setting-subject {
  width: 120px;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
  margin-bottom: auto;
}
.define-basic-setting .basic-setting-section .description-input {
  height: 100px;
}
.define-basic-setting .basic-setting-section .basic-setting-field-value {
  display: flex;
  flex-direction: column;
}
.define-basic-setting .basic-setting-section .basic-setting-field-value .radio-button-wrapper {
  display: flex;
  gap: 5px;
  align-items: center;
}
.define-basic-setting .basic-setting-section .basic-setting-field-value .radio-button-wrapper input[type=radio] {
  margin: 2px 0 0;
}

.define-report-object {
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.define-report-object .define-report-object-main {
  flex-grow: 1;
  height: 435px;
  border: 1px solid #c8c8c8;
  overflow: auto;
}
.define-report-object .dropdown-menu-custom {
  width: 300px;
  max-height: 130px;
}
.define-report-object .dropdown-menu-custom li {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.define-report-object-relationship {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.define-report-object-relationship .define-report-object-relationship-group {
  display: flex;
  flex-direction: column;
  position: relative;
}
.define-report-object-relationship .select-primary-object-step {
  border: none !important;
  display: flex;
  align-items: center;
  gap: 4px;
  padding: unset !important;
  line-height: 18px;
  width: 0;
  flex-grow: 1;
}
.define-report-object-relationship .select-primary-object-step span {
  text-align: left;
}
.define-report-object-relationship .select-primary-object-step .icon_nb_arrow_down {
  flex-shrink: 0;
}
.define-report-object-relationship .left-corner-icon {
  position: absolute;
  left: -11px;
  top: -11px;
}
.define-report-object-relationship .primary-object-group {
  width: 320px;
  position: relative;
}
.define-report-object-relationship .primary-object-group .select-primary-object {
  display: flex;
  gap: 8px;
  align-items: center;
  overflow: hidden;
  flex-grow: 1;
  text-overflow: ellipsis;
}
.define-report-object-relationship .primary-object {
  padding: 15px 0px 15px 15px;
  display: flex;
  gap: 8px;
  white-space: nowrap;
}
.define-report-object-relationship .icon_nb_arrow_down {
  margin-top: 3px;
}
.define-report-object-relationship .group-after-primary {
  display: flex;
}
.define-report-object-relationship .secondary-object-group {
  display: flex;
  position: relative;
  padding-right: 5px;
  padding-top: 10px;
  width: 450px;
  height: 130px;
  margin-top: 20px;
}
.define-report-object-relationship .secondary-object-group .select-primary-object {
  flex-grow: 1;
  display: flex;
  width: 100%;
}
.define-report-object-relationship .secondary-object-group .secondary-object-list {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.define-report-object-relationship .secondary-object-group .secondary-object-list .secondary-object-subject {
  display: flex;
  align-items: center;
  gap: 8px;
}
.define-report-object-relationship .secondary-object-group .define-join-type {
  display: flex;
  flex-direction: column;
  padding-left: 15px;
}
.define-report-object-relationship .secondary-object-group .define-join-type .report-object-relationship-value {
  padding-left: 15px;
}
.define-report-object-relationship .secondary-object-group .define-join-type .report-object-relationship-value .radio-button-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.define-report-object-relationship .secondary-object-group .define-join-type .report-object-relationship-value .radio-button-wrapper input[type='radio'] {
  margin-top: 2px;
}
.define-report-object-relationship .secondary-object-group .icon-container {
  margin-left: auto;
  margin-top: -5px;
}
.define-report-object-relationship .secondary-object-group .icon-container:hover {
  background-color: unset;
  cursor: pointer;
}
.define-report-object-relationship .add-object-link {
  display: flex;
}
.define-report-object-relationship .add-object-link .link-before-add {
  flex-shrink: 0;
  height: 23px;
  width: 18px;
  border-left: 1px dashed #979797;
  border-bottom: 1px dashed #979797;
}
.define-report-object-relationship .add-object-link .add-link {
  margin-top: 13px;
}
.define-report-object-relationship .add-object-link .no-related-available {
  margin-top: 10px;
  margin-left: 5px;
}
.define-report-object-relationship .relationship-before-select {
  flex-shrink: 0;
  height: 88px;
  width: 23px;
  border-left: 1px dashed #979797;
  border-bottom: 1px dashed #979797;
  margin-left: 20px;
}
.define-report-object-relationship .border_A {
  border: 1px solid #72aef0;
  border-top: 3px solid #72aef0;
}
.define-report-object-relationship .border_B {
  border: 1px solid #42b5a7;
  border-top: 3px solid #42b5a7;
}
.define-report-object-relationship .border_C {
  border: 1px solid #f0a752;
  border-top: 3px solid #f0a752;
}
.define-report-object-relationship .border_D {
  border: 1px solid #b085e1;
  border-top: 3px solid #b085e1;
}
.define-report-object-relationship .border_E {
  border: 1px solid #f26d6d;
  border-top: 3px solid #f26d6d;
}
.define-report-object-relationship .margin_joinType_C {
  margin-left: 37px;
}
.define-report-object-relationship .margin_joinType_D {
  margin-left: 74px;
}
.define-report-object-relationship .margin_joinType_E {
  margin-left: 111px;
}
.define-report-object-relationship .add-link-0 {
  margin-left: 20px;
}
.define-report-object-relationship .add-link-1 {
  margin-left: 57px;
}
.define-report-object-relationship .add-link-2 {
  margin-left: 94px;
}
.define-report-object-relationship .add-link-3 {
  margin-left: 131px;
}
.define-report-object-relationship .add-link-4 {
  margin-left: 168px;
}

.define-report-fields {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.define-report-fields .define-report-fields-summary {
  display: flex;
  align-items: center;
  gap: 25px;
}
.define-report-fields .define-report-fields-main {
  flex-grow: 1;
  border: 1px solid #c8c8c8;
  overflow: auto;
  height: 435px;
  line-height: 30px;
}
.define-report-fields .define-report-fields-main .fields-container {
  overflow: auto;
  border-bottom: 1px solid #c8c8c8;
}
.define-report-fields .define-report-fields-main .fields-container:nth-child(odd) {
  background-color: #ffffff;
}
.define-report-fields .define-report-fields-main .fields-container:nth-child(even) {
  background-color: #f7f7f7;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title {
  display: flex;
  gap: 5px;
  align-items: center;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title .group-icon,
.define-report-fields .define-report-fields-main .fields-container .fields-title .group-count {
  flex-shrink: 0;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title .folder-name,
.define-report-fields .define-report-fields-main .fields-container .fields-title .field-name {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title .folder-name {
  font-weight: 400;
  display: flex;
  align-items: center;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title .add-field-link {
  flex-shrink: 0;
  margin-left: auto;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title .fields-name {
  width: 350px;
}
.define-report-fields .define-report-fields-main .fields-container .fields-title .added-tip {
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.define-report-fields .define-report-fields-main .fields-container .field-name {
  margin-left: 42px;
}
.define-report-fields .define-report-fields-main .hide-decendant {
  display: none;
}

.add-related-fields .modal-body {
  width: 440px;
  height: 330px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.add-related-fields .modal-body .related-groups {
  display: flex;
  gap: 8px;
  align-items: center;
}
.add-related-fields .modal-body .related-groups .selection-subject {
  text-align: right;
  width: 90px;
  flex-shrink: 0;
}
.add-related-fields .modal-body .related-groups .select-object {
  width: 0;
  flex-grow: 1;
}
.add-related-fields .modal-body .related-groups .select-obj-btn {
  width: 100%;
  border-left: 1px solid #c8c8c8;
  display: flex;
  align-items: center;
  line-height: 18px;
}
.add-related-fields .modal-body .related-groups .select-obj-btn .icon_nb_arrow_down {
  margin-top: 3px;
  margin-left: auto;
  flex-shrink: 0;
}
.add-related-fields .modal-body .related-groups .select-fields {
  overflow: auto;
  border: 1px solid #c8c8c8;
  height: 280px;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  padding: 5px;
}
.add-related-fields .modal-body .related-groups .select-fields .each-field-list {
  display: flex;
  gap: 5px;
  align-items: center;
}
.add-related-fields .modal-body .related-groups .select-fields .each-field-list input[type='checkbox'] {
  margin: 0;
}
.add-related-fields .report-obj-dropdown-menu ul {
  width: 300px;
  margin-bottom: 0;
}
.add-related-fields .report-obj-dropdown-menu ul li {
  padding: 0 6.5px;
}
.add-related-fields .report-obj-dropdown-menu ul li a {
  text-decoration: none;
  color: black;
  padding-left: 0;
}

.add-customized-field-dialog .modal-dialog .modal-content {
  min-width: 760px;
  width: 760px;
}
.add-customized-field-dialog .modal-dialog .modal-content .modal-body {
  padding: 0;
  height: 600px;
}
.add-customized-field-dialog .modal-dialog .modal-content .modal-footer {
  padding-top: 0px;
}
.add-customized-field-dialog .modal-dialog .modal-content .scroll-bar {
  scrollbar-width: thin;
  overflow-y: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .scroll-bar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #eee;
}
.add-customized-field-dialog .modal-dialog .modal-content .scroll-bar::-webkit-scrollbar-track {
  background-color: #f9f9f9;
}
.add-customized-field-dialog .modal-dialog .modal-content .scroll-bar::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}
.add-customized-field-dialog .modal-dialog .modal-content .scroll-bar::-webkit-scrollbar-thumb:hover {
  background: #d6d6d6;
  width: 12px;
  height: 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container {
  display: flex;
  flex-direction: column;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container input[type=number]::-webkit-inner-spin-button,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info {
  border-bottom: 1px solid #dadada;
  padding: 10px;
  display: flex;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info > div {
  display: inline-block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info > div > span {
  margin-right: 6px;
  font-weight: 600;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info > div > * {
  display: inline-block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info .field-method {
  margin-right: 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info .field-method label {
  line-height: 30px;
  font-weight: 600;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info .field-method input {
  vertical-align: middle;
  margin: 4px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info .field-name {
  margin-right: 12px;
  width: 180px;
  text-align: right;
  flex: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info .field-name .field-model {
  width: 160px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .basic-info .field-type .field-type-dropdown {
  width: 140px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container {
  display: flex;
  flex: auto;
  margin: 12px 16px;
  min-height: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection {
  margin-right: 12px;
  flex: 3.5;
  height: 100%;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .tabset {
  padding-bottom: unset;
  width: 100%;
  height: 100%;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .tabset .tab-content {
  height: calc(100% - 30px);
  width: 100%;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .tabset .tab-pane {
  width: 100%;
  height: 100%;
  padding: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .search-box .search-bar {
  margin-bottom: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .search-box .form-control {
  border: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .search-box .form-control:focus {
  box-shadow: unset;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-list {
  flex: auto;
  min-height: 0;
  border-top: 1px solid #dadada;
  border-bottom: 1px solid #dadada;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .infinite-tree-scroll {
  overflow: unset;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item:hover,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item.active {
  background-color: #CFE2EB;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item {
  width: 100%;
  padding: 4px 0;
  display: flex;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item .icon {
  padding: 5px 4px 0 6px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item .intro {
  flex: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item .intro .name {
  font-size: 12px;
  font-weight: 600;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item .intro .example {
  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item .intro .description {
  color: #938e8e;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .function-item + .function-item {
  border-top: 1px dashed #dadada;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .insert-action {
  text-align: right;
  padding: 6px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-selection .function-container .insert-action .btn {
  padding: 0 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor {
  
  flex: 6.5;
  display: flex;
  flex-direction: column;
  width: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-header {
  height: 30px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container {
  flex: auto;
  border: 1px solid #dadada;
  display: flex;
  flex-direction: column;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .editor-operator {
  border-bottom: 1px solid #dadada;
  background-color: #f9f9f9;
  padding: 4px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .editor-operator .operator-item {
  display: inline-block;
  background-color: #ffffff;
  border: 1px solid #dadada;
  margin-left: 4px;
  height: 24px;
  width: 24px;
  font-weight: 600;
  text-align: center;
  padding: 0;
  font-size: 12px;
  line-height: 24px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container {
  flex: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container #formula-quill-editor {
  border: unset;
  height: 400px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container #formula-quill-editor .ql-editor {
  overflow-y: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container #formula-quill-editor .ql-editor::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #eee;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container #formula-quill-editor .ql-editor::-webkit-scrollbar-track {
  background-color: #f9f9f9;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container #formula-quill-editor .ql-editor::-webkit-scrollbar-thumb {
  background: #d6d6d6;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .formula-quill-editor-container #formula-quill-editor .ql-editor::-webkit-scrollbar-thumb:hover {
  background: #d6d6d6;
  width: 12px;
  height: 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .validate-action {
  text-align: right;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .validate-action .hr-line {
  width: 90%;
  margin-top: 0;
  margin-bottom: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .formula-container .formula-editor .editor-container .validate-action .btn {
  padding: 0 12px;
  margin: 6px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container {
  flex: auto;
  
  padding: 12px;
  flex-direction: column;
  display: flex;
  min-height: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header {
  display: flex;
  margin-bottom: 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .header-title {
  display: inline-block;
  margin-right: 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .bucket-items {
  display: inline-block;
  flex: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .bucket-items .btn-group {
  width: 300px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .bucket-items .dropdown-selection > .icon {
  margin-right: 6px;
  margin-top: -2px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .bucket-items .btn.btn-default {
  max-width: 250px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .bucket-items .dropdown-menu-custom {
  max-width: 300px;
  max-height: 400px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-header .bucket-items .dropdown-menu-custom .search-box {
  margin: 8px 8px -12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
  line-height: 1;
  font-weight: 600;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .table > * > tr > *:not(:last-child) {
  border-right: 1px solid #dadada;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .align-left {
  padding-left: 12px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .align-center {
  text-align: center;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .align-right {
  text-align: right;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-content {
  flex: auto;
  border: 1px solid #dadada;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-datetime-container .table {
  height: 100%;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-datetime-container .table > * > tr > *:not(:last-child) {
  width: 240px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-datetime-container .datetime-group {
  display: block;
  margin: 6px 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-datetime-container .datetime-group .input {
  vertical-align: middle;
  margin-right: 6px;
  margin-top: -2px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-datetime-container .datetime-sample {
  display: block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .table {
  border-bottom: 1px solid #dadada;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container tr:hover td:not(.fixed-td) {
  background-color: #f8f8f8;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container tr:hover .fixed-td {
  background-color: unset;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container tr:hover .delete {
  display: inline-block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .fixed-td {
  width: 240px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .bucket-input > input {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .range-detail {
  width: 195px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .range-detail > div {
  display: flex;
  justify-content: flex-end;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .range-detail > div .range-prefix {
  display: inline-block;
  max-width: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .range-detail > div .from-number {
  margin: 0 2px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .range-detail > div .range-value {
  display: inline-block;
  max-width: 70px;
  margin-left: 12px;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .actions {
  width: 140px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .actions .btn {
  display: inline-block;
  margin-right: 6px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-number-container .actions .delete {
  display: none;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container {
  display: flex;
  min-height: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .column + .column {
  border-left: 1px solid #dadada;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .action-column {
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-column,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-column,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-column {
  flex: 3;
  display: flex;
  flex-direction: column;
  width: 0;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .column header {
  border-bottom: 1px solid #ddd;
  background-color: #f8f8f8;
  line-height: 2;
  font-weight: 600;
  height: 28px;
  padding-left: 6px;
  text-overflow: ellipsis;
  display: inline-block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .column header .add-bucket {
  line-height: 20px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-list {
  -webkit-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-list,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list {
  
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-list li,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list li,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list li {
  padding-left: 6px;
  display: flex;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-list li:hover,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list li:hover,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list li:hover,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-list .active,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .active,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list .active {
  background-color: #CFE2EB;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .candidate-list .truncate-name,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .truncate-name,
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list .truncate-name {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  flex: auto;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .empty-bucket-list {
  color: #B0B6BA;
  text-align: center;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .bucket-box {
  display: flex;
  width: 100%;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .bucket-box .name {
  flex: auto;
  height: 24px;
  display: inline-block;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .bucket-box .action {
  margin: 0 6px;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .bucket-box .edit-action {
  display: none;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .bucket-box .add-action {
  margin: 3px 6px;
  width: 18px;
  height: 18px;
  line-height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #E8F0FB;
  border: 1px solid #BDD0E9;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-list .bucket-box:hover .edit-action {
  display: inline-block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-name-header label {
  line-height: 2;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list .bucket-item .action {
  margin: 0 6px;
  display: none;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-pickup-container .bucket-item-list .bucket-item:hover .action {
  display: inline-block;
}
.add-customized-field-dialog .modal-dialog .modal-content .add-customized-field-container .bucket-container .bucket-empty-container {
  display: flex;
  justify-content: center;
  align-items: center;
}
.report-customized-field-pass-validation .modal-dialog .modal-content .SUCCESS .message-body .message-text .message-title {
  margin-left: 56px;
  margin-top: 5px;
}

.report-input-filter-main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 12px 12px 12px 20px;
}
.report-input-filter-main i {
  cursor: pointer;
}
.report-input-filter-main button,
.report-input-filter-main a {
  cursor: pointer;
}
.report-input-filter-main .header-minimize {
  padding: 0px;
}
.report-input-filter-main .report-input-header {
  display: flex;
  height: 30px;
  align-items: center;
  gap: 12px;
  width: 100%;
  font-weight: 600;
  margin-left: -11px;
  white-space: nowrap ;
}
.report-input-filter-main .report-input-header a {
  margin-left: auto;
  flex-shrink: 0;
}
.report-input-filter-main .input-summary-edit-mode {
  display: flex;
  gap: 12px;
  align-items: center;
  font-weight: 400;
}
.report-input-filter-main .input-summary-edit-mode .default-input-part {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  background: #F8FCFF;
  padding: 0 8px;
  height: 28px;
  width: unset;
}
.report-input-filter-main .input-summary-edit-mode .default-input-part .default-input {
  display: flex;
  gap: 5px;
  max-width: 400px;
}
.report-input-filter-main .input-summary-edit-mode .default-input-part .default-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-input-filter-main .input-summary-edit-mode .additional-input {
  color: #127ACA;
}
.report-input-filter-main .input-filter-top-minimized .validation-has-error {
  position: unset !important;
  margin-top: 0;
}
.report-input-filter-main .define-input {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.report-input-filter-main .input-content-field {
  display: flex;
  column-gap: 16px;
  row-gap: 16px;
  flex-wrap: wrap;
}
.report-input-filter-main .default-input-part {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #DCECFA;
  border-radius: 3px;
  background-color: #F8FCFF;
  padding: 5px 5px 5px 10px;
  height: 70px;
  width: 200px;
}
.report-input-filter-main .input-container {
  display: flex;
  flex-direction: column;
}
.report-input-filter-main .filter-selection {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.report-input-filter-main .fieldname-group {
  display: flex;
  gap: 5px;
  align-items: center;
}
.report-input-filter-main .field-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-input-filter-main .default-clue {
  font-size: 10px;
  color: #828C92;
}
.report-input-filter-main .icon-container {
  margin-left: auto;
  margin-top: -5px;
  flex-shrink: 0;
}
.report-input-filter-main .icon-container:hover {
  background-color: unset;
  cursor: pointer;
}
.report-input-filter-main .left-corner-icon {
  position: absolute;
  left: -11px;
  top: -11px;
}
.report-input-filter-main .entry-items-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  border: 1px dashed #d8d8d8;
  height: 70px;
  width: 200px;
  padding: 8px;
}
.report-input-filter-main .entry-items-container droppable-container {
  min-height: 30px;
  flex-grow: 1;
  display: grid;
  place-items: center;
  color: #b0b6ba;
}
.report-input-filter-main .entry-items-container .on-reach-limitaion-inputs {
  min-height: 30px;
  flex-grow: 1;
  display: grid;
  place-items: center;
  color: #b0b6ba;
}
.report-input-filter-main .relationship-and-buttons {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-top: auto;
}
.report-input-filter-main .relationship-and-buttons .button-group {
  margin-left: auto;
  flex-shrink: 0;
}
.report-input-filter-main .define-relationship {
  display: flex;
  gap: 16px;
  align-items: center;
}
.report-input-filter-main .define-relationship .dt-note-text .validation-has-error {
  margin: 0;
  position: unset !important;
}
.report-input-filter-main .relationship-content {
  display: flex;
  align-items: center;
  gap: 3px;
  white-space: nowrap;
}
.report-input-filter-main .relationship-content .note-cell .form-control {
  width: 500px;
}
.report-input-filter-main .relationship-content .dt-note-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 500px;
  display: flex;
  align-items: center;
}
.report-input-filter-main .relationship-content .dt-note-text .dt-desc-edit-icon {
  display: flex;
  text-align: center;
  white-space: nowrap;
  max-width: 500px;
  align-items: center;
}
.report-input-filter-main .relationship-content .dt-note-text .dt-desc-edit-icon .editable-relationship {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-input-filter-main .note-cell {
  display: flex;
  align-items: center;
}
.report-input-filter-main .note-edit-mode {
  gap: 5px;
}
.report-input-filter-main .dt-desc-edit-icons {
  display: flex;
  align-items: center;
  gap: 5px;
}
.report-input-filter-main .select-report-input-popover {
  display: flex;
  flex-direction: column;
}
.report-input-filter-main .select-report-input-popover .select-report-input-popover-footer {
  margin-left: auto;
}
.report-input-filter-main .last-aggregation-content {
  display: flex;
  align-items: center;
  gap: 16px;
}
.report-input-filter-main .last-aggregation-content .seperator-icon {
  color: #C4C4C4;
}
.report-input-filter-main .last-aggregation-content .aggregation-selection {
  display: flex;
  align-items: center;
}
.report-input-filter-main .last-aggregation-content .aggregation-selection .selection-title {
  font-weight: 600;
}
.report-input-filter-main .last-aggregation-content .field-value .custom-dropdown-btn {
  border: none;
  display: flex;
  align-items: center;
  gap: 4px;
  padding-top: 8px;
}
.report-input-filter-main .last-aggregation-content .field-value .custom-dropdown-btn .dropdown-btn-wording {
  max-width: 300px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 15px;
}
.select-report-input-popover {
  width: 400px;
  display: flex;
  flex-direction: column;
}
.select-report-input-popover .time-range-error {
  margin-left: 87px;
  color: red;
}
.select-report-input-popover .error-msgs {
  margin-left: 90px;
  margin-top: 20px;
  color: red;
}
.select-report-input-popover report-input-filter-popover-directive .report-input-filter-popover-main .ni-followup-selections .popover .popover-inner .report-ni-input-followup {
  width: 350px;
}
.select-report-input-popover-footer {
  margin-top: auto;
  margin-left: auto;
}

.report-input-filter-popover-template {
  display: flex;
  flex-direction: column;
}
.report-input-filter-popover-template button {
  cursor: pointer;
}
.report-input-filter-popover-template .left-label {
  text-align: right;
  flex-shrink: 0;
  width: 100px;
  white-space: nowrap;
}
.report-input-filter-popover-template .report-input-filter-popover-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.report-input-filter-popover-template .custom-dropdown-btn {
  width: 100%;
  border-left: 1px solid #c8c8c8 !important;
  display: flex;
  align-items: center;
}
.report-input-filter-popover-template .custom-dropdown-btn .icon_nb_arrow_down {
  flex-shrink: 0;
  margin-left: auto;
  margin-top: 2px;
}
.report-input-filter-popover-template .report-input-filter-popover-main {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-top: 16px;
}
.report-input-filter-popover-template .steps {
  display: flex;
  gap: 8px;
  align-items: center;
}
.report-input-filter-popover-template .steps nb-date-picker-popup {
  flex-grow: 1;
}
.report-input-filter-popover-template .steps nb-timepicker {
  flex-grow: 1;
  flex-shrink: 0;
  height: 30px;
}
.report-input-filter-popover-template .steps nb-timepicker .nb-timepicker .btn-group .dropdown-toggle .icon-container {
  margin-top: -3px;
}
.report-input-filter-popover-template .field-value {
  flex-grow: 1;
  white-space: nowrap;
}
.report-input-filter-popover-template .field-value input[type="text"] {
  padding-left: 0.7rem;
}
.report-input-filter-popover-template .pickup-field-value {
  width: 0 !important;
}
.report-input-filter-popover-template .custom-dropdown-menu-pickup {
  max-height: 300px;
  overflow: auto;
}
.report-input-filter-popover-template .custom-dropdown-menu-pickup .pick-up-list-name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-input-filter-popover-template .pickup-list-placehoders {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 15px;
}
.report-input-filter-popover-template .pickup-list-details label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.report-input-filter-popover-template .pickup-list-details input[type="checkbox"] {
  margin: 0;
}
.report-input-filter-popover-template .custom-dropdown-menu li > a {
  text-decoration: none;
  color: black;
}
.report-input-filter-popover-template .datetime-ungrouped li {
  border-bottom: 1px solid #c8c8c8;
}
.report-input-filter-popover-template .datetime-group:not(:last-child) {
  border-bottom: 1px solid #c8c8c8;
}
.report-input-filter-popover-template .datetime-group li > a {
  padding-left: 25px;
}
.report-input-filter-popover-template .datetime-group-title {
  font-weight: 700;
  padding-left: 12px;
}
.report-input-filter-popover-template .select-device-input-btn {
  padding-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  flex-grow: 1;
  text-align: left;
  height: 20px;
}
.report-input-filter-popover-template .device-btn-group {
  display: flex;
  align-items: center;
  overflow: hidden;
  gap: 3px;
}
.report-input-filter-popover-template .device-btn-group em {
  flex-shrink: 0;
  cursor: pointer;
  margin-top: 2px;
}
.report-input-filter-popover-template input[type="text"] {
  padding-left: 8px;
}
.report-input-filter-popover-template .time-range-error {
  display: flex;
  justify-content: center;
  color: red;
}
.report-input-filter-popover-template .ni-followup-selections {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-left: 65px;
}
.report-input-filter-popover-template .ni-followup-selections .followup-label {
  display: flex;
  align-items: center;
  gap: 5px;
}
.report-input-filter-popover-template .ni-followup-selections .followup-label input[type="checkbox"] {
  margin-top: 2px;
}

.report-input-view-mode-main {
  padding: 0 15px;
}
.report-input-view-mode-main .report-input-view-mode-header {
  display: flex;
  gap: 12px;
  height: 40px;
  align-items: center;
}
.report-input-view-mode-main .report-input-view-mode-header .input-summary {
  display: flex;
  gap: 12px;
}
.report-input-view-mode-main .report-input-view-mode-header .toggle-minimize-icon {
  margin-left: auto;
  flex-shrink: 0;
}
.report-input-view-mode-main .report-input-view-mode-header .default-input-part {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  background: #F8FCFF;
  padding: 0 8px;
  white-space: nowrap;
}
.report-input-view-mode-main .report-input-view-mode-header .default-input-part .default-input {
  display: flex;
  gap: 5px;
  max-width: 400px;
}
.report-input-view-mode-main .report-input-view-mode-header .default-input-part .default-summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-input-view-mode-main .report-input-view-mode-header .additional-input {
  color: #127ACA;
}
.report-input-view-mode-main .report-input-view-mode-details {
  display: flex;
  column-gap: 22px;
  row-gap: 15px;
  flex-wrap: wrap;
  padding: 10px 0 24px 11px;
}
.report-input-view-mode-main .details-input-part {
  border: 1px solid #c8c8c8;
  border-radius: 3px;
  background: #F8FCFF;
  position: relative;
}
.report-input-view-mode-main .details-input-part .details-input {
  padding: 0 13px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}
.report-input-view-mode-main .details-input-part .details-input .default-summary {
  overflow: hidden;
  text-overflow: ellipsis;
}
.report-input-view-mode-main .left-corner-icon {
  position: absolute;
  left: -11px;
  top: 2px;
}

.report-data-filter-view-mode-main {
  display: inline-grid;
  overflow: hidden;
  grid-auto-flow: column;
  align-items: center;
  padding: 0 15px;
  column-gap: 10px;
  height: 100%;
}
.report-data-filter-view-mode-main .report-data-filter-group {
  display: flex;
  align-items: center;
  overflow: hidden;
}
.report-data-filter-view-mode-main .report-data-filter-content-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 35px;
}
.report-data-filter-view-mode-main .report-data-filter-content-select {
  overflow: hidden;
  min-width: 45px;
}
.report-data-filter-view-mode-main .report-data-filter-content-select .custom-dropdown-btn {
  display: flex;
  width: 100%;
  align-items: center;
  border: none !important;
  gap: 5px;
}
.report-data-filter-view-mode-main .report-data-filter-content-select .custom-dropdown-btn .report-data-filter-selected-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.report-data-filter-view-mode-main .report-data-filter-content-select .custom-dropdown-btn i {
  flex-shrink: 0;
}

time-range-selection-directive .vertical-layout {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.dashboard-manager {
  width: 100%;
  height: 100%;
}
.dashboard-manager > div {
  width: 100%;
  height: 100%;
}
.dashboard-mgr-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.dashboard-mgr-container .cursor-pointer {
  cursor: pointer;
}
.dashboard-mgr-container *::-webkit-scrollbar {
  width: 15px;
  height: 15px;
}
.dashboard-mgr-container *::-webkit-scrollbar-track {
  
}
.dashboard-mgr-container *::-webkit-scrollbar-corner {
  background-color: transparent;
}
.dashboard-mgr-container *::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border: 3px solid transparent;
  border-radius: 8px;
  background-clip: content-box;
}
.dashboard-mgr-container *::-webkit-scrollbar-thumb:hover {
  background: #848484;
  border: 2px solid transparent;
  border-radius: 8px;
  background-clip: content-box;
}
.dashboard-mgr-header {
  display: flex;
  flex: 0 0 56px;
  gap: 8px;
  background-color: #ecf4fb;
  padding: 0 24px;
  align-items: center;
}
.dashboard-mgr-header .switch-animate {
  cursor: pointer;
}
.dashboard-mgr-header.summary-dashboard {
  padding: 0px 24px;
}
.dashboard-mgr-header .dashboard-identify-icon {
  position: relative;
  min-width: 32px;
  height: 32px;
}
.dashboard-mgr-header .dashboard-identify-icon img {
  height: 32px;
}
.dashboard-mgr-header .dashboard-identify-icon.edit-mode {
  cursor: pointer;
}
.dashboard-mgr-header .dashboard-mgr-header-name-wraper {
  width: 600px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.dashboard-mgr-header .dashboard-mgr-header-name-wraper .dashboard-name-desc-body {
  line-height: 18px !important;
  flex: 0 1 auto;
  min-width: 0;
}
.dashboard-mgr-header .dashboard-mgr-header-name-wraper .published-tip {
  padding: 0 12px;
  border: 1px solid #BBD0EF;
  border-radius: 20px;
  flex: 0 1 auto;
  color: #4A5861;
  font-weight: 600;
  background: #F7FAFD;
}
.dashboard-mgr-header .modify-icon {
  
  position: absolute;
  right: -4px;
  bottom: -4px;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button {
  display: flex;
  margin-left: auto;
  align-items: center;
  gap: 24px;
  flex-shrink: 1;
  min-width: 0;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button > * {
  flex-shrink: 0;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link {
  flex-shrink: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 4px;
  min-width: 70px;
  font-weight: 600;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link .dashboard-link-delete {
  padding-bottom: 2px;
  visibility: hidden;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link .dashboard-link-delete i {
  vertical-align: middle;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link .btn-link {
  overflow: hidden;
  line-height: unset;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link .btn-link > span {
  display: flex;
  align-items: center;
  gap: 2px;
  overflow: hidden;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link .btn-link > span i {
  flex-shrink: 0;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-link .btn-link > span > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-hover-background.canDelete:hover {
  border-radius: 3px;
  outline: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.01);
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-hover-background.canDelete:hover .dashboard-link-delete {
  visibility: visible;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .dashboard-hover-background.canDelete:hover .dashboard-link-delete .icon-close-hover {
  cursor: pointer;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .refresh-message {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #546773;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .btn {
  display: flex;
  align-items: center;
  margin-left: unset;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .btn-link {
  color: #015290;
  padding: 0;
  border: none;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .btn-blue {
  border: 1px solid #afc4e0;
  background: unset;
  background-color: #dcebff;
}
.dashboard-mgr-header .dashboard-mgr-header-group-button .btn-blue:hover {
  border: 1px solid #c5dbfb;
  background: unset;
  background-color: #c5dbfb;
}
.dashboard-mgr-view-header {
  background-color: #ffffff;
  border-bottom: 1px solid #dde4e9;
}
.dashboard-mgr-edit-header {
  background-color: #ecf4fb;
  border-bottom: 1px solid #dde4e9;
}
.dashboard-more-dropdown .dropdown-toggle {
  display: flex;
}
.dashboard-more-dropdown-menu {
  right: 16px !important;
  left: auto !important;
}
.dashboard-mgr-content {
  display: flex;
  height: 0;
  flex: 1;
  background-color: #f7f7f7;
}
.dashboard-mgr-left {
  flex: 0 0 370px;
  position: relative;
  border-right: 1px solid #c8c8c8;
}
.dashboard-mgr-left .escape-btn {
  position: absolute;
  top: 0;
  right: 2px;
}
.dashboard-mgr-left.left-pane-hide {
  flex: 0 0 20px;
}
.dashboard-group-right {
  flex: 0 0 320px;
  display: flex;
  border-left: 1px solid #c8c8c8;
  background-color: #ffffff;
}
.dashboard-group-left {
  width: 0;
  flex: 1;
  display: flex;
  position: relative;
}
.dashboard-sample-data-wording {
  height: 32px;
  padding: 0 24px;
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #e4edf9;
}
.dashboard-sample-data-wording .webfont-1x {
  font-size: 16px;
  color: #127aca;
  margin-top: -7px;
}
.dashboard-mgr-hide-left {
  width: 20px;
  position: relative;
  border-right: 1px solid #c8c8c8;
}
.dashboard-mgr-main {
  flex: 1;
  position: relative;
}
.dashboard-mgr-main .expend-btn {
  position: absolute;
  left: 0;
  top: 0;
}
.dashboard-mgr-main .add-widget-model {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  color: #828c92;
}
.dashboard-manager .tool-box {
  cursor: pointer;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dashboard-manager .tool-box:hover {
  background-color: #aad7f1;
}
.auto-refresh-frequency-popout {
  width: 200px;
  display: flex;
  flex-direction: column;
  padding: 6px;
  gap: 20px;
}
.auto-refresh-frequency-popout input {
  width: 50px;
}
.auto-refresh-frequency-popout input[type="number"]::-webkit-inner-spin-button,
.auto-refresh-frequency-popout input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.auto-refresh-frequency-popout section.auto-refresh-frequency {
  display: flex;
  gap: 6px;
  align-items: center;
}
.auto-refresh-frequency-popout footer {
  text-align: right;
}
.auto-refresh-frequency-popout.frequency-tip {
  width: auto;
  gap: 6px;
}
.auto-refresh-frequency-popout.frequency-tip span {
  white-space: nowrap;
}
.manual-refresh-with-red-dot {
  position: relative;
  color: #127aca;
  height: 16px;
  cursor: pointer;
}
.manual-refresh-with-red-dot .webfont-reddot {
  font-size: 6px;
  top: 2px;
  position: absolute;
  right: -2px;
  color: red;
}
.manual-refresh-with-red-dot .icon-reddot {
  font-size: 6px;
  top: 2px;
  position: absolute;
  right: -2px;
  color: red;
}
.dashboard-no-data-pane {
  flex: 1;
  display: flex;
}
.dashboard-no-data {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 12px;
  color: #212121;
}
.dashboard-no-data .no-data-icon-wraper {
  display: flex;
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: #dde4e9;
  align-items: center;
  justify-content: center;
}
.dashboard-no-data .no-data-msg {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.dashboard-no-data .main-msg {
  font-weight: 600;
}
.intent-dashboard-header-tooltip,
.universal-dashboard-header-tooltip {
  max-width: 500px;
  opacity: 1 !important;
}
.intent-dashboard-header-tooltip .light-font-color,
.universal-dashboard-header-tooltip .light-font-color {
  color: #546773;
}
.intent-dashboard-header-tooltip strong,
.universal-dashboard-header-tooltip strong {
  font-weight: 600;
}
.intent-dashboard-header-tooltip .tooltip-inner,
.universal-dashboard-header-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.intent-dashboard-header-tooltip.bottom,
.universal-dashboard-header-tooltip.bottom {
  padding: 5px 0;
}
.intent-dashboard-header-tooltip .tooltip-arrow,
.universal-dashboard-header-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}

.dashboard-widget-container {
  display: flex;
  width: 100%;
  height: 100%;
  gap: 12px;
  flex-direction: column;
  position: relative;
}
.dashboard-widget-container.horizon-direction {
  flex-direction: row;
}
.widget-chart-container {
  flex: 1;
  position: relative;
  display: flex;
  min-height: 0;
  overflow: auto;
}
.widget-chart-no-effect-container {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: -moz-fit-content;
  height: fit-content;
}
.widget-chart-no-effect-messages {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #666666;
  font-size: 12px;
  font-weight: 400;
  margin-top: 10px;
  flex: 1;
}
.widget-callout-container {
  flex: 0 1 50%;
  position: relative;
  display: flex;
  flex-direction: column;
  height: 0;
}
.widget-callout-container.one-third-mode {
  flex: 0 1 33.3%;
}
.widget-callout-container .widget-callout-title {
  max-height: 30px;
  line-height: 30px;
  display: flex;
  font-weight: 600;
  justify-content: center;
  align-items: center;
  background-color: #f8f8f8;
  padding: 0 12px;
}
.widget-callout-container .widget-callout-title span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-callout-container .widget-callout-content {
  flex: 1;
  padding-top: 4px;
  height: 0;
}
.widget-callout-container .widget-callout-content div[nb-grid] .ui-grid-header {
  border-bottom-color: #e9e9e9;
}
.horizon-direction .widget-chart-container {
  overflow: auto;
}
.horizon-direction .widget-callout-container {
  overflow: auto;
  height: 100%;
}
.dashboard-widget-title-tooltip {
  background: #fff;
  opacity: 1;
  border-radius: 4px;
  box-shadow: 0px 2px 10px 0px #2F3F4961;
}
.dashboard-widget-title-tooltip .ui-tooltip-content {
  background-color: #ffffff;
  overflow-wrap: break-word;
}
.dashboard-widget-title-tooltip .widget-title-tip-label {
  color: #546773;
}
.dashboard-widget-title-tooltip .widget-title-tip-list {
  display: flex;
  flex-direction: column;
}

.dashboard-metric-chart-container {
  height: 100%;
  overflow-y: auto;
  flex: 1;
  display: flex;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: auto;
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content .metric-chart-item {
  display: flex;
  align-items: center;
  gap: 16px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content .metric-chart-item .metric-chart-item-number {
  cursor: pointer;
  width: 100px;
  height: 42px;
  border: 1px solid #E8E8E8;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  font-size: 20px;
  padding: 0 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: normal;
  text-align: center;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content .metric-chart-item .metric-chart-item-label {
  font-size: 20px;
  flex: 1;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 220px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content.small-metric-mode {
  gap: 14px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content.small-metric-mode .metric-chart-item-number {
  width: 50px;
  height: 30px;
  font-size: 12px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content.small-metric-mode .metric-chart-item-label {
  font-size: 14px;
  max-width: 90px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content.medium-metric-mode {
  gap: 16px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content.medium-metric-mode .metric-chart-item-number {
  width: 70px;
  height: 36px;
  font-size: 14px;
}
.dashboard-metric-chart-container .dashboard-metric-chart-content.medium-metric-mode .metric-chart-item-label {
  font-size: 16px;
  max-width: 140px;
}

.dashboard-table-chart-container div[nb-grid] {
  border: 0;
}

:root {
  --summary-dashboard-device-chart-min-width: 850px;
}
.sd-alert-chart-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  min-width: 400px;
  min-height: 200px;
}
.sd-alert-chart-container .sd-chart-summary {
  flex: 0 0 90px;
  padding: 0px 16px;
}
.sd-alert-chart-container .sd-chart-main {
  flex: 1 1 auto;
  height: 0;
  display: flex;
  flex-direction: column;
}
.sd-alert-chart-container .sd-chart-main .sd-chart-intent-body {
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  overflow: auto;
  padding: 16px;
  margin: 0 16px 16px 16px;
}
.sd-alert-chart-container .sd-chart-main .sd-chart-intent-body .no-data-tip {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-alert-chart-container .sd-chart-main .sd-chart-device-body {
  flex: 1;
  width: 100%;
  min-width: 850px;
  min-height: 200px;
  padding: 16px;
}
.sd-alert-chart-container .sd-chart-main .sd-chart-device-body.sd-chart-device-body-sm {
  min-width: 400px;
}
.sd-alert-chart-container .sd-chart-main .sd-chart-intent-header {
  display: flex;
  align-items: center;
  gap: 6px;
  background-color: #eaebec;
  border-bottom: 1px solid #c8c8c8;
  font-weight: 600;
  color: #4a5861;
  height: 32px;
  margin: 0 16px;
}
.sd-alert-chart-container .sd-chart-main .sd-chart-intent-header .sd-chart-intent-header-left {
  width: 65%;
  padding-left: 16px;
}

.sd-summary-chart-container {
  width: 100%;
  padding: 0 16px;
}

.top-n-chart-container {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  height: 100%;
  min-width: 400px;
  min-height: 200px;
  padding: 16px;
}
.top-n-chart-container .top-n-main {
  flex: 1 1 auto;
  height: 0;
  display: flex;
  flex-direction: column;
}

.geo-map-chart-container {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  padding: 16px;
}
.geo-map-chart-container geolocation-map-directive {
  width: 100%;
  height: 100%;
}

.dashboard-mgr-search-result-grid .ui-grid-row {
  border-bottom: 1px solid #c8c8c8;
}
.dashboard-mgr-search-result-grid .ui-grid-row .dashboard-path-cell {
  width: 100%;
  max-width: 100%;
}
.dashboard-mgr-search-result-grid .breadcrumb {
  margin: 0;
  padding: 0;
  background-color: inherit;
}
.dashboard-mgr-search-result-grid .breadcrumb li + li:before {
  padding: 0 5px;
  color: inherit;
  content: ">";
}
.dashboard-mgr-grid {
  position: absolute;
  top: 38px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding-bottom: 2px;
  padding-right: 2px;
  background-color: #fff;
}
.dashboard-mgr-grid .ui-grid .ui-grid-cell-contents {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dashboard-mgr-grid .ui-grid .ui-grid-cell-contents i {
  flex-shrink: 0;
}
.dashboard-mgr-grid .ui-grid .ui-grid-cell-contents span {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-select-folder .modal-body {
  width: 380px;
  height: 450px;
  display: flex;
  flex-direction: column;
}
.dashboard-select-folder .slt-dashboard-folder-tree {
  height: 0;
  flex: 1;
  border: 1px solid #c8c8c8;
}
.dashboard-select-folder .slt-dashboard-folder-input {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.dashboard-select-folder .slt-dashboard-folder-input input {
  flex: 1;
  margin-left: 6px;
  padding: 0 6px;
  height: 30px;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report {
  margin-top: 12px;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report label {
  text-align: left;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report input[type='checkbox'] {
  display: flex;
  margin-bottom: auto;
  margin-top: 6px;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .savereport-placeholder {
  font-size: 12px;
  display: flex;
  gap: 3px;
  align-items: center;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .slt-dashboard-folder-save-to-report-dropdown {
  border: none;
  margin-left: 16px;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .slt-dashboard-folder-save-to-report-dropdown .btn-default {
  border: none;
  padding: 2px 3px 5px 0;
  color: #0869a0;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .slt-dashboard-folder-save-to-report-dropdown .btn-default:hover {
  background-color: unset;
  color: #0869a0;
  text-decoration: underline;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .slt-dashboard-folder-save-to-report-dropdown .dropdown-toggle {
  border: none;
  padding-left: 0;
  padding-top: 5px;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .slt-dashboard-folder-save-to-report-dropdown .dropdown-toggle:hover {
  background-color: unset;
}
.dashboard-select-folder .slt-dashboard-folder-save-to-report .slt-dashboard-folder-save-to-report-dropdown .dropdown-toggle .icon-container:hover {
  background-color: unset;
}

.dashboard-mgr-main {
  display: flex;
}
.dashboard-mgr-main ul {
  margin: 0;
}
.dashboard-mgr-main li {
  list-style-type: none;
  border: 1px solid #e0e0e0;
}
.dashboard-mgr-main .add-widget-area {
  position: absolute;
  top: 5px;
  right: auto;
  bottom: auto;
  left: 20px;
  z-index: auto;
  border: 1px solid #aad7f1;
}
.dashboard-mgr-main .dashboard-editor {
  flex: 1;
  background-color: #f7f7f7;
}
.dashboard-mgr-main .dashboard-editor .grid-stack-item .grid-stack-item-content {
  box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  background-color: #fff;
}
.dashboard-mgr-main .dashboard-editor .grid-stack-item .grid-stack-item-content.actived {
  border: 1px solid #3E89FB;
  border-radius: 5px;
}
.dashboard-mgr-main .dashboard-editor .widget {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.dashboard-mgr-main .dashboard-editor .widget.grid-summary-widget {
  height: -moz-fit-content;
  height: fit-content;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top {
  display: flex;
  flex-direction: column;
  background-color: #ffffff;
  min-height: 40px;
  border: 0;
  border-radius: 5px;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top.cursor-move {
  cursor: move;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header {
  padding: 0 16px;
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-title {
  flex: 1;
  font-size: 14px;
  font-weight: 600;
  width: 0;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-title .outer {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar {
  display: flex;
  gap: 16px;
  align-items: center;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar .dropdown-menu {
  right: calc(100% - 14px);
  left: auto;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar .dropdown-menu li {
  border: 0;
  height: 24px;
  line-height: 24px;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar > span {
  color: #546773;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar > * {
  cursor: pointer;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar > * span {
  color: #546773;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-header .widget-toolbar > *.widget-timer {
  cursor: inherit;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-filter {
  flex: 1 1 auto;
  display: flex;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-filter .dashboard-widget-filter-container {
  flex: 1;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-top .top-filter .dashboard-widget-filter-container report-data-filter-view-mode-directive .report-data-filter-view-mode-main .report-data-filter-group .report-data-filter-content-select .custom-dropdown-btn .report-data-filter-selected-name {
  max-width: 150px !important;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-main {
  flex: 1;
  height: auto;
  min-height: 0;
}
.dashboard-mgr-main .dashboard-editor .widget .widget-main .dashboard-widget-container .widget-chart-container .sd-alert-chart-container .sd-chart-summary .summary-block > .summary-block-details > .name-value-section > .details-value {
  font-size: 24px;
}
.dashboard-mgr-main .dashboard-base {
  background-color: #f7f7f7;
}
.dashboard-mgr-main .dashboard-base .dashboard-main {
  top: 4px;
  padding-left: 19px;
}
.dashboard-mgr-main .dashboard-base .dashboard-main .dashboard-no-data {
  position: absolute;
  top: 40%;
  font-size: 12px;
  color: #666666;
  text-align: center;
  margin: 0 auto;
  width: 100%;
}
.dashboard-mgr-main .widget-loading {
  display: none;
}
.dashboard-mgr-main .widget-limit-tip {
  display: flex;
  align-items: center;
  gap: 6px;
  cursor: inherit !important;
}

.report-dashboard-drop-widget {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #828c92;
  font-size: 15px;
}
.report-dashboard-drop-widget.drag-over {
  border: 2px dotted blue !important;
}

.gs-60 > .grid-stack-item {
  width: 1.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='60'] {
  left: 100%;
}
.gs-60 > .grid-stack-item[gs-w='60'] {
  width: 100%;
}
.gs-60 > .grid-stack-item[gs-x='59'] {
  left: 98.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='59'] {
  width: 98.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='58'] {
  left: 96.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='58'] {
  width: 96.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='57'] {
  left: 95%;
}
.gs-60 > .grid-stack-item[gs-w='57'] {
  width: 95%;
}
.gs-60 > .grid-stack-item[gs-x='56'] {
  left: 93.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='56'] {
  width: 93.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='55'] {
  left: 91.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='55'] {
  width: 91.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='54'] {
  left: 90%;
}
.gs-60 > .grid-stack-item[gs-w='54'] {
  width: 90%;
}
.gs-60 > .grid-stack-item[gs-x='53'] {
  left: 88.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='53'] {
  width: 88.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='52'] {
  left: 86.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='52'] {
  width: 86.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='51'] {
  left: 85%;
}
.gs-60 > .grid-stack-item[gs-w='51'] {
  width: 85%;
}
.gs-60 > .grid-stack-item[gs-x='50'] {
  left: 83.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='50'] {
  width: 83.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='49'] {
  left: 81.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='49'] {
  width: 81.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='48'] {
  left: 80%;
}
.gs-60 > .grid-stack-item[gs-w='48'] {
  width: 80%;
}
.gs-60 > .grid-stack-item[gs-x='47'] {
  left: 78.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='47'] {
  width: 78.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='46'] {
  left: 76.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='46'] {
  width: 76.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='45'] {
  left: 75%;
}
.gs-60 > .grid-stack-item[gs-w='45'] {
  width: 75%;
}
.gs-60 > .grid-stack-item[gs-x='44'] {
  left: 73.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='44'] {
  width: 73.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='43'] {
  left: 71.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='43'] {
  width: 71.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='42'] {
  left: 70%;
}
.gs-60 > .grid-stack-item[gs-w='42'] {
  width: 70%;
}
.gs-60 > .grid-stack-item[gs-x='41'] {
  left: 68.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='41'] {
  width: 68.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='40'] {
  left: 66.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='40'] {
  width: 66.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='39'] {
  left: 65%;
}
.gs-60 > .grid-stack-item[gs-w='39'] {
  width: 65%;
}
.gs-60 > .grid-stack-item[gs-x='38'] {
  left: 63.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='38'] {
  width: 63.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='37'] {
  left: 61.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='37'] {
  width: 61.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='36'] {
  left: 60%;
}
.gs-60 > .grid-stack-item[gs-w='36'] {
  width: 60%;
}
.gs-60 > .grid-stack-item[gs-x='35'] {
  left: 58.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='35'] {
  width: 58.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='34'] {
  left: 56.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='34'] {
  width: 56.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='33'] {
  left: 55%;
}
.gs-60 > .grid-stack-item[gs-w='33'] {
  width: 55%;
}
.gs-60 > .grid-stack-item[gs-x='32'] {
  left: 53.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='32'] {
  width: 53.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='31'] {
  left: 51.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='31'] {
  width: 51.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='30'] {
  left: 50%;
}
.gs-60 > .grid-stack-item[gs-w='30'] {
  width: 50%;
}
.gs-60 > .grid-stack-item[gs-x='29'] {
  left: 48.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='29'] {
  width: 48.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='28'] {
  left: 46.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='28'] {
  width: 46.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='27'] {
  left: 45%;
}
.gs-60 > .grid-stack-item[gs-w='27'] {
  width: 45%;
}
.gs-60 > .grid-stack-item[gs-x='26'] {
  left: 43.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='26'] {
  width: 43.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='25'] {
  left: 41.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='25'] {
  width: 41.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='24'] {
  left: 40%;
}
.gs-60 > .grid-stack-item[gs-w='24'] {
  width: 40%;
}
.gs-60 > .grid-stack-item[gs-x='23'] {
  left: 38.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='23'] {
  width: 38.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='22'] {
  left: 36.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='22'] {
  width: 36.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='21'] {
  left: 35%;
}
.gs-60 > .grid-stack-item[gs-w='21'] {
  width: 35%;
}
.gs-60 > .grid-stack-item[gs-x='20'] {
  left: 33.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='20'] {
  width: 33.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='19'] {
  left: 31.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='19'] {
  width: 31.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='18'] {
  left: 30%;
}
.gs-60 > .grid-stack-item[gs-w='18'] {
  width: 30%;
}
.gs-60 > .grid-stack-item[gs-x='17'] {
  left: 28.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='17'] {
  width: 28.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='16'] {
  left: 26.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='16'] {
  width: 26.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='15'] {
  left: 25%;
}
.gs-60 > .grid-stack-item[gs-w='15'] {
  width: 25%;
}
.gs-60 > .grid-stack-item[gs-x='14'] {
  left: 23.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='14'] {
  width: 23.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='13'] {
  left: 21.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='13'] {
  width: 21.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='12'] {
  left: 20%;
}
.gs-60 > .grid-stack-item[gs-w='12'] {
  width: 20%;
}
.gs-60 > .grid-stack-item[gs-x='11'] {
  left: 18.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='11'] {
  width: 18.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='10'] {
  left: 16.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='10'] {
  width: 16.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='9'] {
  left: 15%;
}
.gs-60 > .grid-stack-item[gs-w='9'] {
  width: 15%;
}
.gs-60 > .grid-stack-item[gs-x='8'] {
  left: 13.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='8'] {
  width: 13.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='7'] {
  left: 11.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='7'] {
  width: 11.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='6'] {
  left: 10%;
}
.gs-60 > .grid-stack-item[gs-w='6'] {
  width: 10%;
}
.gs-60 > .grid-stack-item[gs-x='5'] {
  left: 8.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='5'] {
  width: 8.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='4'] {
  left: 6.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='4'] {
  width: 6.66666667%;
}
.gs-60 > .grid-stack-item[gs-x='3'] {
  left: 5%;
}
.gs-60 > .grid-stack-item[gs-w='3'] {
  width: 5%;
}
.gs-60 > .grid-stack-item[gs-x='2'] {
  left: 3.33333333%;
}
.gs-60 > .grid-stack-item[gs-w='2'] {
  width: 3.33333333%;
}
.gs-60 > .grid-stack-item[gs-x='1'] {
  left: 1.66666667%;
}
.gs-60 > .grid-stack-item[gs-w='1'] {
  width: 1.66666667%;
}

.shareFileURLPopup .modal-dialog .modal-content .modal-header {
  height: 34px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-header .share-file-url-popup-title {
  margin: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-header .close {
  margin: 9px 6px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .btn {
  font-weight: 400 !important;
  font-size: 12px;
  padding: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown i {
  margin-left: 4px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown input {
  display: inline-block;
  width: 425px !important;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown .shareDropdown {
  position: absolute;
  width: 426px;
  height: auto;
  max-height: 210px;
  left: 22px;
  top: inherit;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown .shareDropdown .highlight-container span {
  display: inline;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown .shareDropdown ul {
  margin-bottom: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-footer > .btn + .btn {
  margin-left: 24px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-dialog {
  width: 485px;
  height: 530px;
}
.modal-dialog .modal-content .modal-body.share-file-url-popup-body {
  margin: 0;
  height: 550px;
  padding-top: 0;
}
.share-file-url-popup-body .linkTitle {
  color: #000000;
}
.share-file-url-popup-body .shareDropdown ul {
  max-height: 200px;
  overflow-y: auto;
}
.share-file-url-popup-body .shareDropdown li {
  cursor: pointer;
  list-style: outside none none;
  padding: 4px 12px;
}
.share-file-url-popup-body .shareDropdown li:hover {
  background-color: #edf8ff;
  border: 1px solid #edf8ff;
}
.share-file-url-popup-body .shareDropdown span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-file-url-popup-body .shareWithText {
  margin-top: 5px;
  max-width: 100%;
  width: 100%;
  height: 180px !important;
  max-height: 180px;
  cursor: inherit;
}
.share-file-url-popup-body .shareLinks {
  height: 80px;
}
.share-file-url-popup-body .shareRadio {
  margin: 10px 0;
}
.share-file-url-popup-body .shareRadio .copylink {
  float: right;
  margin-top: 4px;
}
.share-file-url-popup-body .shareRadio label {
  margin-right: 20px;
}
.share-file-url-popup-body .shareRadio label input[type=radio],
.share-file-url-popup-body .shareRadio label input[type=checkbox] {
  vertical-align: middle;
  margin: 0;
  margin-top: -2px;
  margin-right: 3px;
}
.share-file-url-popup-body > .previewFrame {
  padding-top: 10px;
  position: relative;
  left: 10px;
  width: calc(100% - 20px);
  height: 140px;
  text-align: center;
}
.share-file-url-popup-body > .shareToFrame {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: calc(100% - 20px);
  height: 30px;
}
.share-file-url-popup-body > .shareToFrame > .shareText {
  float: left;
  margin: 7px 0;
}
.share-file-url-popup-body > .shareToFrame > .shareDropdown {
  float: left;
  margin: 2px 10px;
}
.share-file-url-popup-body > .emailToMeText {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: calc(100% - 20px);
  height: 30px;
}
.share-file-url-popup-body > .emailToMeText > input {
  float: left;
  margin: 7px 0;
}
.share-file-url-popup-body > .emailToMeText > p {
  float: left;
  margin: 6px 10px;
}
.share-file-url-popup-body > .previewFrame .previewImg {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin-top: 12px;
}
.share-file-url-popup-body > .previewFrame .previewImg span {
  display: inline-block;
}
.share-file-url-popup-body > .previewFrame .previewImg div {
  display: inline-block;
}
.share-file-url-popup-body > .previewFrame .previewImg .arrow {
  width: 20%;
  vertical-align: middle;
}
.share-file-url-popup-body > .previewFrame .previewImg .arrow button {
  font-size: 30px;
  color: #000000;
  background-color: #ffffff;
  border: none;
  outline: none;
}
.share-file-url-popup-body > .previewFrame .previewImg .arrow .arrowDisabled {
  color: #c8c8c8;
  display: none;
}
.share-file-url-popup-body > .previewFrame .previewImg > .imgFrame {
  height: 100%;
  margin: auto auto;
  width: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.share-file-url-popup-body > .previewFrame .carousel {
  height: 100%;
  border: 1px solid green;
}
.share-file-url-popup-body > .previewFrame .carousel > .carousel-inner {
  height: 100%;
}
.share-file-url-popup-body > .previewFrame > .carousel > .carousel-indicators {
  bottom: 0;
}
.share-file-url-popup-body > .previewFrame .previewImg .imgRanderHtml {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.share-file-url-popup-body > .previewFrame .previewImg .imgRanderHtml > img {
  display: block;
  max-width: 223px;
  max-height: 130px;
  height: auto;
  width: auto;
}
.share-file-url-popup-body .ng-invalid-required.ng-touched {
  border-color: #d14747;
  box-shadow: #e6e6e6 0 2px 1px inset, #d14747 0 0 2px !important;
}
.share-file-url-popup-body .shareDropdown ul .selected {
  background-color: lightblue;
  border: 1px solid lightblue;
}
.share-file-url-popup-body .shareDropdown a {
  color: #fcad2d;
}
.share-file-url-popup-body > .dropdown {
  margin-bottom: 10px;
  height: 25px;
}
.share-file-url-popup-body > .dropdown label {
  width: 20px;
}
.share-file-url-popup-body .dropdown i {
  font-size: 16px;
  color: #000000;
}

.widget-setting-modal .modal-title {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  max-width: 1150px;
}
.widget-setting-modal .modal-body {
  width: 1200px;
  height: 620px;
}
.widget-setting-modal .wigget-setting-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.widget-setting-modal .widget-seting-top {
  flex: 0 0 55px;
}
.widget-setting-modal .widget-seting-main {
  flex: 1;
  display: flex;
  height: calc(100% - 55px);
}
.widget-setting-modal .widget-seting-content-left {
  flex: 0 0 292px;
}
.widget-setting-modal .widget-seting-content-left section {
  margin-bottom: 12px;
}
.widget-setting-modal .widget-seting-content-right {
  width: calc(100% - 292px);
  padding: 23px 0 0 25px;
}
.widget-setting-modal .widget-setting-dropdown {
  width: 100%;
  height: 30px;
  display: block;
}
.widget-setting-modal .widget-setting-dropdown .dropdown-show {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  padding: 0 6px;
  align-items: center;
  max-width: 100% !important;
  border-left: 1px solid #c8c8c8;
}
.widget-setting-modal .widget-setting-dropdown .dropdown-show .aggregation-msg {
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-setting-modal .gauge-settings .widget-setting-dropdown {
  display: inline-block;
  width: 218px;
}
.widget-setting-modal .settings-check-item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.widget-setting-modal .settings-check-item input {
  margin: 0;
}
.widget-setting-modal .range-value-box input::-webkit-outer-spin-button,
.widget-setting-modal .range-value-box input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.widget-setting-modal .range-value-box input[type="number"] {
  -moz-appearance: textfield;
}
.widget-setting-modal .settings-range-box {
  border: 1px solid #e8e8e8;
  padding: 18px;
}
.widget-setting-modal .settings-range-box .range-data-selection {
  display: flex;
  gap: 6px;
  align-items: center;
  margin-bottom: 12px;
}
.widget-setting-modal .settings-range-first-item {
  margin-bottom: 6px;
}
.widget-setting-modal .settings-range-first-item .range-value-box {
  width: 40px;
  text-align: center;
  position: relative;
}
.widget-setting-modal .settings-range-first-item .range-value-box input {
  width: 100%;
  margin: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  text-align: center;
  font-weight: 700;
}
.widget-setting-modal .settings-range-first-item .range-value-box span.percentage-text {
  position: absolute;
  top: 2px;
  right: -14px;
}
.widget-setting-modal .settings-range-item {
  display: flex;
  height: 55px;
  align-items: center;
  margin-bottom: 6px;
}
.widget-setting-modal .settings-range-item > div {
  margin-right: 20px;
}
.widget-setting-modal .settings-range-item .range-value-box {
  width: 40px;
  text-align: center;
  position: relative;
}
.widget-setting-modal .settings-range-item .range-value-box input {
  width: 100%;
  margin: 0;
  border-top-color: transparent;
  border-left-color: transparent;
  border-right-color: transparent;
  text-align: center;
  font-weight: 700;
}
.widget-setting-modal .settings-range-item .range-value-box span.percentage-text {
  position: absolute;
  top: 26px;
  right: -14px;
}
.widget-setting-modal .settings-range-item .range-color-box {
  width: 30px;
  height: 30px;
}
.widget-setting-modal .settings-range-item .range-legend-box {
  width: 70px;
  height: 30px;
  margin-top: -12px;
}
.widget-setting-modal .settings-range-item .range-legend-box input {
  width: 100%;
}
.widget-setting-modal .color-field {
  display: flex;
  align-items: center;
}
.widget-setting-modal .color-field .bg-box {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
}
.widget-setting-modal .metric-section .metric-field-content {
  border: 1px solid #e8e8e8;
  border-radius: 1px;
  position: relative;
}
.widget-setting-modal .widget-setting-preview {
  height: 100%;
  border: 1px solid #e8e8e8;
  box-shadow: 2px 2px 2px #e8e8e8;
  border-radius: 5px;
  padding: 0 16px;
}
.widget-setting-modal .widget-setting-preview .preview-title {
  height: 45px;
  font-size: 15px;
  line-height: 45px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.widget-setting-modal .widget-setting-preview .preview-content {
  height: calc(100% - 45px);
  padding-top: 10px;
}
.widget-setting-modal .sort-by-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.widget-setting-modal .sort-by-group .widget-setting-dropdown {
  width: 175px;
}
.widget-setting-modal .sort-by-group .aggregation-msg {
  overflow: hidden;
  text-overflow: ellipsis;
}
.widget-setting-modal .sort-by-group .dropdown a.dropdown-toggle {
  display: flex;
  align-items: center;
}
.dashboard-widget-setting-dropdown-menu {
  z-index: 1099;
  width: 292px;
}

.define-pivot-table,
.define-report-columns {
  display: flex;
  flex-direction: column;
}
.define-pivot-table > section,
.define-report-columns > section {
  padding: 1rem;
}
.define-pivot-table > header,
.define-report-columns > header {
  background-color: #f7f7f7;
  padding: 2px 1rem;
  font-weight: 600;
}
.define-pivot-table .pivot-table-row-container > header,
.define-report-columns .pivot-table-row-container > header,
.define-pivot-table .pivot-table-column-container > header,
.define-report-columns .pivot-table-column-container > header,
.define-pivot-table .report-columns-container > header,
.define-report-columns .report-columns-container > header {
  font-size: 11px;
}
.define-pivot-table .header-wording,
.define-report-columns .header-wording {
  font-weight: 600;
  font-size: 12px;
}
.define-pivot-table .section-wording,
.define-report-columns .section-wording {
  font-weight: 600;
  font-size: 11px;
}
.define-pivot-table .entry-items-container,
.define-report-columns .entry-items-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  border: 1px dashed #d8d8d8;
  min-height: 70px;
  padding: 8px;
}
.define-pivot-table .entry-items-container droppable-container:last-child,
.define-report-columns .entry-items-container droppable-container:last-child {
  min-height: 30px;
  flex-grow: 1;
  display: grid;
  place-items: center;
  color: #59656D;
}
.define-pivot-table .entry-items-container .entry,
.define-report-columns .entry-items-container .entry {
  border: 1px solid #e9e9e9;
  background: #f7f7f7;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.define-pivot-table .entry-items-container .entry:hover .icon_nb_close_dim,
.define-report-columns .entry-items-container .entry:hover .icon_nb_close_dim {
  visibility: visible;
}
.define-pivot-table .entry-items-container .entry i,
.define-report-columns .entry-items-container .entry i {
  flex-shrink: 0;
}
.define-pivot-table .entry-items-container .entry button,
.define-report-columns .entry-items-container .entry button {
  margin-left: auto;
}
.define-pivot-table .entry-items-container .entry button .icon_nb_close_dim,
.define-report-columns .entry-items-container .entry button .icon_nb_close_dim {
  visibility: hidden;
}
.define-pivot-table .entry-items-container .gutter,
.define-report-columns .entry-items-container .gutter {
  height: 5px;
  display: block;
}
.define-pivot-table .entry-items-container .gutter.drag-over,
.define-report-columns .entry-items-container .gutter.drag-over {
  height: 30px !important;
  transition: height 0.1s linear !important;
}
.define-pivot-table {
  display: flex;
  flex-direction: column;
  border-bottom: 1px solid #dadada;
}
.define-pivot-table section.analytics-container {
  display: flex;
  flex-direction: column;
}
.define-pivot-table section.analytics-container header {
  display: flex;
  font-size: 11px;
}
.define-pivot-table section.analytics-container header a {
  margin-left: auto;
}
.define-pivot-table section.analytics-container .entry-items-container {
  overflow: auto;
  border: 1px dotted #d8d8d8;
}
.define-pivot-table section.analytics-container .entry-items-container .entry {
  border: 1px solid #e9e9e9;
  background: #f7f7f7;
  border-radius: 3px;
  padding-left: 1rem;
  padding-right: 1rem;
  display: flex;
  align-items: center;
  gap: 2px;
}
.define-pivot-table section.analytics-container .entry-items-container .entry:hover {
  cursor: unset;
}
.define-pivot-table section.analytics-container .entry-items-container .entry button {
  margin-left: auto;
}
.define-pivot-table section.analytics-container .entry-items-container .gutter {
  height: 5px;
  display: block;
}
.define-pivot-table section.analytics-container .entry-items-container footer {
  align-self: center;
  margin-top: auto;
  display: flex;
  align-items: center;
  gap: 5px;
}
.define-pivot-table section.analytics-container .entry-items-container footer strong {
  font-size: 11px;
}
.define-pivot-table section.analytics-container .entry-items-container footer input {
  margin: unset;
}
.define-pivot-table section.analytics-container > button {
  flex-shrink: 0;
}
.define-report-columns {
  height: 0;
}
.define-report-columns .entry button:nth-last-child(2) {
  margin-left: auto;
}
.define-report-columns .entry button:last-child {
  margin-left: unset;
}
.select-aggr-value-popover {
  width: 18vw;
  display: flex;
  flex-direction: column;
  max-width: 390px;
  min-width: 340px;
  gap: 8px;
}
.select-aggr-value-popover header {
  font-weight: 600;
}
.select-aggr-value-popover section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.select-aggr-value-popover section label {
  width: 80px;
  text-align: right;
  white-space: nowrap;
  flex-shrink: 0;
}
.select-aggr-value-popover .dropdown {
  flex-grow: 1;
}
.select-aggr-value-popover .dropdown.open > .dropdown-menu {
  display: block;
}
.select-aggr-value-popover .dropdown .btn.btn-default {
  max-width: unset;
  width: 0;
}
.select-aggr-value-popover footer {
  padding-top: 2rem;
  display: flex;
  justify-content: flex-end;
}
.define-drilldown-popover {
  width: 370px;
  margin: 7px 0;
}
.define-drilldown-popover footer {
  padding-top: 2rem;
  display: flex;
  justify-content: flex-end;
}

.multi-select-dropdown-dashboard .dropdown-btn {
  width: 100%;
  max-width: 100% !important;
  border: 1px solid #c8c8c8 !important;
  display: flex;
  align-items: center;
}
.multi-select-dropdown-dashboard .dropdown-btn .toggle-text {
  max-width: 268px;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 14px;
}
.multi-select-dropdown-dashboard .dropdown-btn .pull-right {
  margin-left: auto !important;
  flex-shrink: 0;
}

define-drilldown-action .drilldown-row {
  display: flex;
  align-items: center;
  gap: 8px;
}
define-drilldown-action .drilldown-row label {
  white-space: nowrap;
  width: 110px;
  text-align: right;
  flex-shrink: 0;
}
define-drilldown-action .drilldown-row .btn.disabled,
define-drilldown-action .drilldown-row .btn[disabled],
define-drilldown-action .drilldown-row fieldset[disabled] .btn {
  opacity: 1;
  background-color: #ffffff;
}
define-drilldown-action .drilldown-row .btn.disabled .icon-container,
define-drilldown-action .drilldown-row .btn[disabled] .icon-container,
define-drilldown-action .drilldown-row fieldset[disabled] .btn .icon-container {
  cursor: not-allowed;
}
define-drilldown-action .btn-group.dropdown {
  flex-grow: 1;
}
define-drilldown-action .btn-group.dropdown .btn.btn-default {
  max-width: unset;
}
define-drilldown-action hr {
  margin-top: 16px;
  margin-bottom: 12px;
}
define-drilldown-action header {
  color: #4a5861;
  font-size: 11px;
  font-weight: 600;
}
define-drilldown-action .drilldown-param-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
define-drilldown-action .drilldown-param-container-intent-map {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-left: 10px;
}
define-drilldown-action .intent-open-map-header {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  color: #000000;
}
define-drilldown-action .action-options {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
define-drilldown-action .action-options input[type="checkbox"],
define-drilldown-action .action-options input[type="radio"] {
  margin: 0;
}
define-drilldown-action .action-options label {
  display: flex;
  align-items: center;
  gap: 4px;
}
define-drilldown-action .action-options .action-sub-options {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-left: 16px;
}

action-param .action-param-group-row {
  flex-grow: 1;
}
action-param .drill-down-action-tree {
  display: flex !important;
}
.drilldown-action-dropdown-tree {
  z-index: 1200 !important;
}
.drilldown-action-dropdown-tree .infinite-tree .infinite-tree .infinite-tree-item .infinite-tree-icon > div {
  width: 16px !important;
  height: 16px !important;
  background-size: 16px 16px !important;
}

.auto-update-dialog .modal-dialog .modal-content {
  
}
.auto-update-dialog .modal-dialog .modal-content .modal-body {
  padding: 0 20px;
  min-width: 480px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-header {
  margin: 6px 0;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-header label {
  line-height: 30px;
  font-weight: 600;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-header input {
  vertical-align: middle;
  margin: 4px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-main {
  margin: 12px 0;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info {
  border-bottom: 1px solid #dadada;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row {
  margin: 6px 0;
  display: flex;
  align-items: center;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-title {
  display: inline-block;
  width: 60px;
  text-align: right;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content {
  display: inline-flex;
  margin-left: 6px;
  align-items: center;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content > input[type="number"] {
  width: 90px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .frequency-minute-dropdown-wrapper {
  width: 90px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .frequency-minute-dropdown-wrapper .dropdown {
  width: 100%;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .frequency-minute-dropdown-wrapper .dropdown .dropdown-body {
  padding: 0px 6px;
  font-size: 12px;
  display: flex;
  align-items: center;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .frequency-minute-dropdown-wrapper .dropdown .dropdown-body .dropdown-selection {
  height: unset;
  padding: 0;
  color: black;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .frequency-minute-dropdown-wrapper .dropdown.open > .dropdown-menu {
  display: block;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content > * {
  display: inline-block;
  margin: 0 4px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .form-number {
  width: 50px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .form-date {
  width: 120px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .label-control > input {
  margin: 0 4px;
  vertical-align: sub;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .icon_nb_calendar {
  margin-top: -8px;
}
.auto-update-dialog .modal-dialog .modal-content .modal-body .schedule-info .schedule-row .schedule-content .start-time-dropdown .dropdown-menu-custom {
  min-width: unset;
}
.auto-update-dialog .modal-dialog .modal-content .modal-footer {
  padding-top: 0px;
}

.editable-input-directive {
  width: 250px;
}
.editable-input-directive .editable-input-view {
  display: flex;
  align-items: center;
}
.editable-input-directive .editable-input-view .text-view {
  min-width: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.editable-input-directive .editable-input-view .edit-btn {
  display: none;
  cursor: pointer;
  margin-left: 6px;
  flex-shrink: 0;
}
.editable-input-directive .editable-input-view:hover .edit-btn {
  display: inline-block;
  flex-shrink: 0;
}
.editable-input-directive .editable-input-edit {
  display: flex;
  align-items: center;
}
.editable-input-directive .editable-input-edit input {
  flex: 1;
  padding: 0 3px;
  height: 30px;
}
.editable-input-directive .editable-input-edit .action-btn {
  line-height: 30px;
}
.editable-input-directive .editable-input-edit .action-btn > span {
  margin-left: 4px;
}

.define-report-filters-modal .modal-content .modal-body {
  width: 50rem;
}
.define-report-filters-modal .modal-content .modal-body .limitation {
  margin-left: auto;
  cursor: unset;
  color: #4a5861;
  text-decoration: unset;
}
.define-report-filters-modal .modal-content .modal-body > header {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #bababa;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 1rem;
  padding-right: 1rem;
}
.define-report-filters-modal .modal-content .modal-body > header .tab-headers {
  display: grid;
  grid-auto-flow: column;
  gap: 12px;
}
.define-report-filters-modal .modal-content .modal-body > header .tab-headers .header-item {
  text-decoration: unset;
  color: unset;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.define-report-filters-modal .modal-content .modal-body > header .tab-headers .header-item .header-item-title {
  width: 100%;
  display: inline-block;
  margin-right: 7px;
  cursor: pointer;
  padding: 0px 2px;
}
.define-report-filters-modal .modal-content .modal-body > header .tab-headers .header-item i {
  position: absolute;
  right: 0;
  display: none;
  cursor: pointer;
}
.define-report-filters-modal .modal-content .modal-body > header .tab-headers .header-item:hover i {
  display: block;
}
.define-report-filters-modal .modal-content .modal-body > header .tab-headers .active {
  border-bottom: 1px solid #7db1d9;
  font-weight: 600;
}
.define-report-filters-modal .modal-content .modal-body .tab-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 16px;
  padding-top: 16px;
  height: 30rem;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .dropdown {
  width: 100%;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .dropdown .dropdown-body {
  max-width: unset;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  overflow: auto;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container header {
  display: flex;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container header .btn {
  margin-left: auto;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container header span + .btn {
  margin-left: 1rem;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container header .filter-value-validator-placeholder {
  margin-left: 2rem;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container header .filter-limitaion-add-btn {
  margin-left: auto;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values {
  flex-grow: 1;
  overflow: auto;
  border: 1px solid #c8c8c8;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values .option-lists {
  display: flex;
  flex-direction: column;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li {
  padding-left: 8px;
  padding-right: 8px;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item input {
  height: 17px !important;
  text-align: left;
  width: 39rem;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item i {
  visibility: hidden;
  cursor: pointer;
  flex-shrink: 0;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item i.icon_nb_setting {
  margin-left: auto;
  margin-right: 5px;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li:hover,
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li:focus {
  text-decoration: none;
  color: #737373;
  background-color: #ddedf8;
  cursor: pointer;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li:hover i {
  visibility: visible;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li.active {
  text-decoration: none;
  background-color: #aad7f1;
}
.define-report-filters-modal .modal-content .modal-body .tab-content .filter-values-container section.filter-values li.disabled {
  color: #828C92;
}
.define-report-data-filter {
  width: 400px;
}
.define-report-data-filter footer {
  margin-top: 16px;
  text-align: right;
}

metric-field-define-directive {
  width: 100%;
}
metric-field-define-directive .add-btn-bar {
  position: absolute;
  right: 0px;
  top: -25px;
  display: flex;
  gap: 5px;
}
metric-field-define-directive .add-btn-bar .btn.btn-link {
  line-height: 24px;
  padding: 0;
  margin: 0;
  border: 0;
}
metric-field-define-directive .dashboard-metric-fields-wraper {
  height: 280px;
  overflow: auto;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section {
  display: flex;
  flex-direction: column;
  margin-bottom: 12px;
  gap: 6px;
  padding: 12px;
  position: relative;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section:first-child {
  border-top: none;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section .close-field {
  position: absolute;
  right: 10px;
  top: 10px;
  display: none;
  cursor: pointer;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section:hover {
  border-top-color: #e8e8e8;
  border-bottom-color: #e8e8e8;
  background-color: #f8f8f8;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section:hover:first-child {
  border-top: none;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section:hover .close-field {
  display: block;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section .value-cell {
  display: flex;
  align-items: center;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section .serial-number {
  width: 20px;
  height: 20px;
  border-radius: 20px;
  border: 1px solid #b8d5ed;
  background-color: #f8fcff;
  align-items: center;
  display: flex;
  justify-content: center;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section .label-cell {
  display: flex;
  align-items: center;
  padding-left: 30px;
}
metric-field-define-directive .dashboard-metric-fields-wraper .field-section .label-cell input {
  margin-left: 6px;
  border-top: none;
  border-right: none;
  border-left: none;
  background-color: inherit;
}
metric-field-define-directive .dashboard-metric-fields-wraper .metric-field-dropdown {
  flex: 1;
  width: 0;
}
metric-field-define-directive .dashboard-metric-fields-wraper .metric-field-dropdown .dropdown-show {
  border: none;
  width: 100%;
  height: 30px;
  display: flex;
  padding: 0 6px;
  align-items: center;
  max-width: 100% !important;
  background-color: inherit;
  gap: 4px;
}
metric-field-define-directive .dashboard-metric-fields-wraper .metric-field-dropdown .dropdown-show .text-block {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
metric-field-define-directive .dashboard-metric-fields-wraper .metric-field-dropdown .dropdown-show .icon-block {
  flex: 0 0 auto;
}
metric-field-define-directive .dashboard-metric-fields-wraper .color-field {
  display: flex;
  align-items: center;
}
metric-field-define-directive .dashboard-metric-fields-wraper .color-field .bg-box {
  width: 14px;
  height: 14px;
  display: inline-block;
  margin-right: 6px;
}

.dashboard-call-out-define {
  width: 420px;
  height: 420px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.dashboard-call-out-define section {
  display: flex;
  align-items: center;
  gap: 6px;
}
.dashboard-call-out-define section label {
  flex: 0 0 60px;
  text-align: right;
  font-weight: 600;
  font-size: 11px;
}
.dashboard-call-out-define section .section-content {
  flex: 1;
  display: flex;
  gap: 8px;
}
.dashboard-call-out-define section .section-content.metric-field-content {
  border: 1px solid #e8e8e8;
  border-radius: 1px;
  position: relative;
  margin-top: 25px;
}
.dashboard-call-out-define .callout-type .selected {
  border: 1px solid #5184f3;
  border-radius: 4px;
}
.dashboard-call-out-define .metric_disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.dashboard-call-out-define .sort-by-group {
  display: flex;
  align-items: center;
  gap: 12px;
}
.dashboard-call-out-define .sort-by-group .widget-setting-dropdown {
  width: 175px;
}
.dashboard-call-out-define .sort-by-group .widget-setting-dropdown .dropdown-show {
  width: 100%;
  height: 30px;
  display: flex;
  justify-content: space-between;
  padding: 0 6px;
  align-items: center;
  max-width: 100% !important;
  border-left: 1px solid #c8c8c8;
}
.dashboard-call-out-define .sort-by-group .widget-setting-dropdown .dropdown-show .aggregation-msg {
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-call-out-define .sort-by-group .dropdown a.dropdown-toggle {
  display: flex;
  align-items: center;
}

.view-report-modal .modal-content {
  width: 1100px;
  height: 600px;
}
.view-report-modal .modal-content .modal-body {
  padding-top: 0px;
}
.view-report-modal .modal-content .modal-body > hr {
  margin: 0px;
}
.view-report-modal .modal-content .modal-body > header {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 1rem;
  line-height: 4rem;
  padding: 0.5rem 0;
  align-items: center;
}
.view-report-modal .modal-content .modal-body > header > div {
  overflow: hidden;
}
.view-report-modal .modal-content .modal-body .filter-selections report-data-filter-view-mode-directive {
  max-height: 40px;
}
.view-report-modal .modal-content .modal-body .filter-selections .report-data-filter-view-mode-main {
  padding: 0;
}
.view-report-modal .modal-content .modal-body .result-container {
  display: flex;
  flex-direction: column;
  height: calc(100% - 50px);
}
.view-report-modal .modal-content .modal-body .result-container .table-container {
  flex: 1;
}
.view-report-modal .modal-content .modal-body .result-container .table-container .grid-wrapper {
  height: 0;
  flex-grow: 1;
  min-width: 450px;
}
.view-report-modal .modal-content .modal-body .result-container .table-container .grid-wrapper .ui-grid {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
}
.view-report-modal .modal-content .modal-body .result-container > footer > button {
  padding: 15px 0px 0px 0px;
}

drilldown-data-filters .data-filters-container {
  display: inline-grid;
  grid-auto-flow: column;
  gap: 1rem;
  padding: 8px 10px;
  align-items: center;
}
drilldown-data-filters .data-filters-container > div {
  overflow: hidden;
  border: 1px solid #c8c8c8;
  padding: 5px;
  border-radius: 3px;
  line-height: 1.5rem;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  gap: 1rem;
}
drilldown-data-filters .data-filters-container > div i {
  flex-shrink: 0;
}

.save-as-dashboard-template-modal .modal-dialog .modal-content .modal-body {
  padding-bottom: unset;
}
.save-as-dashboard-template {
  width: 800px;
}
.save-as-dashboard-template .modal-body {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-bottom: 0;
}
.save-as-dashboard-template .modal-body .dropdown-selection {
  padding: 2px 0px 0 0;
  color: #0869a0;
  
  align-items: center;
}
.save-as-dashboard-template .modal-body .dropdown-selection.dropdown .btn.dropdown-toggle {
  border: 0;
  padding-left: 0;
}
.save-as-dashboard-template .modal-body .dropdown-selection.dropdown .btn.dropdown-toggle .icon-container:hover {
  background-color: unset;
}
.save-as-dashboard-template .modal-body .dropdown-selection:hover {
  
}
.save-as-dashboard-template .modal-body .dropdown-selection .icon {
  margin: -2px 2px 0 0;
}
.save-as-dashboard-template .modal-body .dropdown-selection .folder-path {
  display: block;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 370px;
  direction: rtl;
}
.save-as-dashboard-template .modal-body .dropdown-selection .folder-path li.parent-folder:after {
  content: '>';
  margin: 0 1px 0 -1px;
}
.save-as-dashboard-template .modal-body .dropdown-menu-custom {
  max-height: 400px;
  max-width: 400px;
}
.save-as-dashboard-template .modal-body section {
  display: flex;
  align-items: center;
  gap: 8px;
}
.save-as-dashboard-template .modal-body section .top-label,
.save-as-dashboard-template .modal-body section .left-label {
  font-weight: 600;
}
.save-as-dashboard-template .modal-body section .left-label {
  width: 125px;
}
.save-as-dashboard-template .modal-body section .right-details {
  flex-grow: 1;
}
.save-as-dashboard-template .modal-body section .right-details .form-control.limit-input {
  width: 400px;
}
.save-as-dashboard-template .modal-body section .right-details .intent-type-selection .custom-dropdown-btn {
  border: none;
  padding: 0.5rem 0;
  display: flex;
  align-items: center;
  gap: 5px;
}
.save-as-dashboard-template .modal-body section.flex-column {
  flex-direction: column;
  gap: 0;
}
.save-as-dashboard-template .modal-body section.flex-column > div {
  width: 100%;
}
.save-as-dashboard-template .modal-body section .hr {
  border-top: 1px solid #d8d8d8;
  height: 1px;
  width: 100%;
  margin: 12px 0 -6px 0;
}
.save-as-dashboard-template .modal-body .section-without-align {
  align-items: unset;
}

.view-dashboard-input-modal .modal-body {
  width: 363px;
  height: 319px;
  padding-bottom: 0px !important;
}
.view-dashboard-input-modal .modal-body .tree-continer {
  border: solid 1px #c8c8c8;
}
.view-dashboard-input-modal .modal-body .delete-warning {
  display: flex;
  margin-top: 10px;
}
.view-dashboard-input-modal .modal-body .delete-warning .delete-warning-icon {
  flex-shrink: 0;
}
.view-dashboard-input-modal .modal-body .delete-warning .delete-warning-text {
  margin: -3px 0 0 5px;
}

.add-to-summary-dashboard-modal .modal-body {
  width: 47rem;
  height: 185px;
  padding-bottom: 0px !important;
}
.add-to-summary-dashboard-modal .modal-body > section .form-group {
  box-shadow: unset !important;
}
.add-to-summary-dashboard-modal .modal-body > section .form-group > label {
  text-align: left;
}
.add-to-summary-dashboard-modal .modal-body > section .form-group dropdown-tree-with-search-and-actions {
  flex-grow: 1;
  width: 0;
}
.add-to-summary-dashboard-modal .modal-body .error-message-align {
  display: flex;
  align-items: center;
  gap: 4px;
}
.add-to-summary-dashboard-modal .modal-body .error-message-align .error-message-red {
  color: red;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}

.add-to-new-dashboard-group-modal .modal-body {
  width: 46rem;
  padding-bottom: 0px !important;
}
.add-to-new-dashboard-group-modal .modal-body .atn-dashboard-input {
  margin-top: 12px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.add-to-new-dashboard-group-modal .modal-body .atn-dashboard-input-width {
  width: 270px;
}
.add-to-new-dashboard-group-modal .modal-body > section > label {
  text-align: left;
}

.add-to-summary-dashboard-suc-modal .modal-body {
  width: 55rem;
  height: 11rem;
  padding-bottom: 0px !important;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label {
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-suc-icon {
  display: flex;
  align-items: center;
  gap: 16px;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-suc-icon .atn-dashboard-suc-highlight-text {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-suc-icon .atn-dashboard-suc-loading-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-load-icon {
  margin-left: 40px;
  display: flex;
  align-items: center;
  gap: 4px;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-load-icon .atn-dashboard-suc-loading-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-load-icon .icon-warning {
  flex-shrink: 0;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-fail-icon {
  margin-left: 40px;
  display: flex;
  align-items: baseline;
  gap: 4px;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-fail-icon .atn-dashboard-suc-loading-text {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-fail-icon .icon-warning {
  flex-shrink: 0;
}
.add-to-summary-dashboard-suc-modal .modal-body .atn-dashboard-suc-label .atn-dashboard-suc-highlight-label {
  margin-left: 40px;
}
.add-to-summary-dashboard-suc-modal .modal-body > section > label {
  text-align: left;
}

.sd-view-report-directive {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.sd-view-report-directive .intent-group-name-header {
  font-size: 12px;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-view-report-directive .report-details-table-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 8px 0px 0px 0px;
  width: 100%;
  height: 0;
  flex: 1;
}
.sd-view-report-directive .report-details-table-container .report-details-table-container-header {
  display: flex;
  align-items: center;
}
.sd-view-report-directive .report-details-table-container .report-details-table-container-header .left-part {
  display: flex;
  gap: 24px;
}
.sd-view-report-directive .report-details-table-container .report-details-table-container-header .left-part > button {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sd-view-report-directive .report-details-table-container .report-details-table-container-header .right-part {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 8px;
}
.sd-view-report-directive .report-details-table-container .report-details-table-container-header .right-part .nb-search-bar {
  margin-bottom: 0;
}
.sd-view-report-directive .report-details-table-container .table-container {
  height: 0;
  flex: 1;
}
.sd-view-report-directive .report-details-table-container .table-container .grid-wrapper {
  height: 100%;
  min-width: 450px;
}
.sd-view-report-directive .report-details-table-container .table-container .grid-wrapper .ui-grid {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
}
.sd-report-data-filter-group {
  display: flex;
  align-items: center;
}
.sd-drilldown-filter-popover {
  display: flex;
  flex-direction: column;
  width: 250px;
  gap: 12px;
  padding-top: 12px;
}
.sd-drilldown-filter-popover .sd-report-data-filter-group {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sd-drilldown-filter-popover .sd-report-data-filter-group .report-data-filter-content-select {
  flex-grow: 1;
}
.sd-drilldown-filter-popover .sd-report-data-filter-group .report-data-filter-content-select .custom-dropdown-btn {
  width: 100%;
  border-left: 1px solid #c8c8c8;
  display: flex;
  align-items: center;
}
.sd-drilldown-filter-popover .sd-report-data-filter-group .report-data-filter-content-select .custom-dropdown-btn i {
  margin-left: auto;
}
.sd-drilldown-filter-popover section .last-result-section {
  display: flex;
  align-items: center;
  gap: 4px;
}
.sd-drilldown-filter-popover footer {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 4px 0px 10px 0px;
}

.sd-view-report-intent-group-tree {
  display: flex;
  flex-direction: column;
  padding: 0px 0px 8px 0px;
  gap: 8px;
  height: 100%;
  border-right: 1px solid #c8c8c8;
}
.sd-view-report-intent-group-tree > header {
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  padding: 0px 16px;
  color: #546773;
}
.sd-view-report-intent-group-tree .widget-list-selection {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 0px 16px;
}
.sd-view-report-intent-group-tree .widget-list-selection .widget-list-dropdown {
  width: 100%;
}
.sd-view-report-intent-group-tree .widget-list-selection .widget-list-dropdown .btn.btn-default {
  max-width: none;
}
.sd-view-report-intent-group-tree .widget-list-selection > span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-view-report-intent-group-tree .dashboard-list-selection {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow-y: auto;
  padding: 8px 16px 0 16px;
}
.sd-view-report-intent-group-tree .dashboard-list-selection .dt-list {
  height: 0;
  flex: 1;
}
.sd-view-report-intent-group-tree .dashboard-list-selection .dt-list .dt-list-tree .infinite-tree-item {
  height: 24px;
  gap: 2px;
}
.sd-view-report-intent-group-tree .dashboard-list-selection .dt-list .dt-list-tree .infinite-tree-item .infinite-tree-icon {
  min-width: unset;
}
.sd-view-report-intent-group-tree .dashboard-list-selection .dt-list .dt-list-tree .infinite-tree-item .infinite-tree-title {
  overflow: unset;
  height: 24px;
}
.sd-view-report-intent-group-tree .dashboard-list-selection .dt-list .dt-list-tree .infinite-tree-item .infinite-tree-title .intent-group-name {
  display: inline-block;
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-view-report-intent-group-tree .dashboard-list-selection .dt-list .dt-list-tree .infinite-tree-item .infinite-tree-title .leaf-node-color {
  color: #116BBA;
}

.sd-view-report-modal .modal-content {
  width: 1100px;
  height: 600px;
}
.sd-view-report-modal .modal-content .modal-body {
  padding: 0px;
  display: flex;
  height: 0;
}
.sd-view-report-modal .modal-content .modal-body > hr {
  margin: 0px;
}
.sd-view-report-modal .modal-content .modal-body .dashboard-intent-group-list {
  flex-shrink: 0;
  width: 25%;
}
.sd-view-report-modal .modal-content .modal-body .report-data-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 24px 16px 24px;
  width: 0;
  flex: 1;
}
.sd-view-report-modal .modal-content .modal-body .report-data-section sd-view-report-data-directive {
  height: 0;
  width: 100%;
  flex: 1;
}
.sd-view-report-modal .modal-content .modal-body .report-data-section .button-group {
  margin-top: auto;
  display: flex;
  padding: 0;
}
.sd-view-report-modal .modal-content .modal-body .report-data-section .button-group .btn-primary {
  margin-left: auto;
}

.export-confirmation-dialog .modal-body {
  padding: 20px 30px !important;
  width: 570px;
  height: 116px;
}
.export-confirmation-dialog .modal-body .confirm-wordings {
  display: flex;
  flex-direction: column;
  gap: 15px;
}
.export-confirmation-dialog .modal-body .confirm-wordings .confirm-message {
  font-size: 14px;
}
.export-confirmation-dialog .modal-body .confirm-wordings .include-limitation {
  display: flex;
  align-items: center;
  gap: 5px;
}
.export-confirmation-dialog .modal-body .confirm-wordings .include-limitation input[type=checkbox] {
  margin-top: 1px;
}
.export-confirmation-dialog .modal-body .confirm-wordings .include-limitation .include-message {
  font-size: 12px;
}

.dashboard-template-modal-body.preview {
  height: 600px;
  width: 1200px;
  padding-bottom: 0 !important;
}
.dashboard-template-modal-body.no-preview {
  width: 380px;
  height: 450px;
  padding-bottom: 0 !important;
}
.dashboard-template-modal-body.no-preview .dtm-left {
  width: 100%;
  margin-right: unset;
}
.dashboard-template-modal-container {
  width: 100%;
  height: 100%;
  display: flex;
}
.dashboard-template-modal-container .dtm-left {
  width: 234px;
  margin-right: 6px;
  display: flex;
  flex-direction: column;
}
.dashboard-template-modal-container .dtm-left .dt-searchbox {
  height: 38px;
}
.dashboard-template-modal-container .dtm-left .dt-list {
  border: 1px solid #dadada;
  margin: 0;
  height: 1px;
  flex: auto;
}
.dashboard-template-modal-container .dtm-left .dt-list .infinite-tree-title {
  overflow: unset;
}
.dashboard-template-modal-container .dtm-left .dt-list li {
  height: 30px;
  line-height: 30px;
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 12px;
}
.dashboard-template-modal-container .dtm-left .dt-list li:hover {
  background: #deeaf0;
}
.dashboard-template-modal-container .dtm-left .dt-list li.actived {
  background: #deeaf0;
}
.dashboard-template-modal-container .dtm-left .dt-list li input[type="checkbox"] {
  margin: 0;
}
.dashboard-template-modal-container .dtm-left .dt-list li i {
  flex-shrink: 0;
}
.dashboard-template-modal-container .dtm-right {
  flex: 1;
  display: flex;
  width: calc(100% - 234px);
  border: 1px solid #dadada;
  flex-direction: column;
}
.dashboard-template-modal-container .dtm-right .dtm-right-top {
  height: 40px;
  line-height: 40px;
  padding: 0 20px;
  background: #f8f8f8;
  border-bottom: 1px solid #dadada;
}
.dashboard-template-modal-container .dtm-right .dtm-right-top .dtm-right-top-continer {
  display: flex;
  align-items: center;
}
.dashboard-template-modal-container .dtm-right .dtm-right-top .dtm-right-top-continer div {
  flex: 1;
  display: flex;
  min-width: 0;
  width: 50%;
  gap: 6px;
}
.dashboard-template-modal-container .dtm-right .dtm-right-content {
  flex: 1;
  display: flex;
  position: relative;
  background: #f8f8f8;
  overflow: auto;
}
.dashboard-template-modal-container .dtm-right .dtm-right-content > .dashboard-mgr-main {
  position: absolute;
  width: 200%;
  height: 200%;
  transform: scale(0.5);
  top: -50%;
  left: -50%;
}
.dashboard-template-modal-container .dtm-right .dtm-right-content > .dashboard-group-section {
  
  position: absolute;
  width: 200%;
  height: 200%;
  transform: scale(0.5);
  top: -50%;
  left: -50%;
}
.dashboard-template-modal-container .dtm-right .dtm-right-content .no-preview {
  height: 100%;
  width: 100%;
  text-align: center;
  padding-top: 100px;
}
.dashboard-template-modal-container .dtm-right .dtm-right-bottom {
  
  padding: 0 20px;
  border-top: 1px solid #dadada;
}
.dashboard-template-modal-container .dtm-right .dtm-right-bottom label {
  font-weight: 600;
}
.dashboard-template-modal-container .dtm-right .dtm-right-bottom .desc {
  word-break: break-all;
}

.dashboard-wizard-container {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 0 12px;
}
.dashboard-wizard-header {
  display: flex;
  flex: 0 0 40px;
  gap: 30px;
  align-items: center;
}
.dashboard-wizard-header .function-info {
  display: flex;
  align-items: center;
}
.dashboard-wizard-content {
  flex-grow: 1;
  border: 1px solid #c8c8c8;
  display: flex;
  flex-direction: column;
  padding: 16px 16px 0 16px;
  gap: 18px;
  height: 0;
}
.dashboard-wizard-content .dashboard-wizard-content-basic-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.dashboard-wizard-content .dashboard-wizard-content-basic-info .basic-info-section {
  display: flex;
}
.dashboard-wizard-content .dashboard-wizard-content-basic-info .basic-info-section > div {
  display: flex;
  gap: 8px;
  align-items: center;
}
.dashboard-wizard-content .dashboard-wizard-content-basic-info .basic-info-section > div .basic-info-label {
  width: 65px;
  text-align: right;
  flex-shrink: 0;
}
.dashboard-wizard-content .dashboard-wizard-content-basic-info .basic-info-section .name-section {
  width: 50%;
}
.dashboard-wizard-content .dashboard-wizard-content-basic-info .basic-info-section .desc-section {
  width: 50%;
}
.dashboard-wizard-content .dashboard-wizard-content-definition {
  display: flex;
  flex: 1;
  gap: 16px;
  height: 0;
}
.dashboard-wizard-content .dashboard-wizard-content-definition .left-section {
  overflow: auto;
  width: 620px;
  scrollbar-gutter: stable;
}
.dashboard-wizard-content .dashboard-wizard-content-definition .right-section {
  flex: 1;
}
.dashboard-wizard-editor-footer {
  margin-top: auto;
  height: 95px;
  display: flex;
}
.dashboard-wizard-editor-footer .btn-group {
  display: flex;
  margin-left: auto;
  margin-top: 16px;
}
.tab-dashboard-container {
  height: 100%;
  display: flex;
  position: relative;
}
.tab-dashboard-container .dashboard-mgr-main {
  position: absolute;
  width: 100%;
  height: 100%;
}

modify-template-input {
  display: block;
  background: #e8f0f4;
  padding: 10px;
  margin-bottom: 12px;
  border-radius: 6px;
}
modify-template-input header {
  display: flex;
  align-items: center;
  gap: 40px;
}
modify-template-input header .template-index {
  flex-shrink: 0;
}
modify-template-input header [uib-dropdown] {
  margin-left: auto;
  flex-shrink: 0;
}
modify-template-input header [uib-dropdown] [uib-dropdown-toggle] {
  border: none !important;
  background: unset !important;
}
modify-template-input > section {
  padding-right: 20px;
}
modify-template-input > section label strong {
  font-size: 11px;
}
modify-template-input > section .direct-input-container,
modify-template-input > section .calc-from-others-container {
  margin-top: 20px;
}
modify-template-input > section .direct-input-container {
  margin-bottom: 20px;
}
modify-template-input > section .direct-input-container,
modify-template-input > section .time-range-container,
modify-template-input > section .step-1,
modify-template-input > section .step-2,
modify-template-input > section .step-2-1,
modify-template-input > section .step-2-2 {
  position: relative;
}
modify-template-input > section .input-type-container,
modify-template-input > section .direct-input-container,
modify-template-input > section .calc-from-others-container,
modify-template-input > section .time-range-container {
  display: flex;
  gap: 10px;
}
modify-template-input > section .input-type-container > label,
modify-template-input > section .direct-input-container > label,
modify-template-input > section .calc-from-others-container > label,
modify-template-input > section .time-range-container > label {
  width: 80px;
  text-align: right;
}
modify-template-input > section .input-type-container > div,
modify-template-input > section .direct-input-container > div,
modify-template-input > section .calc-from-others-container > div,
modify-template-input > section .time-range-container > div {
  flex-grow: 1;
}
modify-template-input > section .calc-from-others-container > div > * {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
}
modify-template-input > section .calc-from-others-container > div > * > label {
  text-align: right;
}
modify-template-input > section .calc-from-others-container > div > * > label + * {
  flex-grow: 1;
}
modify-template-input > section .calc-from-others-container > div .step-1 > label,
modify-template-input > section .calc-from-others-container > div .step-2 > label {
  text-align: left;
}
modify-template-input > section .calc-from-others-container > div .step-1 > div,
modify-template-input > section .calc-from-others-container > div .step-2 > div {
  width: 0;
}
modify-template-input > section .calc-from-others-container > div .step-1 > div button,
modify-template-input > section .calc-from-others-container > div .step-2 > div button {
  max-width: 100%;
}
modify-template-input > section .calc-from-others-container > div .step-1 > label,
modify-template-input > section .calc-from-others-container > div .step-1-1 > label {
  width: 215px;
}
modify-template-input > section .calc-from-others-container > div .step-1 .dropdown {
  width: 100%;
}
modify-template-input > section .calc-from-others-container > div .step-1 .dropdown-body {
  max-width: unset;
}
modify-template-input > section .calc-from-others-container > div .step-2-1 > label,
modify-template-input > section .calc-from-others-container > div .step-2-2 > label {
  width: 300px;
}
modify-template-input > section .calc-from-others-container > div .step-2-1 [uib-dropdown] button,
modify-template-input > section .calc-from-others-container > div .step-2-2 [uib-dropdown] button {
  max-width: unset;
  width: 100%;
  display: flex;
  align-items: center;
  border: 1px solid #c8c8c8;
}
modify-template-input > section .calc-from-others-container > div .step-2-1 [uib-dropdown] button .toggle-text,
modify-template-input > section .calc-from-others-container > div .step-2-2 [uib-dropdown] button .toggle-text {
  width: 0;
  flex-grow: 1;
  text-align: left;
}
modify-template-input > section .calc-from-others-container > div .step-2-1 [uib-dropdown] button .icon_nb_arrow_down,
modify-template-input > section .calc-from-others-container > div .step-2-2 [uib-dropdown] button .icon_nb_arrow_down {
  margin-left: auto;
  width: 10px;
  flex-shrink: 0;
}
modify-template-input > section .calc-from-others-container > div .step-2-1 [uib-dropdown] .dropdown-menu > li > label,
modify-template-input > section .calc-from-others-container > div .step-2-2 [uib-dropdown] .dropdown-menu > li > label {
  display: flex;
  align-items: center;
  gap: 3px;
}
modify-template-input > section .calc-from-others-container > div .step-2-1 [uib-dropdown] .dropdown-menu > li > label input[type="checkbox"],
modify-template-input > section .calc-from-others-container > div .step-2-2 [uib-dropdown] .dropdown-menu > li > label input[type="checkbox"] {
  margin-top: 2px;
}
modify-template-input > section .input-type-container > div {
  display: flex;
  gap: 5px;
}
modify-template-input > section .input-type-container > div input {
  margin: 0;
}
modify-template-input .template-description {
  opacity: 0.6;
}

.define-dashboard-from-devices-modal .modal-content .modal-body {
  width: 120rem;
  padding-bottom: 0;
}
.define-dashboard-from-devices-modal .dashboard-wizard-content-basic-info {
  display: flex;
  gap: 12px;
  flex-direction: column;
}
.define-dashboard-from-devices-modal .dashboard-wizard-content-basic-info header {
  font-weight: 600;
  font-size: 16px;
}
.define-dashboard-from-devices-modal .dashboard-wizard-content-basic-info > section {
  padding: 12px;
  box-shadow: 0px 2px 6px rgba(55, 65, 81, 0.2);
  border-radius: 6px;
}
.define-dashboard-from-devices-modal .select-template-section {
  width: 100%;
  height: 30rem;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.define-dashboard-from-devices-modal .select-template-section .select-template-title {
  font-weight: 600;
  font-size: 14px;
}
.define-dashboard-from-devices-modal .select-template-section .select-template-content {
  flex: 1;
  overflow: auto;
}
.define-dashboard-from-devices-modal .basic-info-section {
  display: flex;
  gap: 12px;
}
.define-dashboard-from-devices-modal .basic-info-section > div {
  flex: 1 1 50%;
}
.define-dashboard-from-devices-modal .basic-info-section > div label {
  display: block;
  color: #4f566b;
}
.define-dashboard-from-devices-modal .advance-info-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section {
  display: flex;
  gap: 12px;
  background: #f4f5f6;
  padding: 6px 12px 12px;
  border-radius: 6px;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section > div {
  flex: 1 1 50%;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section > div label {
  margin-bottom: 3px;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section .btn-group {
  width: 100%;
  display: flex;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section .btn-group .dropdown-body {
  flex-grow: 1;
  width: 0;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section .dropdown .btn.btn-dropdown {
  max-width: 100%;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section .dropdown .btn.btn-dropdown[disabled] {
  opacity: 0.3;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section ul.dropdown-menu li label {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
}
.define-dashboard-from-devices-modal .advance-info-section .selection-section ul.dropdown-menu li label input {
  margin-top: 0;
}
.define-dashboard-from-devices-modal .time-range-section {
  display: flex;
  align-items: center;
  gap: 10px;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive .vertical-layout {
  flex-direction: row;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive .vertical-layout .report-input-filter-popover-content {
  display: flex;
  gap: 10px;
  align-items: center;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive .vertical-layout .steps {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive .vertical-layout .steps .left-label {
  flex-shrink: 0;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive .vertical-layout > .steps {
  width: 180px;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive .vertical-layout > .steps ~ .steps {
  border: unset;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive group-dropdown-selection-directive .group-dropdown-field-value .custom-dropdown-btn {
  border-left: 1px solid #c8c8c8;
  width: 100%;
  display: flex;
  align-items: center;
}
.define-dashboard-from-devices-modal .time-range-section time-range-selection-directive group-dropdown-selection-directive .group-dropdown-field-value .custom-dropdown-btn .icon_nb_arrow_down {
  margin-left: auto;
}
.define-dashboard-from-devices-modal .time-range-section .time-error-msg {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  line-height: 30px;
  color: red;
}
.define-dashboard-from-devices-modal .dashboard-mgr-main {
  height: 348px !important;
  top: -75px !important;
  left: -433px !important;
}

.alert-indicator {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 4px;
}
.alert-indicator .general-block {
  border-radius: 4px;
  min-width: min-content;
  text-align: center;
}
.alert-indicator .percentage-specific:last-child {
  text-align: right;
}
.alert-indicator .percentage-specific:first-child {
  text-align: left;
}
.alert-indicator .has-cursor {
  cursor: pointer;
}
.alert-indicator .general-number {
  padding: 0 4px;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alert-indicator-tooltip {
  opacity: 1 !important;
}
.alert-indicator-tooltip .light-font-color {
  color: #546773;
}
.alert-indicator-tooltip strong {
  font-weight: 600;
}
.alert-indicator-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.alert-indicator-tooltip.bottom {
  padding: 5px 0;
}
.alert-indicator-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}

.dropdown-menu.group-dropdown-field-custom-dropdown-menu li > a {
  padding: 7px 12px 7px 7px;
}
.dropdown-menu.group-dropdown-field-custom-dropdown-menu .ungrouped-list li {
  border-bottom: 1px solid #c8c8c8;
}
.dropdown-menu.group-dropdown-field-custom-dropdown-menu .grouped-list:not(:last-child) {
  border-bottom: 1px solid #c8c8c8;
}
.dropdown-menu.group-dropdown-field-custom-dropdown-menu .group-title {
  font-weight: 700;
  padding-left: 7px;
}
.dropdown-menu.group-dropdown-field-custom-dropdown-menu li > a {
  text-decoration: none;
  color: black;
}

.dashboard-summary {
  width: 100%;
  display: flex;
  gap: 8px;
}
.dashboard-summary .summary-block {
  flex: 1;
  min-width: 0%;
  width: 0;
}
.dashboard-summary .details-value {
  min-width: 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 1;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
}
.dashboard-summary .name-value-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 14px;
}
.dashboard-summary .name-value-section .details-title {
  color: #546773;
  font-size: 12px;
  font-weight: 400;
}
.dashboard-summary .name-value-section .details-value {
  font-size: 32px;
  line-height: 44px;
}
.dashboard-summary .name-value-section .inline-edit-with-popover-body .inline-edit-content span {
  color: #546773;
  font-size: 12px;
  font-weight: 400;
}
.dashboard-summary .details-trend {
  display: flex;
  align-items: center;
  gap: 4px;
  color: #546773;
  font-weight: 400;
}
.dashboard-summary .details-trend i {
  margin-top: -2px;
}
.dashboard-summary-tooltip .tooltip-inner {
  max-width: 250px;
  color: #212121;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  line-height: 18px;
  font-size: 12px;
}
.dashboard-summary-tooltip .tooltip-inner .dashboard-summary-number-tooltip {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.dashboard-summary-tooltip .tooltip-inner .dashboard-summary-number-tooltip .number-tooltip-description {
  font-weight: 400;
  color: #546773;
}
.dashboard-summary-tooltip .tooltip-inner .dashboard-summary-number-tooltip .number-tooltip-num {
  font-weight: 600;
}
.dashboard-summary-tooltip.bottom {
  padding: 5px 0;
}
.dashboard-summary-tooltip.in {
  opacity: 1;
}
.dashboard-summary-tooltip .tooltip-arrow {
  border-bottom-color: #ffffff !important;
}

.define-intent-dashboard-modal .modal-body {
  width: 550px;
  padding: 24px !important;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard {
  display: flex;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li {
  flex: 1;
  position: relative;
  overflow: visible;
  border-right: 10px solid transparent;
  border-left: 15px solid transparent;
  height: 40px;
  cursor: pointer;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li + li {
  margin-left: 0;
  height: 40px;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li:first-child {
  border-left: 0;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li:last-child {
  border-right: 0;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li a {
  border-radius: 0;
  background-color: #979797;
  height: 40px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li a.disabled {
  pointer-events: none;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li .nav-arrow {
  position: absolute;
  top: 0px;
  right: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: transparent transparent transparent #979797;
  z-index: 150;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li .nav-wedge {
  position: absolute;
  top: 0px;
  left: -20px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 0 20px 20px;
  border-color: #979797 #979797 #979797 transparent;
  z-index: 150;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li.active .nav-arrow {
  border-color: transparent transparent transparent #116bba;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li.active .nav-wedge {
  border-color: #116bba #116bba #116bba transparent;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li.active a {
  background-color: #116bba;
  color: #fff;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard > li.disabled {
  cursor: not-allowed;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard .nav-finished {
  cursor: pointer;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard .nav-finished .nav-arrow {
  border-color: transparent transparent transparent #e4edf9;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard .nav-finished .nav-wedge {
  border-color: #e4edf9 #e4edf9 #e4edf9 transparent;
}
.define-intent-dashboard-modal .modal-body .nav-pills.nav-wizard .nav-finished a {
  background-color: #e4edf9;
  color: #116bba;
}
.define-intent-dashboard-modal .modal-body .step-container {
  border: 1px solid #c8c8c8;
  flex-grow: 1;
}
.define-intent-dashboard-modal .modal-body .step-container .section-title {
  font-size: 14px;
  font-weight: 400;
  padding: 8px 20px 0px 20px;
}
.define-intent-dashboard-modal .modal-body .step-container .section-title .method-heading {
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.define-intent-dashboard-modal .modal-body .define-intent-input-container {
  display: flex;
  flex-direction: column;
}
.define-intent-dashboard-modal .modal-body .define-intent-input-container .template-container {
  height: 342px;
}
.define-intent-dashboard-modal .modal-body .define-intent-input-container .template-input-header {
  font-size: 12px;
  font-weight: 600;
  padding: 16px 20px;
}
.define-intent-dashboard-modal .modal-footer {
  display: flex;
  padding: 0 16px 24px 24px !important;
  margin-left: auto !important;
  gap: 8px;
}

.intent-dashboard-information {
  padding: 16px 20px;
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: 100%;
  height: 100%;
  border-bottom: 1px solid #d8d8d8;
}
.intent-dashboard-information .dashboard-info {
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
}
.intent-dashboard-information .dashboard-info .info-heading {
  font-weight: 600;
}
.intent-dashboard-information .dashboard-info .info-container {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
}
.intent-dashboard-information .dashboard-info .info-container .info-section {
  display: flex;
  align-items: center;
  gap: 24px;
}
.intent-dashboard-information .dashboard-info .info-container .info-section .left-label {
  width: 70px;
  flex-shrink: 0;
  text-align: left;
}
.intent-dashboard-information .dashboard-info .info-container .info-section button {
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  direction: rtl;
}
.intent-dashboard-information .dashboard-info .info-container .info-section .location-section {
  display: flex;
  align-items: center;
  gap: 5px;
  width: 0;
  flex-grow: 1;
}
.intent-dashboard-information .dashboard-info .info-container .info-section .location-section .icon_nb_folder {
  margin-top: -2px;
}
.intent-dashboard-information .dashboard-info .info-container .info-section .location-section i {
  flex-shrink: 0;
}
.intent-dashboard-information .dashboard-info .info-container .info-section .template-label {
  display: flex;
  align-items: center;
  gap: 4px;
  margin-top: 1px;
}
.intent-dashboard-information .dashboard-info .info-container .info-section .template-label input[type="checkbox"] {
  margin: -1px 0px 0px 0px !important;
}
.intent-dashboard-information .dashboard-info .info-container .info-section:last-child .left-label {
  width: 110px;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree {
  border: none;
  max-width: calc(100% - 16px);
  display: flex;
  align-items: center;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .btn-default {
  border: none;
  padding: 2px 3px 5px 0;
  color: #0869a0;
  max-width: 610px !important;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .btn-default:hover {
  background-color: unset;
  color: #0869a0;
  text-decoration: underline;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .tree-select-title {
  direction: rtl;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .dropdown-toggle {
  border: none;
  padding-left: 0;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .dropdown-toggle:hover {
  background-color: unset;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .dropdown-toggle .icon-container {
  margin-top: 0px;
  padding-top: 0px;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .dropdown-toggle .icon-container .icon-arrow-down {
  position: unset;
}
.intent-dashboard-information .dashboard-info .dashboard-location-dropdown-tree .dropdown-toggle .icon-container:hover {
  background-color: unset;
}

.create-intent-dashboard-result-modal .modal-body {
  width: 558px;
  padding: 24px !important;
}
.create-intent-dashboard-result-modal .modal-body .result-container {
  display: flex;
  gap: 24px;
}
.create-intent-dashboard-result-modal .modal-body .result-container i {
  flex-shrink: 0;
}
.create-intent-dashboard-result-modal .modal-body .result-container .message-container {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.create-intent-dashboard-result-modal .modal-body .result-container .message-container > header {
  font-size: 14px;
  font-weight: 600;
}
.create-intent-dashboard-result-modal .modal-body .result-container .message-container .message-detail {
  font-size: 14px;
  font-weight: 400;
}
.create-intent-dashboard-result-modal .modal-footer {
  padding: 0px 24px 24px 24px !important;
}
.create-intent-dashboard-result-modal .modal-footer .btn + .btn {
  margin-left: 24px !important;
}

.dashboard-sample-data-wording + .dashboard-group-section {
  height: calc(100% - 32px);
  top: 32px;
}
.dashboard-group-section {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  overflow: auto;
  padding-top: 5px;
}
.dashboard-group-section .dashboard-group-container {
  position: relative;
}
.dashboard-group-section .dashboard-group-container.collapsed:not(:last-child):after {
  content: '';
  position: absolute;
  bottom: 0;
  width: calc(100% - 40px);
  height: 2px;
  background-color: #DFDFDF;
  left: 0;
  right: 0;
  margin: auto;
}
.dashboard-group-section .dashboard-group-header {
  display: flex;
  height: 36px;
  align-items: center;
  justify-content: space-between;
  padding: 0 24px;
}
.dashboard-group-section .dashboard-group-header .group-actions {
  width: 85px;
}
.dashboard-group-section .dashboard-group-header .group-actions .dashboard-more-dropdown .dropdown-toggle {
  gap: 6px;
  color: #127ACA;
  cursor: pointer;
}
.dashboard-group-section .dashboard-group-header .group-actions .dashboard-more-dropdown .dropdown-toggle i {
  margin-top: -2px;
}
.dashboard-group-section .dashboard-group-header .group-info {
  display: flex;
  align-items: center;
  flex: auto;
  min-width: 0;
}
.dashboard-group-section .dashboard-group-header .link-tooltip {
  opacity: 1 !important;
  word-break: break-all;
  max-width: 40rem;
}
.dashboard-group-section .dashboard-group-header .link-tooltip .light-font-color {
  color: #546773;
}
.dashboard-group-section .dashboard-group-header .link-tooltip strong {
  font-weight: 600;
}
.dashboard-group-section .dashboard-group-header .link-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.dashboard-group-section .dashboard-group-header .link-tooltip.bottom {
  padding: 5px 0;
}
.dashboard-group-section .dashboard-group-header .link-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
.dashboard-group-section .dashboard-group-header .group-info.edit-mode {
  width: calc(100% - 130px);
  flex: initial;
}
.dashboard-group-section .dashboard-group-header .group-title {
  display: flex;
  gap: 6px;
  font-size: 14px;
  font-weight: 600;
  
  flex: 0 0 30%;
  align-items: center;
  min-width: 0;
}
.dashboard-group-section .dashboard-group-header .group-title i {
  cursor: pointer;
  margin-top: 1px;
  flex: 0 0 auto;
}
.dashboard-group-section .dashboard-group-header .group-title.no-data {
  padding-right: 62px;
}
.dashboard-group-section .dashboard-group-header .group-title .group-data-status {
  white-space: nowrap;
}
.dashboard-group-section .dashboard-group-header .group-title .group-data-status .group-no-data {
  display: flex;
  padding: 0 8px;
  justify-content: center;
  align-items: center;
  border-radius: 3px;
  border: 1px solid #BFBFBF;
  background: rgba(0, 0, 0, 0.02);
  font-size: 11px;
  font-weight: 600;
}
.dashboard-group-section .dashboard-group-header .group-desc {
  display: flex;
  gap: 6px;
  
  flex: 0 0 60%;
  line-height: 30px;
  min-width: 0;
  padding-left: 20px;
}
.dashboard-group-section .dashboard-group-header .display-text-url {
  display: flex;
  align-items: center;
  gap: 2px;
  line-height: 30px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dashboard-group-section .dashboard-group-header .display-text-url i {
  flex: 0 0 auto;
}
.dashboard-group-section .dashboard-group-header .display-text-url:hover {
  background-color: inherit;
  color: inherit;
}
.dashboard-group-section .dashboard-group-header .dashboard-link {
  flex: 0 0 10%;
  display: flex;
  overflow: hidden;
  padding-left: 20px;
}
.dashboard-group-section .dashboard-group-header .group-url {
  display: flex;
  flex: 0 0 10%;
  padding-left: 20px;
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover {
  display: flex;
  padding: 0 6px 0 0;
  max-width: 100%;
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover .url-link {
  
  display: flex;
  max-width: 180px;
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover .url-icon {
  visibility: hidden;
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover .url-icon i {
  vertical-align: middle;
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover.edit-mode.canDelete:hover {
  border-radius: 3px;
  outline: 1px solid rgba(0, 0, 0, 0.06);
  background: rgba(0, 0, 0, 0.01);
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover.edit-mode.canDelete:hover .url-icon {
  visibility: visible;
}
.dashboard-group-section .dashboard-group-header .group-url .url-link-hover.edit-mode.canDelete:hover .url-icon .icon-close-hover {
  cursor: pointer;
}
.dashboard-group-section .dashboard-base .dashboard-main {
  position: inherit;
  top: 0;
  overflow: inherit;
}
.dashboard-group-more-dropdown-menu {
  margin-left: -70px;
}

define-intent-input {
  display: flex;
  position: relative;
}
define-intent-input > section {
  padding: 8px 24px;
  width: 33%;
}
define-intent-input > section:nth-child(1) header {
  margin-bottom: 8px;
}
define-intent-input > section:nth-child(1) .dropdown .btn {
  border: none !important;
  padding: 6px 0px;
}
define-intent-input > section:nth-child(1) .select-template {
  margin-left: 20px;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-toggle .icon-container {
  cursor: unset;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-toggle[disabled] {
  background-color: unset;
  opacity: 1;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body {
  color: #337ab7;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body:hover {
  background-color: unset;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body[disabled] {
  color: unset;
  background-color: unset;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body[disabled] > .dropdown-placeholder:hover,
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body[disabled] > .dropdown-selection a:hover {
  text-decoration: unset;
}
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body > .dropdown-placeholder:hover,
define-intent-input > section:nth-child(1) .select-template .dropdown button.dropdown-body > .dropdown-selection a:hover {
  text-decoration: underline;
}
define-intent-input > section:nth-child(2) {
  border-left: 1px solid #d8d8d8;
  border-right: 1px solid #d8d8d8;
}
define-intent-input > section:nth-child(2) label:not(:first-child) {
  padding-top: 8px;
}
define-intent-input > section:nth-child(2) .btn.btn-link {
  padding: 0;
  max-width: 100%;
}
define-intent-input > section:nth-child(2) .select-btn {
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
define-intent-input > section:nth-child(2) .select-btn i {
  flex-shrink: 0;
}
define-intent-input > section:nth-child(2) .dropdown {
  display: inline-block;
  max-width: 100%;
}
define-intent-input > section:nth-child(2) .dropdown .btn.btn-dropdown {
  border: 0;
  max-width: 100%;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 4px;
}
define-intent-input > section:nth-child(2) .dropdown .btn.btn-dropdown[disabled] {
  color: #9e9e9e;
  opacity: 1;
  background-color: unset;
}
define-intent-input > section:nth-child(2) .dropdown .btn.btn-dropdown[disabled] i {
  color: #9e9e9e;
}
define-intent-input > section:nth-child(2) .dropdown .btn.btn-dropdown i {
  flex-shrink: 0;
  color: #337ab7;
}
define-intent-input > section:nth-child(2) .dropdown .dropdown-menu {
  max-height: 268px;
  overflow-y: auto;
}
define-intent-input > section input[type="checkbox"],
define-intent-input > section input[type="radio"] {
  margin-top: -3px;
  vertical-align: middle;
}
define-intent-input > section input[type="checkbox"] + label,
define-intent-input > section input[type="radio"] + label {
  margin-left: 4px;
  line-height: 32px;
}
define-intent-input > section .follow-up-section {
  display: flex;
  flex-direction: column;
}
define-intent-input > section .follow-up-section .include-triggered {
  display: flex;
  gap: 4px;
  align-items: center;
}
define-intent-input > section .follow-up-section .include-triggered input {
  margin-top: 1px;
}
define-intent-input > section .follow-up-section .include-triggered label {
  line-height: unset;
}
define-intent-input .time-range-container {
  display: flex;
  gap: 12px;
  width: 180px;
  flex-direction: column;
  margin-bottom: 16px;
}
define-intent-input .time-range-container .validation-has-error {
  display: none;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout .report-input-filter-popover-content {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout .steps {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout .steps label {
  font-size: 11px;
  font-weight: 600;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout .steps .left-label {
  flex-shrink: 0;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout .steps .title-label {
  font-weight: 700;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout > .steps {
  width: 180px;
}
define-intent-input .time-range-container time-range-selection-directive .vertical-layout > .steps ~ .steps {
  border: unset;
}
define-intent-input .time-range-container time-range-selection-directive group-dropdown-selection-directive .group-dropdown-field-value .custom-dropdown-btn {
  border-left: 1px solid #c8c8c8;
  width: 100%;
  display: flex;
  align-items: center;
}
define-intent-input .time-range-container time-range-selection-directive group-dropdown-selection-directive .group-dropdown-field-value .custom-dropdown-btn .icon_nb_arrow_down {
  margin-left: auto;
}
define-intent-input .time-range-container .time-error-msg {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  line-height: 30px;
  color: red;
}
ul.dropdown-menu.intent-input-adt-columns-dropdown-menu {
  max-height: 268px;
  overflow-y: auto;
}
ul.dropdown-menu.intent-input-adt-columns-dropdown-menu li:first-child {
  border-bottom: 1px solid #c8c8c8;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

.intent-input-sections {
  display: flex;
  flex-direction: column;
}
.intent-input-sections .data-source-section {
  border-bottom: 1px solid #c8c8c8;
  padding: 16px 20px;
  height: 280px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.intent-input-sections .data-source-section header {
  font-size: 12px;
  font-weight: 600;
  width: 70px;
}
.intent-input-sections .data-source-section .data-source-selection {
  display: flex;
  align-items: center;
  gap: 24px;
}
.intent-input-sections .data-source-section .data-source-selection .data-source-dropdown {
  flex-grow: 1;
}
.intent-input-sections .data-source-section .data-source-selection .data-source-dropdown .custom-dropdown-btn {
  width: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid #c8c8c8;
}
.intent-input-sections .data-source-section .data-source-selection .data-source-dropdown .custom-dropdown-btn i {
  margin-left: auto;
}
.intent-input-sections .data-source-section .include-triggered {
  display: flex;
  gap: 4px;
  align-items: center;
}
.intent-input-sections .data-source-section .include-triggered input[type='checkbox'] {
  margin: 0;
}
.intent-input-sections .data-source-section .intent-data-source,
.intent-input-sections .data-source-section .adt-data-source {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.intent-input-sections .data-source-section .intent-data-source .inline-selection-section,
.intent-input-sections .data-source-section .adt-data-source .inline-selection-section {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
.intent-input-sections .data-source-section .intent-data-source .inline-selection-section .button-section,
.intent-input-sections .data-source-section .adt-data-source .inline-selection-section .button-section {
  width: 0;
  flex-grow: 1;
}
.intent-input-sections .data-source-section .intent-data-source .inline-selection-section .select-btn,
.intent-input-sections .data-source-section .adt-data-source .inline-selection-section .select-btn {
  line-height: 24px;
  display: inline-flex;
  align-items: center;
  max-width: 100%;
  border: none;
  gap: 4px;
}
.intent-input-sections .data-source-section .intent-data-source .inline-selection-section .select-btn i,
.intent-input-sections .data-source-section .adt-data-source .inline-selection-section .select-btn i {
  flex-shrink: 0;
}
.intent-input-sections .data-source-section .intent-data-source .inline-selection-section .select-btn span,
.intent-input-sections .data-source-section .adt-data-source .inline-selection-section .select-btn span {
  flex-grow: 1;
  text-align: left;
}
.intent-input-sections .time-range-container {
  padding: 16px 20px;
}
.intent-input-sections .time-range-container .vertical-layout .steps {
  align-items: center;
}
.intent-input-sections .time-range-container .vertical-layout > .steps {
  display: flex;
  gap: 24px;
}
.intent-input-sections .time-range-container .vertical-layout > .steps .title-label {
  font-size: 12px;
  font-weight: 600;
  width: 70px;
}
.intent-input-sections .time-range-container .vertical-layout > .steps .field-value {
  flex-grow: 1;
}
.intent-input-sections .time-range-container .vertical-layout > .steps .field-value group-dropdown-selection-directive .dropdown .custom-dropdown-btn {
  width: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid #c8c8c8;
}
.intent-input-sections .time-range-container .vertical-layout > .steps .field-value group-dropdown-selection-directive .dropdown .custom-dropdown-btn i {
  margin-left: auto;
}
.intent-input-sections .time-range-container .vertical-layout .report-input-filter-popover-content {
  display: flex;
  gap: 16px;
}
.intent-input-sections .time-range-container .vertical-layout .report-input-filter-popover-content .steps {
  display: flex;
  flex-grow: 1;
  gap: 8px;
}
.intent-input-sections .time-range-container .time-error-msg {
  display: flex;
  flex-direction: row;
  margin-top: 10px;
  line-height: 30px;
  color: red;
  align-items: center;
  gap: 8px;
}

.manage-intent-input-modal .modal-body {
  width: 1000px;
  padding: 24px !important;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-height: 800px;
}
.manage-intent-input-modal .modal-body > button {
  margin-left: auto;
}
.manage-intent-input-modal .modal-body .intent-groups-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header {
  display: flex;
  align-items: center;
  border: 1px solid #c8c8c8;
  padding: 4px 16px;
  gap: 4px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container {
  width: 200px;
  flex-shrink: 0;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container input {
  width: 200px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container {
  width: 340px;
  
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container input {
  width: 320px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container {
  width: 0;
  flex-grow: 1;
  margin-left: -4px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover {
  display: flex;
  padding: 0 6px 0 0;
  max-width: 100%;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover .url-link {
  
  display: flex;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover .url-link .btn.btn-link {
  line-height: 24px;
  padding: 0px 3px;
  border: 0;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover .url-icon {
  display: none;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover .url-icon i {
  vertical-align: middle;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover.canDelete:hover {
  background-color: #eeeeee;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .url-link-hover.canDelete:hover .url-icon {
  display: inline-block;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container input,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container input,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container input {
  text-align: left;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container nb-editable-text,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container nb-editable-text,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container nb-editable-text {
  max-width: 90%;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container nb-editable-text input,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container nb-editable-text input,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container nb-editable-text input {
  height: 24px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container .icon_nb_edit_12,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container .icon_nb_edit_12,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container .icon_nb_edit_12 {
  display: none;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-name-container:hover .icon_nb_edit_12,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-desc-container:hover .icon_nb_edit_12,
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .intent-group-url-container:hover .icon_nb_edit_12 {
  display: block;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header span:nth-child(2) {
  flex-grow: 1;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header i {
  cursor: pointer;
  margin-top: 1px;
}
.manage-intent-input-modal .modal-body .intent-groups-container > section > header .icon.close {
  margin-left: 6px;
}
.manage-intent-input-modal .modal-body define-intent-input {
  border: 1px solid #c8c8c8;
  border-top: 0px;
}
.manage-intent-input-modal .modal-footer {
  display: flex;
  margin-left: auto !important;
  gap: 8px;
  padding-top: 0px;
}
.manage-intent-input-modal .timepicker-sbs {
  display: none !important;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container {
  padding: 0;
  width: 440px;
  display: flex;
  flex-direction: column;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .basic-info,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info {
  padding: 0 24px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-content-info {
  padding: 20px 24px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-content-info .adt-filter-by-URL {
  margin-top: 18px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .basic-info {
  border-bottom: 1px solid #dadada;
  padding: 6px 24px 6px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .basic-info .url-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  white-space: nowrap;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .basic-info .url-type > label {
  line-height: 30px;
  font-weight: 400;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .basic-info .url-type > label input {
  vertical-align: middle;
  margin: -2px 6px 0 0;
  line-height: 30px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info {
  flex: auto;
  margin-bottom: 12px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 10px 10px 10px 0px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt .link-to-adt-label {
  width: 20%;
  text-align: right;
  font-weight: 600;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt .link-to-adt-rows {
  display: flex;
  align-items: center;
  gap: 8px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt .link-to-adt-rows ul {
  max-height: 300px;
  overflow-y: auto;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt .link-to-adt-rows li {
  width: 100%;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt .link-to-adt-rows li .adt-view-list span {
  vertical-align: middle;
  margin: -2px 0 0 0;
  line-height: 30px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .content-info .link-to-adt input {
  flex-grow: 1;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box label,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .display-text label {
  width: 25%;
  text-align: right;
  font-weight: 600;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box {
  display: flex;
  align-items: start;
  gap: 8px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box > div {
  flex: auto;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box > div textarea {
  width: 100%;
  height: 100%;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .display-text {
  display: flex;
  align-items: center;
  gap: 8px;
  white-space: nowrap;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .display-text input {
  flex-grow: 1;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-list,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-column,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .link-to-adt-rows {
  margin-top: 12px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box .dropdown .btn.btn-dropdown,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-list .dropdown .btn.btn-dropdown,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-column .dropdown .btn.btn-dropdown,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column .dropdown .btn.btn-dropdown,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .link-to-adt-rows .dropdown .btn.btn-dropdown {
  border: 0;
  padding: 0;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .url-box .adt-list-label,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-list .adt-list-label,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-column .adt-list-label,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column .adt-list-label,
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .link-to-adt-rows .adt-list-label {
  width: 20%;
  text-align: right;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-list {
  display: flex;
  align-items: center;
  gap: 8px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-list .select-btn {
  padding-left: 0;
  max-width: 350px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-column {
  display: flex;
  align-items: center;
  gap: 8px;
  z-index: 1061;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .adt-column .url-columns-dropdown-menu {
  max-height: 268px;
  overflow-y: auto;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .select-adt-column-search {
  display: flex;
  flex-direction: column;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column .search-column-rows {
  display: flex;
  align-items: center;
  gap: 8px;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column .search-column-rows input {
  flex-grow: 1;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column .key-columns-dropdown-menu {
  max-height: 268px;
  overflow-y: auto;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-body.define-url-container .search-column > * {
  vertical-align: middle;
}
.define-intent-group-url-dialog .modal-dialog .modal-content .modal-footer {
  
}

.save-as-template .modal-body,
.move-to-template .modal-body {
  width: 380px;
  height: 450px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0px !important;
}
.save-as-template .folder-tree,
.move-to-template .folder-tree {
  height: 0;
  flex: 1;
  border: 1px solid #c8c8c8;
}
.save-as-template .folder-input,
.move-to-template .folder-input {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.save-as-template .folder-input input,
.move-to-template .folder-input input {
  flex: 1;
  margin-left: 6px;
  padding: 0 6px;
  height: 30px;
}
.edit-input-parameter .modal-dialog .modal-content .modal-body {
  padding-bottom: unset;
}

.save-as-summary-dashboard .modal-body,
.move-to-summary-dashboard .modal-body {
  width: 380px;
  height: 450px;
  display: flex;
  flex-direction: column;
  padding-bottom: 0px !important;
}
.save-as-summary-dashboard .folder-tree,
.move-to-summary-dashboard .folder-tree {
  height: 0;
  flex: 1;
  border: 1px solid #c8c8c8;
}
.save-as-summary-dashboard .folder-input,
.move-to-summary-dashboard .folder-input {
  margin-top: 12px;
  display: flex;
  align-items: center;
}
.save-as-summary-dashboard .folder-input input,
.move-to-summary-dashboard .folder-input input {
  flex: 1;
  margin-left: 6px;
  padding: 0 6px;
  height: 30px;
}

.template-input-parameter-table-caption {
  display: flex;
  margin-bottom: 10px;
}
.template-input-parameter-table-caption .caption-icon {
  margin: 3px 5px 0px 0px;
}
table.template-input-parameter-table {
  margin-bottom: 0;
  border: 1px solid #d8d8d8;
}
table.template-input-parameter-table.table > thead > tr > th {
  border-bottom: 0;
  font-weight: 600;
}
table.template-input-parameter-table.table > tbody > tr > td {
  vertical-align: middle;
}
table.template-input-parameter-table .c_checkbox {
  width: 100px;
  text-align: center;
}
table.template-input-parameter-table .c_checkbox input {
  margin-top: 8px;
}
table.template-input-parameter-table .c_params {
  width: 120px;
}
table.template-input-parameter-table .c_dropdown {
  width: 240px;
}
table.template-input-parameter-table .c_dropdown .btn-group.dropdown {
  width: 200px;
}
table.template-input-parameter-table .c_dropdown .btn-group.dropdown .btn.btn-default {
  
}
table.template-input-parameter-table .c_label {
  
}
table.template-input-parameter-table .c_label .edit-action {
  margin-left: 2px;
}
table.template-input-parameter-table .c_label .read-mode {
  display: flex;
  width: 280px;
}
table.template-input-parameter-table .c_label .read-mode > span {
  display: inline-block;
}
table.template-input-parameter-table .c_label .read-mode .name {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  
}
table.template-input-parameter-table .c_label .edit-mode {
  width: 100%;
}
table.template-input-parameter-table .c_label .edit-mode > input {
  width: 100%;
}
.input-parameter-dropdown .infinite-tree-content .infinite-tree-item {
  padding: 3px 0;
}

dashboard-report-data-directive {
  width: 100%;
}
dashboard-report-data-directive .intent-dashboard-report-data {
  display: flex;
  flex-direction: column;
}
dashboard-report-data-directive .intent-dashboard-report-data div > header {
  font-size: 14px;
  font-weight: 600;
}
dashboard-report-data-directive .intent-dashboard-report-data label {
  white-space: nowrap;
}
dashboard-report-data-directive .intent-dashboard-report-data .chart-input-section,
dashboard-report-data-directive .intent-dashboard-report-data .customization-section {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  gap: 16px;
}
dashboard-report-data-directive .intent-dashboard-report-data .chart-input-section .chart-data-actions input {
  margin-top: 0;
}
dashboard-report-data-directive .intent-dashboard-report-data .chart-input-section .chart-data-actions .radio-section {
  display: flex;
  align-items: center;
  gap: 4px;
}
dashboard-report-data-directive .intent-dashboard-report-data .deviceinfo-chart,
dashboard-report-data-directive .intent-dashboard-report-data .summary-chart {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
dashboard-report-data-directive .intent-dashboard-report-data .deviceinfo-chart section .summary-selections,
dashboard-report-data-directive .intent-dashboard-report-data .summary-chart section .summary-selections {
  padding-left: 20px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
dashboard-report-data-directive .intent-dashboard-report-data .deviceinfo-chart {
  gap: 4px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .historical-selection {
  display: flex;
  align-items: center;
  gap: 12px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-header {
  font-weight: 600;
  font-size: 12px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-header i {
  cursor: pointer;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-sections {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding-left: 16px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-sections .change-report-type {
  display: flex;
  align-items: center;
  gap: 16px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-sections .dropdown-groups {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-sections .dropdown-groups header {
  font-size: 12px;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-sections .dropdown-groups .dropdown button {
  max-width: unset !important;
  width: 100%;
  display: flex;
  align-items: center;
  border-left: 1px solid #c8c8c8 !important;
}
dashboard-report-data-directive .intent-dashboard-report-data .intentresult-chart .customize-data-sections .dropdown-groups .dropdown button .toggle-text {
  flex-grow: 1;
  text-align: left;
}
dashboard-report-data-directive .intent-dashboard-report-data .customization-section {
  border-top: 1px solid #c8c8c8;
}
dashboard-report-data-directive .intent-dashboard-report-data .customization-section .customization-actions {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
dashboard-report-data-directive .intent-dashboard-report-data .customization-section .customization-actions .customization-link {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
}
dashboard-report-data-directive .intent-dashboard-no-selection {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  margin-top: 140px;
}
dashboard-report-data-directive .intent-dashboard-no-selection .edit-grey {
  font-size: 16px;
  color: #ABABAB;
}
dashboard-report-data-directive .intent-dashboard-no-selection .no-selection-wording {
  color: #666666;
}

.edit-drilldown-report-action-modal .modal-body {
  width: 100rem;
  height: 70rem;
  padding: 24px !important;
  display: flex;
  gap: 8px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions {
  width: 37rem;
  display: flex;
  flex-direction: column;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container {
  display: flex;
  flex-direction: column;
  overflow: auto;
  border: 1px dashed #d8d8d8;
  min-height: 70px;
  padding: 8px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container droppable-container:last-child {
  min-height: 30px;
  flex-grow: 1;
  display: grid;
  place-items: center;
  color: #59656D;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .entry {
  border: 1px solid #e9e9e9;
  background: #f7f7f7;
  border-radius: 3px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
  align-items: center;
  gap: 2px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .entry:hover .icon_nb_close_dim {
  visibility: visible;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .entry i {
  flex-shrink: 0;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .entry button {
  margin-left: auto;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .entry button .icon_nb_close_dim {
  visibility: hidden;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .gutter {
  height: 5px;
  display: block;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .entry-items-container .gutter.drag-over {
  height: 30px !important;
  transition: height 0.1s linear !important;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section {
  padding: 8px 20px;
  border: 1px solid #c8c8c8;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container {
  flex-grow: 1;
  border-top: 0;
  overflow: auto;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container {
  border: none;
  padding: 0;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container .entry {
  line-height: 30px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container .entry button:nth-child(2) {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 4px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container .entry button:last-child {
  margin-left: unset;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container .entry .close-drilldown-button {
  margin-right: 12px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container .entry [uib-popover-template-popup] {
  cursor: auto;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container .gutter {
  height: 8px;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions > section.report-columns-container .entry-items-container droppable-container:last-child {
  height: 50px;
  color: #666666;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .add-sections {
  display: flex;
  align-items: center;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .add-sections > header {
  font-size: 12px;
  font-weight: 600;
}
.edit-drilldown-report-action-modal .modal-body .define-report-columns-drilldown-actions .add-sections > button {
  margin-left: auto;
}
.edit-drilldown-report-action-modal .modal-body .report-preview-container {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.edit-drilldown-report-action-modal .modal-body .report-preview-container > header,
.edit-drilldown-report-action-modal .modal-body .report-preview-container > section {
  border: 1px solid #c8c8c8;
}
.edit-drilldown-report-action-modal .modal-body .report-preview-container > header {
  padding: 8px 24px;
  font-weight: 600;
}
.edit-drilldown-report-action-modal .modal-body .report-preview-container .grid-header {
  background-color: #e2e2e2;
  padding: 4px 16px;
}
.edit-drilldown-report-action-modal .modal-body .report-preview-container .grid-wrapper {
  height: 610px;
  width: 575px;
}
.edit-drilldown-report-action-modal .modal-body .report-preview-container .grid-wrapper .ui-grid {
  width: calc(100% - 2px) !important;
  height: calc(100% - 2px) !important;
}
.edit-drilldown-report-action-modal .modal-footer {
  display: flex;
  margin-left: auto !important;
  gap: 8px;
}
.choose-field-popover {
  max-height: 500px;
  overflow: auto;
}
.choose-field-popover .checkbox-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.choose-field-popover .checkbox-container input {
  margin: 0;
}

define-intent-template-input .define-param-container {
  padding: 0px 20px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  gap: 8px;
}
define-intent-template-input .define-param-container > label {
  font-weight: 400;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
define-intent-template-input .define-param-container > div {
  margin-left: -4px;
}
define-intent-template-input .define-param-container > div .btn.btn-link {
  line-height: 24px;
}
define-intent-template-input .time-range-container {
  display: flex;
  gap: 12px;
  flex-direction: column;
  margin-bottom: 16px;
  margin: 0px;
  width: 180px;
  gap: 0px;
}
define-intent-template-input .time-range-container .validation-has-error {
  display: none;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout .report-input-filter-popover-content {
  display: flex;
  gap: 6px;
  flex-direction: column;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout .steps {
  display: flex;
  gap: 4px;
  flex-direction: column;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout .steps label {
  font-size: 11px;
  font-weight: 600;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout .steps .left-label {
  flex-shrink: 0;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout .steps .title-label {
  font-weight: 700;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout > .steps {
  width: 180px;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout > .steps ~ .steps {
  border: unset;
}
define-intent-template-input .time-range-container time-range-selection-directive group-dropdown-selection-directive .group-dropdown-field-value .custom-dropdown-btn {
  border-left: 1px solid #c8c8c8;
  width: 100%;
  display: flex;
  align-items: center;
}
define-intent-template-input .time-range-container time-range-selection-directive group-dropdown-selection-directive .group-dropdown-field-value .custom-dropdown-btn .icon_nb_arrow_down {
  margin-left: auto;
}
define-intent-template-input .time-range-container .time-error-msg {
  display: flex;
  flex-direction: column;
  margin-top: auto;
  line-height: 30px;
  color: red;
}
define-intent-template-input .time-range-container time-range-selection-directive .vertical-layout > .steps:first-child .left-label:first-child {
  display: none;
}
define-intent-template-input .time-range-container .time-error-msg {
  flex-direction: row;
  align-items: center;
}

.define-intent-dashboard-alert-notification-modal .modal-body {
  width: 516px;
  padding: 24px !important;
  display: flex;
  flex-direction: column;
}
.define-intent-dashboard-alert-notification-modal .modal-body input[disabled],
.define-intent-dashboard-alert-notification-modal .modal-body button[disabled],
.define-intent-dashboard-alert-notification-modal .modal-body div[disabled],
.define-intent-dashboard-alert-notification-modal .modal-body textarea,
.define-intent-dashboard-alert-notification-modal .modal-body .form-control[readonly],
.define-intent-dashboard-alert-notification-modal .modal-body .form-control[disabled],
.define-intent-dashboard-alert-notification-modal .modal-body .nb-plm-disable-mask {
  background-color: white !important;
  color: black !important;
  opacity: 0.65 !important;
}
.define-intent-dashboard-alert-notification-modal .modal-body hr {
  margin: 24px -24px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:first-child > div:first-child {
  display: flex;
  align-items: center;
  gap: 4px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:first-child > div:first-child i {
  cursor: pointer;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div {
  display: flex;
  gap: 4px;
  margin-bottom: 16px;
  align-items: center;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div:last-child {
  margin-bottom: 8px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div .frequency-dropdown,
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div .intent-group-dropdown {
  width: 100%;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div textarea {
  line-height: 30px;
  height: 108px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div .dropdown .btn.btn-default {
  max-width: unset;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div .dropdown .btn.btn-dropdown {
  max-width: unset;
  border: none;
  padding: 0;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.frequency input {
  width: 52px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.intent-group > label,
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.frequency > label {
  width: 144px;
  flex-shrink: 0;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-receiver > label,
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-subject > label,
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-body > label {
  width: 60px;
  flex-shrink: 0;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-receiver .select-user-container-box {
  height: 30px;
  position: relative;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-receiver .select-user-container-box nb-select-user-directive {
  height: 30px;
  display: block;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-body {
  align-items: baseline;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-body .include-data-container .dropdown-menu {
  padding: 16px 8px 0px 8px;
  width: unset;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-body .include-data-container .dropdown-menu .checkbox {
  padding: 0px 8px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div.email-body .include-data-container .dropdown-menu hr {
  margin: 0 -8px;
}
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div > *:last-child:not(span),
.define-intent-dashboard-alert-notification-modal .modal-body section:nth-child(3) > div .select-user-container-box {
  flex-grow: 1;
  width: 0;
}
.define-intent-dashboard-alert-notification-modal .modal-footer {
  display: flex;
  margin-left: auto !important;
  gap: 8px;
  width: 100%;
  padding-top: 0 !important;
}
.define-intent-dashboard-alert-notification-modal .modal-footer button:first-child {
  margin-right: auto;
}

.intent-dashboard-edit-filter .modal-content .modal-body {
  width: 50rem;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.intent-dashboard-edit-filter .modal-content .modal-body .limitation {
  margin-left: auto;
  cursor: unset;
  color: #4a5861;
  text-decoration: unset;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header {
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid #bababa;
  margin-left: -2rem;
  margin-right: -2rem;
  padding-left: 20px;
  padding-right: 1rem;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header .tab-headers {
  display: grid;
  grid-auto-flow: column;
  gap: 12px;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header .tab-headers .header-item {
  text-decoration: unset;
  color: unset;
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header .tab-headers .header-item .header-item-title {
  width: 100%;
  display: inline-block;
  margin-right: 7px;
  cursor: pointer;
  padding: 0px 2px;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header .tab-headers .header-item i {
  position: absolute;
  right: 0;
  display: none;
  cursor: pointer;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header .tab-headers .header-item:hover i {
  display: block;
}
.intent-dashboard-edit-filter .modal-content .modal-body > header .tab-headers .active {
  border-bottom: 1px solid #7db1d9;
  font-weight: 600;
}
.intent-dashboard-edit-filter .modal-content .modal-body .enable-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  width: -moz-fit-content;
  width: fit-content;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr;
  gap: 16px;
  height: 30rem;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .dropdown {
  width: 100%;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .dropdown .dropdown-body {
  max-width: unset;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  overflow: auto;
  height: 30rem;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container header {
  display: flex;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container header .btn {
  margin-left: auto;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container header span + .btn {
  margin-left: 1rem;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container header .filter-value-validator-placeholder {
  margin-left: 2rem;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container header .filter-limitaion-add-btn {
  margin-left: auto;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values {
  flex-grow: 1;
  overflow: auto;
  border: 1px solid #c8c8c8;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values .option-lists {
  display: flex;
  flex-direction: column;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li {
  padding-left: 8px;
  padding-right: 8px;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item {
  display: flex;
  align-items: center;
  gap: 5px;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item input {
  height: 17px !important;
  text-align: left;
  width: 39rem;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item i {
  visibility: hidden;
  cursor: pointer;
  flex-shrink: 0;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li .list-item i.icon_nb_setting {
  margin-left: auto;
  margin-right: 5px;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li:hover,
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li:focus {
  text-decoration: none;
  color: #737373;
  background-color: #ddedf8;
  cursor: pointer;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li:hover i {
  visibility: visible;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li.active {
  text-decoration: none;
  background-color: #aad7f1;
}
.intent-dashboard-edit-filter .modal-content .modal-body .tab-content .filter-values-container section.filter-values li.disabled {
  color: #828C92;
}
.define-report-data-filter {
  width: 400px;
}
.define-report-data-filter footer {
  margin-top: 16px;
  text-align: right;
}

.dashboard-define-customize-legend .modal-body {
  width: 600px;
  height: 250px;
  display: flex;
  flex-direction: column;
}
.dashboard-define-customize-legend .modal-body > section {
  display: flex;
}
.dashboard-define-customize-legend .modal-body > section > header {
  width: 50%;
  font-size: 12px;
  font-weight: 600;
}
.dashboard-define-customize-legend .modal-body .table-header {
  border-bottom: 1px solid #c8c8c8;
  height: 48px;
  align-items: center;
  padding: 0 16px;
}
.dashboard-define-customize-legend .modal-body .table-content {
  flex-direction: column;
}
.dashboard-define-customize-legend .modal-body .table-content .contents {
  display: flex;
  height: 48px;
  align-items: center;
  border-bottom: 1px solid #c8c8c8;
  padding: 0 16px;
}
.dashboard-define-customize-legend .modal-body .table-content .contents .measure-name {
  width: 50%;
}
.dashboard-define-customize-legend .modal-body .table-content .contents input[type="text"] {
  width: 50%;
  flex-grow: 1;
}
.dashboard-define-customize-legend .modal-body .table-content .contents .editable-input-directive .editable-input-view .edit-btn {
  display: flex !important;
}

:root {
  --summary-dashboard-fixed-columns-width-w-intent: 650px;
  --summary-dashboard-fixed-columns-width-wo-intent: 450px;
  --summary-dashboard-alert-indicator-width: 100px;
  --summary-dashboard-row-height: 40px;
}
.alert-indicator-tooltip {
  opacity: 1 !important;
}
.alert-indicator-tooltip .light-font-color {
  color: #546773;
}
.alert-indicator-tooltip strong {
  font-weight: 600;
}
.alert-indicator-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.alert-indicator-tooltip.bottom {
  padding: 5px 0;
}
.alert-indicator-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
.alert-indicator-tooltip .status-code-count {
  display: flex;
  align-items: center;
}
.alert-indicator-tooltip .status-code-count .vertical-bar {
  width: 4px;
  height: 16px;
  position: absolute;
  left: 0;
}
.alert-indicator-tooltip .status-code-count .vertical-bar.success-bar {
  background-color: #2cb978;
}
.alert-indicator-tooltip .status-code-count .vertical-bar.alert-bar {
  background-color: #ff6c6c;
}
.dashboard-intent-group-tooltip {
  max-width: 320px;
  opacity: 1 !important;
}
.dashboard-intent-group-tooltip .light-font-color {
  color: #546773;
}
.dashboard-intent-group-tooltip strong {
  font-weight: 600;
}
.dashboard-intent-group-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.dashboard-intent-group-tooltip.bottom {
  padding: 5px 0;
}
.dashboard-intent-group-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
.alert-chart-dashboard-tooltip {
  max-width: 500px;
  opacity: 1 !important;
}
.alert-chart-dashboard-tooltip .light-font-color {
  color: #546773;
}
.alert-chart-dashboard-tooltip strong {
  font-weight: 600;
}
.alert-chart-dashboard-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.alert-chart-dashboard-tooltip.bottom {
  padding: 5px 0;
}
.alert-chart-dashboard-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
intent-dashboard-summary-grid {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
intent-dashboard-summary-grid .search-bar {
  position: absolute;
  right: 0;
  top: -38px;
  height: 38px;
}
intent-dashboard-summary-grid .search-bar .search-collapsed {
  width: 32px;
  height: 32px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
intent-dashboard-summary-grid .search-bar .search-collapsed:hover {
  background-color: #dde4e9;
}
intent-dashboard-summary-grid .search-bar .nb-search-bar {
  margin-bottom: 8px;
}
intent-dashboard-summary-grid .fixed-header {
  position: absolute;
  display: flex;
  align-items: center;
  width: 100%;
}
intent-dashboard-summary-grid .fixed-header .dummy-spacing {
  width: 300px;
}
intent-dashboard-summary-grid .fixed-header .dummy-spacing.show-intent-alert {
  width: 500px;
}
intent-dashboard-summary-grid .fixed-header .fixed-header-cell {
  flex-grow: 1;
  background-color: #eaebec;
  padding: 4px 16px;
  padding-right: 0px;
  display: flex;
  z-index: 3;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  color: #4a5861;
  font-weight: 600;
}
intent-dashboard-summary-grid .fixed-header .fixed-header-cell inline-edit-with-popover {
  width: 0;
  flex-grow: 1;
}
intent-dashboard-summary-grid .fixed-header .fixed-header-cell inline-edit-with-popover .inline-edit-with-popover-body .inline-edit-content {
  color: #4a5861;
}
intent-dashboard-summary-grid .fixed-header .fixed-header-cell button {
  margin-top: -4px;
  margin-bottom: -4px;
  border-left: 1px solid #ddd;
  width: 32px;
  margin-left: 0px;
}
intent-dashboard-summary-grid .fixed-header .fixed-header-cell button:hover:not(:disabled) {
  background-color: #dde4e9;
}
intent-dashboard-summary-grid .grid-container {
  flex-grow: 1;
  height: 0;
  display: flex;
  flex-direction: column;
}
intent-dashboard-summary-grid .grid-container .grid-no-data {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
intent-dashboard-summary-grid .grid-container .grid-has-data {
  max-height: 100%;
}
intent-dashboard-summary-grid .grid-container .grid-has-data inline-edit-with-popover .inline-edit-with-popover-body .inline-edit-content {
  color: #4a5861;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid {
  display: grid;
  grid-template-rows: 32px 32px;
  grid-template-columns: 300px 150px;
  grid-auto-columns: minmax(calc(100px + 2 * 16px), 1fr);
  grid-auto-rows: 40px;
  max-height: 100%;
  overflow-y: auto;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid::-webkit-scrollbar-track {
  margin-top: calc(2 * 32px);
  box-shadow: 0 -32px 0 #eaebec;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid.restricted .alert-indicator .has-cursor {
  cursor: unset;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid.show-intent-alert {
  grid-template-columns: 300px 200px 150px;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid.noshow-dev-alert {
  grid-template-rows: calc(32px / 2) calc(32px / 2);
  grid-template-columns: 65% 35%;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid.noshow-dev-alert::-webkit-scrollbar-track {
  margin-top: 32px;
  box-shadow: 0 -32px 0 #eaebec;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid.empty-grid {
  grid-template-columns: 300px 200px 150px 1fr;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-row-footer,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-column-header,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-content,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-content-devices,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-content-row,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-dashboard-intent-group-cell {
  display: contents;
  color: #4a5861;
  font-weight: 600;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-dashboard-intent-group-cell {
  font-weight: 400;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-content-devices {
  color: #212121;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-content-row:hover .grid-item {
  background-color: #f4f5f6;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-item {
  border-bottom: 1px solid #f0f0f0;
  background: white;
  padding: 8px 16px;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-item.grid-item-device {
  border-left: 1px solid #f0f0f0;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-item.grid-item-row-total-cell {
  border-left: 1px solid #f0f0f0;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-item i {
  flex-shrink: 0;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .grid-item inline-edit-with-popover {
  width: 100%;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-left {
  position: sticky;
  z-index: 1;
  left: 0;
  display: flex;
  align-items: center;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-left:not(.fixed-bottom) {
  gap: 4px;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-left em {
  margin-left: auto;
  margin-right: 4px;
  cursor: pointer;
  flex-shrink: 0;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-left-2 {
  position: sticky;
  z-index: 1;
  left: 300px;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-left-3 {
  position: sticky;
  z-index: 1;
  left: calc(300px + 200px);
  border-left: 1px solid #f0f0f0;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top {
  position: sticky;
  top: 0;
  z-index: 1;
  background-color: #eaebec;
  display: flex;
  align-items: center;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top-2 {
  position: sticky;
  z-index: 1;
  background-color: #eaebec;
  top: 32px;
  display: flex;
  align-items: center;
  border-left: 1px solid #ddd;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-bottom {
  position: sticky;
  bottom: 0px;
  z-index: 1;
  text-align: right;
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top.fixed-left,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top-2.fixed-left,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top.fixed-left-2,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top-2.fixed-left-2,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top.fixed-left-3,
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-top-2.fixed-left-3 {
  z-index: 2;
}
intent-dashboard-summary-grid .intent-dashboard-summary-grid .fixed-bottom.fixed-left {
  z-index: 2;
  border-left: unset;
}

.summary-dashboard-logo-modal-body {
  
  width: 440px;
  padding-bottom: 0 !important;
  padding-top: 10px !important;
}
.summary-dashboard-logo-modal-container {
  width: 100%;
  height: 100%;
  
}
.summary-dashboard-logo-modal-container .upload-header label {
  font-size: 16px;
  font-weight: 600;
  color: #212121;
}
.summary-dashboard-logo-modal-container .upload-img-wrap {
  display: flex;
  margin: 6px 0;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box1 {
  flex: 2;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box1 .logo-box {
  height: 84px;
  width: 84px;
  background-color: #ECECEC;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box1 .logo-box img {
  max-height: 84px;
  max-width: 84px;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 {
  flex: 5;
  padding-left: 12px;
  display: flex;
  flex-direction: column;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 .upload-tips {
  line-height: 18px;
  color: #4A5861;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 .uploader {
  display: flex;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 .uploader .uploader-row {
  margin-top: 12px;
  margin-right: 12px;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 .uploader .uploader-row .icon-info {
  vertical-align: middle;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 .uploader .btn-link > i {
  margin-right: 6px;
}
.summary-dashboard-logo-modal-container .upload-img-wrap .upload-logo-box2 .uploader .btn-link[disabled] {
  color: #000;
}
.summary-dashboard-logo-modal-container .upload-error-message {
  color: red;
  margin-top: 6px;
}

.shareFileURLPopup .modal-dialog .modal-content .modal-header {
  height: 34px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-header .share-file-url-popup-title {
  margin: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-header .close {
  margin: 9px 6px;
}
.shareFileURLPopup .modal-dialog .modal-content .share-summary-dashboard-body {
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.shareFileURLPopup .modal-dialog .modal-content .share-summary-dashboard-body .select-share-type {
  display: flex;
  height: 50px;
  align-items: center;
  padding-left: 20px;
  border-bottom: 1px solid #c8c8c8;
  margin-bottom: 20px;
  margin: 0 -20px 6px -20px;
  justify-content: start;
  gap: 16px;
}
.shareFileURLPopup .modal-dialog .modal-content .share-summary-dashboard-body .select-share-type label {
  display: flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
}
.shareFileURLPopup .modal-dialog .modal-content .share-summary-dashboard-body .select-share-type label input {
  margin: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .share-summary-dashboard-body .select-share-type button {
  flex: auto;
  margin-right: 15px;
  text-align: left;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .btn {
  font-weight: 400;
  font-size: 12px;
  padding: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown i {
  margin-left: 4px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown input {
  display: inline-block;
  width: 425px !important;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown .shareDropdown {
  position: absolute;
  width: 426px;
  height: auto;
  max-height: 210px;
  left: 22px;
  top: inherit;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown .shareDropdown .highlight-container span {
  display: inline;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-body .dropdown .shareDropdown ul {
  margin-bottom: 0;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-footer > .btn + .btn {
  margin-left: 24px;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-footer .left-action {
  float: left;
}
.shareFileURLPopup .modal-dialog .modal-content .modal-dialog {
  width: 485px;
  height: 530px;
}
.modal-dialog .modal-content .modal-body.share-file-url-popup-body {
  margin: 0;
  height: 550px;
  padding-top: 0;
}
.share-file-url-popup-body .linkTitle {
  color: #000000;
}
.share-file-url-popup-body .shareDropdown ul {
  max-height: 200px;
  overflow-y: auto;
}
.share-file-url-popup-body .shareDropdown li {
  cursor: pointer;
  list-style: outside none none;
  padding: 4px 12px;
}
.share-file-url-popup-body .shareDropdown li:hover {
  background-color: #edf8ff;
  border: 1px solid #edf8ff;
}
.share-file-url-popup-body .shareDropdown span {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.share-file-url-popup-body .shareWithText {
  margin-top: 5px;
  max-width: 100%;
  width: 100%;
  height: 180px !important;
  max-height: 180px;
  cursor: inherit;
}
.share-file-url-popup-body .shareLinks {
  height: 80px;
  white-space: pre-wrap;
}
.share-file-url-popup-body .shareRadio {
  margin: 10px 0;
}
.share-file-url-popup-body .shareRadio .copylink {
  float: right;
  margin-top: 4px;
}
.share-file-url-popup-body .shareRadio label {
  margin-right: 20px;
}
.share-file-url-popup-body .shareRadio label input[type=radio],
.share-file-url-popup-body .shareRadio label input[type=checkbox] {
  vertical-align: middle;
  margin: 0;
  margin-top: -2px;
  margin-right: 3px;
}
.share-file-url-popup-body > .previewFrame {
  padding-top: 10px;
  position: relative;
  left: 10px;
  width: calc(100% - 20px);
  height: 140px;
  text-align: center;
}
.share-file-url-popup-body > .shareToFrame {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: calc(100% - 20px);
  height: 30px;
}
.share-file-url-popup-body > .shareToFrame > .shareText {
  float: left;
  margin: 7px 0;
}
.share-file-url-popup-body > .shareToFrame > .shareDropdown {
  float: left;
  margin: 2px 10px;
}
.share-file-url-popup-body > .emailToMeText {
  float: left;
  margin-top: 10px;
  margin-left: 10px;
  width: calc(100% - 20px);
  height: 30px;
}
.share-file-url-popup-body > .emailToMeText > input {
  float: left;
  margin: 7px 0;
}
.share-file-url-popup-body > .emailToMeText > p {
  float: left;
  margin: 6px 10px;
}
.share-file-url-popup-body > .previewFrame .previewImg {
  position: relative;
  float: left;
  width: 100%;
  height: 100%;
  margin-top: 12px;
}
.share-file-url-popup-body > .previewFrame .previewImg span {
  display: inline-block;
}
.share-file-url-popup-body > .previewFrame .previewImg div {
  display: inline-block;
}
.share-file-url-popup-body > .previewFrame .previewImg .arrow {
  width: 20%;
  vertical-align: middle;
}
.share-file-url-popup-body > .previewFrame .previewImg .arrow button {
  font-size: 30px;
  color: #000000;
  background-color: #ffffff;
  border: none;
  outline: none;
}
.share-file-url-popup-body > .previewFrame .previewImg .arrow .arrowDisabled {
  color: #c8c8c8;
  display: none;
}
.share-file-url-popup-body > .previewFrame .previewImg > .imgFrame {
  height: 100%;
  margin: auto auto;
  width: 50%;
  vertical-align: middle;
  overflow: hidden;
}
.share-file-url-popup-body > .previewFrame .carousel {
  height: 100%;
  border: 1px solid green;
}
.share-file-url-popup-body > .previewFrame .carousel > .carousel-inner {
  height: 100%;
}
.share-file-url-popup-body > .previewFrame > .carousel > .carousel-indicators {
  bottom: 0;
}
.share-file-url-popup-body > .previewFrame .previewImg .imgRanderHtml {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.share-file-url-popup-body > .previewFrame .previewImg .imgRanderHtml > img {
  display: block;
  max-width: 223px;
  max-height: 130px;
  height: auto;
  width: auto;
}
.share-file-url-popup-body .ng-invalid-required.ng-touched {
  border-color: #d14747;
  box-shadow: #e6e6e6 0 2px 1px inset, #d14747 0 0 2px !important;
}
.share-file-url-popup-body .shareDropdown ul .selected {
  background-color: lightblue;
  border: 1px solid lightblue;
}
.share-file-url-popup-body .shareDropdown a {
  color: #fcad2d;
}
.share-file-url-popup-body > .dropdown {
  margin-bottom: 10px;
  height: 25px;
}
.share-file-url-popup-body > .dropdown label {
  width: 20px;
}
.share-file-url-popup-body .dropdown i {
  font-size: 16px;
  color: #000000;
}
.share-access-code-setting {
  display: flex;
  flex-direction: column;
  padding-right: 20px;
  padding-top: 11px;
}
.share-access-code-setting section {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.share-access-code-setting .access-code-setting-row {
  display: flex;
  align-items: center;
  gap: 6px;
}
.share-access-code-setting .access-code-setting-row label {
  display: flex;
  width: 120px;
  align-items: center;
  justify-content: right;
  gap: 6px;
}
.share-access-code-setting .access-code-setting-row label input {
  margin: 0;
}
.share-access-code-setting .access-code-setting-row > div {
  width: 220px;
  display: flex;
}
.share-access-code-setting .access-code-setting-row > div input {
  width: 100%;
}
.share-access-code-setting .access-code-setting-row > div .timeZoneTip {
  width: 100%;
}
.share-access-code-setting .access-code-setting-row > div .timeZoneTip .dropdown-menu-custom {
  width: max-content;
}
.share-access-code-setting .access-code-setting-row > div .dropdown .btn.btn-default {
  max-width: 100%;
}
.share-access-code-setting .access-code-setting-row .date-picker-container {
  position: relative;
}
.share-access-code-setting .access-code-setting-row .time-zone-field {
  position: relative;
}
.share-access-code-setting .access-code-setting-row .time-zone-field .icon_nb_info {
  position: absolute;
  right: -20px;
}
.share-access-code-setting footer {
  display: flex;
  justify-content: right;
  padding: 20px 0 11px 6px;
}

summary-dashboard-chart-setting-directive {
  width: 100%;
  height: 100%;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data {
  display: flex;
  flex-direction: column;
  max-width: 320px;
  height: 100%;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data header {
  font-size: 14px;
  font-weight: 600;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data label {
  white-space: nowrap;
  display: flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data input {
  margin-top: 0;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .btn-blue {
  background-color: #CBE2FB;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .btn-blue:disabled {
  background-color: #EAF4FF;
  color: #909FAB;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section {
  display: flex;
  flex-direction: column;
  padding: 16px 20px;
  gap: 16px;
  height: 100%;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .radio-section {
  display: flex;
  align-items: center;
  gap: 4px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .topN-radio-section {
  gap: 8px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .topN-radio-section input[type="number"] {
  width: 60px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .dashboard-sections-header {
  display: flex;
  align-items: center;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .dashboard-sections-header button {
  margin-left: auto;
  cursor: pointer;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .chart-data-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .device-alert-type {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .chart-data-option-section {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-left: 16px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .chart-data-option-section button {
  cursor: pointer;
  max-width: 155px;
  overflow: hidden;
  text-overflow: ellipsis;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .topN-chart-data-option-section {
  margin-left: 0;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .topN-chart-data-option-section button {
  margin-left: auto;
  max-width: unset;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .setting-section .topN-data-scope-header {
  display: flex;
  align-items: center;
  gap: 4px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .summary-widget {
  margin-top: 8px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-list-group {
  display: flex;
  gap: 16px;
  flex-direction: column;
  height: 0;
  flex: 1;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-sections-details {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow: auto;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-sections-details div {
  height: 28px;
  border-radius: 3px;
  border: 1px dashed #bebebe;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-sections-details .dashboard-options-nodata {
  display: flex;
  align-items: center;
  justify-items: center;
  justify-content: center;
  color: rgba(0, 0, 0, 0.38);
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-sections-details .dashboard-options-data {
  display: flex;
  padding: 0px 8px;
  align-items: center;
  gap: 8px;
  border: 1px solid #bebebe;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-sections-details .dashboard-options-data span {
  flex-grow: 1;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-sections-details .dashboard-options-data i {
  flex-shrink: 0;
  cursor: pointer;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-section-error {
  display: flex;
  align-items: baseline;
  gap: 4px;
  color: #EB0800;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-section-error i {
  flex-shrink: 0;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .dashboard-list-section {
  height: 0;
  flex: 1;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .enable-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  width: -moz-fit-content;
  width: fit-content;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .button-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-items: center;
  justify-content: center;
  margin-bottom: auto;
  flex-shrink: 0;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .button-group button {
  width: 100%;
  margin: 0;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .topN-info-section {
  margin-top: auto;
  display: flex;
  align-items: flex-start;
  margin-left: 0;
  gap: 8px;
  padding: 8px;
  background-color: #F7FAFD;
}
summary-dashboard-chart-setting-directive .intent-dashboard-report-data .chart-input-section .topN-info-section i {
  flex-shrink: 0;
  margin-top: 4px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-no-selection {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  margin-top: 140px;
}
summary-dashboard-chart-setting-directive .intent-dashboard-no-selection .edit-grey {
  font-size: 16px;
  color: #ababab;
}
summary-dashboard-chart-setting-directive .intent-dashboard-no-selection .no-selection-wording {
  color: #666666;
}
.summary-dashboard-chart-setting-tooltip {
  max-width: 220px;
  opacity: 1 !important;
}
.summary-dashboard-chart-setting-tooltip .light-font-color {
  color: #546773;
}
.summary-dashboard-chart-setting-tooltip strong {
  font-weight: 600;
}
.summary-dashboard-chart-setting-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.summary-dashboard-chart-setting-tooltip.bottom {
  padding: 5px 0;
}
.summary-dashboard-chart-setting-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}

.select-widget-modal .modal-body {
  width: 400px;
  height: 500px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.select-widget-modal .modal-body .dt-searchbox .search-bar {
  margin: 0;
}
.select-widget-modal .modal-body .dt-list {
  height: 0;
  flex-grow: 1;
  border: 1px solid #c8c8c8;
}

.summary-dashboard-container .dashboard-group-left {
  width: 0;
  flex: 1;
}
.summary-dashboard-container .summary-dashboard-view {
  display: flex;
  flex: 1;
  overflow: auto;
  flex-direction: column;
}
.summary-dashboard-container .dashboard-base .dashboard-main {
  overflow: inherit;
}
.summary-dashboard-container .dashboard-summary-banner {
  width: 0;
  margin: 20px 8px 1px 25px;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.08);
  border-radius: 5px;
  border-top: 1px solid #e0e0e0;
  background-color: #fff;
  flex: 0 1 auto;
  display: flex;
}
.summary-dashboard-container .dashboard-summary-banner.actived {
  border: 1px solid #3e89fb;
}
.summary-dashboard-container .summary-dashboard-filter {
  display: flex;
  margin: 0 20px;
  align-items: center;
  height: 50px;
  gap: 6px;
}
.summary-dashboard-container .link-tooltip {
  opacity: 1 !important;
  word-break: break-all;
  max-width: 40rem;
}
.summary-dashboard-container .link-tooltip .light-font-color {
  color: #546773;
}
.summary-dashboard-container .link-tooltip strong {
  font-weight: 600;
}
.summary-dashboard-container .link-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.summary-dashboard-container .link-tooltip.bottom {
  padding: 5px 0;
}
.summary-dashboard-container .link-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
.published-path-tooltip {
  opacity: 1 !important;
}
.published-path-tooltip .light-font-color {
  color: #546773;
}
.published-path-tooltip strong {
  font-weight: 600;
}
.published-path-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.published-path-tooltip.bottom {
  padding: 5px 0;
}
.published-path-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
.summary-dashboard-header-tooltip {
  max-width: 500px;
  opacity: 1 !important;
}
.summary-dashboard-header-tooltip .light-font-color {
  color: #546773;
}
.summary-dashboard-header-tooltip strong {
  font-weight: 600;
}
.summary-dashboard-header-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.summary-dashboard-header-tooltip.bottom {
  padding: 5px 0;
}
.summary-dashboard-header-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}

.dashboard-name-desc-body {
  display: flex;
  flex-direction: column;
}
.dashboard-name-desc-body .dashboard-name-content {
  font-weight: 600;
  font-size: 14px;
  display: flex;
  gap: 16px;
  align-items: center;
  color: #212121;
}
.dashboard-name-desc-body .dashboard-desc-content {
  color: #546773;
}
.dashboard-name-desc-body .name-editable {
  cursor: pointer;
}
.dashboard-name-desc-body .icon-editable {
  cursor: pointer;
}
.dashboard-name-desc-body span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dashboard-name-desc-body span .icon-edit {
  flex-shrink: 0;
}
.dashboard-name-desc-body .icon-edit {
  display: none;
}
.dashboard-name-desc-body:hover .icon-edit {
  display: flex;
}
.select-aggr-value-popover .dashboard-name-edit-section input {
  height: 30px;
  flex: 1;
}
.select-aggr-value-popover .dashboard-desc-edit-section label {
  align-self: start;
}
.select-aggr-value-popover .dashboard-desc-edit-section textarea {
  flex: 1;
}

.dashboard-auto-refresh-body {
  display: flex;
}
.dashboard-auto-refresh-body span {
  cursor: pointer;
}
.auto-refresh-frequency-popout .auto-update-switch {
  display: flex;
  align-items: center;
  gap: 6px;
}
.auto-refresh-frequency-popout .auto-update-switch .switch-animate {
  cursor: pointer;
}
.auto-refresh-frequency-popout .auto-update-switch .switch-animate input[type="checkbox"] {
  display: none;
}
.auto-refresh-frequency-popout .auto-update-switch .switch-animate .switch-label {
  padding-left: 35px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: -4px;
}
.auto-refresh-frequency-popout .auto-update-switch .btn-auto-update {
  display: inline-block;
}
.auto-refresh-frequency-popout .auto-update-switch .btn-auto-update[disabled] {
  cursor: default;
  color: #015290;
  opacity: unset;
}

.barchart-tooltip {
  max-width: 250px;
  opacity: 1 !important;
}
.barchart-tooltip .light-font-color {
  color: #546773;
}
.barchart-tooltip strong {
  font-weight: 600;
}
.barchart-tooltip .tooltip-inner {
  max-width: unset;
  color: #000000;
  background-color: #ffffff;
  text-align: left;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.175);
  padding: 8px 8px;
  line-height: 1.5em;
}
.barchart-tooltip.bottom {
  padding: 5px 0;
}
.barchart-tooltip .tooltip-arrow {
  border-top-color: #ffffff !important;
  border-bottom-color: #ffffff !important;
  display: none;
}
.sd-barchart-tooltip-grid {
  display: grid;
  grid-template-columns: 1fr auto;
  column-gap: 16px;
}
.sd-barchart-tooltip-grid .sd-barchart-tooltip-grid-row {
  display: contents;
}
intent-dashboard-summary-barchart {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
intent-dashboard-summary-barchart .grid-container {
  display: grid;
  grid-template-rows: 32px;
  grid-template-columns: 50% 1fr auto;
  grid-auto-rows: 40px;
  max-height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
intent-dashboard-summary-barchart .grid-container::-webkit-scrollbar-track {
  margin-top: 32px;
  box-shadow: 0 -32px 0 #eaebec;
}
intent-dashboard-summary-barchart .grid-container .grid-column-header,
intent-dashboard-summary-barchart .grid-container .grid-content-row,
intent-dashboard-summary-barchart .grid-container .grid-content {
  display: contents;
}
intent-dashboard-summary-barchart .grid-container .grid-column-header {
  color: #4a5861;
  font-weight: 600;
}
intent-dashboard-summary-barchart .grid-container .grid-content-row,
intent-dashboard-summary-barchart .grid-container .grid-content {
  color: #212121;
}
intent-dashboard-summary-barchart .grid-container .grid-content-row .grid-bar-with-number,
intent-dashboard-summary-barchart .grid-container .grid-content .grid-bar-with-number {
  font-weight: 600;
}
intent-dashboard-summary-barchart .grid-container .grid-content-row:hover:not(.restricted) .grid-item {
  cursor: pointer;
}
intent-dashboard-summary-barchart .grid-container .grid-content-row:hover .grid-item {
  background-color: #f4f5f6;
}
intent-dashboard-summary-barchart .grid-container .grid-item {
  border-bottom: 1px solid #f0f0f0;
  background: white;
  padding: 8px 16px;
}
intent-dashboard-summary-barchart .grid-container .grid-item inline-edit-with-popover .inline-edit-with-popover-body .inline-edit-content {
  color: #4a5861;
}
intent-dashboard-summary-barchart .grid-container .grid-item.device-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
intent-dashboard-summary-barchart .grid-container .grid-item.device-container .device-icon-wrapper {
  flex-shrink: 0;
}
intent-dashboard-summary-barchart .grid-container .grid-item.grid-bar-with-number {
  display: flex;
  align-items: center;
  padding-right: 0;
  z-index: 2;
}
intent-dashboard-summary-barchart .grid-container .grid-item .dynamic-bar {
  background: #f96f6f;
  height: 100%;
  border-radius: 4px;
  margin-right: 4px;
  flex-shrink: 0;
}
intent-dashboard-summary-barchart .grid-container .grid-item inline-edit-with-popover {
  width: 100%;
}
intent-dashboard-summary-barchart .grid-container .fixed-top {
  position: sticky;
  top: 0;
  z-index: 3;
  background-color: #eaebec;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #ddd;
}
intent-dashboard-summary-barchart .grid-no-data {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.inline-edit-with-popover-body {
  display: flex;
}
.inline-edit-with-popover-body .inline-edit-content {
  display: flex;
  gap: 16px;
  align-items: center;
  color: #212121;
}
.inline-edit-with-popover-body .inline-edit-content.name-editabled {
  cursor: pointer;
}
.inline-edit-with-popover-body span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.inline-edit-with-popover-body span .icon-edit {
  flex-shrink: 0;
}
.inline-edit-with-popover-body span.edit-action {
  min-width: 12px;
  height: 12px;
  display: flex;
}
.line-edit-text-popover {
  display: flex;
  flex-direction: column;
  max-width: 400px;
  padding: 11px 6px;
  gap: 16px;
}
.line-edit-text-popover .inline-edit-text-section {
  display: flex;
  align-items: center;
  gap: 6px;
}
.line-edit-text-popover .inline-edit-text-section label {
  flex: 1;
}
.line-edit-text-popover .inline-edit-text-section input {
  width: 234px;
  height: 30px;
}
.line-edit-text-popover footer {
  display: flex;
  justify-content: end;
}

dropdown-tree-with-search-and-actions input[disabled],
dropdown-tree-with-search-and-actions button[disabled],
dropdown-tree-with-search-and-actions div[disabled],
dropdown-tree-with-search-and-actions textarea,
dropdown-tree-with-search-and-actions .form-control[readonly],
dropdown-tree-with-search-and-actions .form-control[disabled],
dropdown-tree-with-search-and-actions .nb-plm-disable-mask {
  background-color: white !important;
  color: black !important;
  opacity: 0.65 !important;
}
dropdown-tree-with-search-and-actions .dropdown button.btn.dropdown-toggle {
  width: 100%;
  max-width: unset;
  display: flex;
  align-items: center;
  border: 1px solid #c8c8c8;
  margin-left: 0px;
}
dropdown-tree-with-search-and-actions .dropdown button.btn.dropdown-toggle > span {
  width: 0;
  flex-grow: 1;
  text-align: left;
}
dropdown-tree-with-search-and-actions .dropdown button.btn.dropdown-toggle > i {
  margin-left: auto;
  margin-right: 4px;
  flex-shrink: 0;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .nb-search-bar {
  margin-bottom: 0;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .form-control:not(:focus) {
  border: none;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .dropdown-menu__tree-container {
  max-height: 36rem;
  overflow: auto;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .dropdown-menu__tree-container .infinite-tree-item {
  height: 32px;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .dropdown-menu__noresult {
  line-height: 32px;
  padding-left: 8px;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .dropdown-menu__divider {
  display: block;
  height: 0;
  border-top: 1px solid #c8c8c8;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .dropdown-menu__actions {
  line-height: 32px;
}
dropdown-tree-with-search-and-actions .dropdown .dropdown-menu .dropdown-menu__actions button {
  padding-left: 8px;
}

.define-dashboard-link-modal .modal-content .modal-body {
  width: 40rem;
  padding-bottom: 0;
}
.define-dashboard-link-modal .modal-content .modal-body .link-type {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.define-dashboard-link-modal .modal-content .modal-body .link-type label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.define-dashboard-link-modal .modal-content .modal-body .link-type label input {
  margin-top: 0;
}
.define-dashboard-link-modal .modal-content .modal-body .link-ref {
  height: 15rem;
}
.define-dashboard-link-modal .modal-content .modal-body .link-ref .select-incident,
.define-dashboard-link-modal .modal-content .modal-body .link-ref .select-map {
  display: flex;
  align-items: center;
  gap: 4px;
}
.define-dashboard-link-modal .modal-content .modal-body .link-ref .define-url {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.define-dashboard-link-modal .modal-content .modal-body .link-ref .form-group label:first-child {
  width: 92px;
  white-space: nowrap;
  padding-left: 0px;
}
.define-dashboard-link-modal .modal-content .modal-body .link-ref .form-group.url {
  flex-grow: 1;
}
.define-dashboard-link-modal .modal-content .modal-body .link-ref .form-group.url textarea {
  flex-grow: 1;
}
.define-dashboard-link-modal .modal-content .modal-body hr {
  margin: 16px -20px;
}

.sd-data-scope-selector {
  display: flex;
  gap: 6px;
  font-weight: 600;
}
.sd-data-scope-selector .disable-wording {
  font-weight: 400;
}
.sd-data-scope-popout {
  display: flex;
  flex-direction: column;
  width: 295px;
  gap: 12px;
}
.sd-data-scope-popout header {
  display: flex;
  align-items: center;
  gap: 6px;
  font-weight: 600;
}
.sd-data-scope-popout .sd-data-scope-options {
  display: flex;
  gap: 20px;
}
.sd-data-scope-popout .sd-data-scope-options div {
  display: flex;
  gap: 6px;
  align-items: center;
}
.sd-data-scope-popout .sd-data-scope-options div input {
  margin: 0;
}
.sd-data-scope-popout footer {
  display: flex;
  justify-content: end;
  align-items: center;
  padding: 10px 0;
}

.sd-display-setting-modal .modal-body {
  width: 320px;
}
.sd-display-setting-modal .modal-body section {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.sd-display-setting-modal .modal-body section > * {
  align-items: center;
  display: flex;
  gap: 6px;
}
.sd-display-setting-modal .modal-body section .item-label {
  margin-bottom: 4px;
}
.sd-display-setting-modal .modal-body section > label {
  margin-left: 16px;
}
.sd-display-setting-modal .modal-body section > label input {
  margin: 0;
}

.custom-geomap-alert-background-0 {
  background: conic-gradient(#FF6366 0deg 0deg, #248900 0deg 360deg);
}
.custom-geomap-alert-background-1 {
  background: conic-gradient(#FF6366 0deg 1deg, #248900 1deg 360deg);
}
.custom-geomap-alert-background-2 {
  background: conic-gradient(#FF6366 0deg 2deg, #248900 2deg 360deg);
}
.custom-geomap-alert-background-3 {
  background: conic-gradient(#FF6366 0deg 3deg, #248900 3deg 360deg);
}
.custom-geomap-alert-background-4 {
  background: conic-gradient(#FF6366 0deg 4deg, #248900 4deg 360deg);
}
.custom-geomap-alert-background-5 {
  background: conic-gradient(#FF6366 0deg 5deg, #248900 5deg 360deg);
}
.custom-geomap-alert-background-6 {
  background: conic-gradient(#FF6366 0deg 6deg, #248900 6deg 360deg);
}
.custom-geomap-alert-background-7 {
  background: conic-gradient(#FF6366 0deg 7deg, #248900 7deg 360deg);
}
.custom-geomap-alert-background-8 {
  background: conic-gradient(#FF6366 0deg 8deg, #248900 8deg 360deg);
}
.custom-geomap-alert-background-9 {
  background: conic-gradient(#FF6366 0deg 9deg, #248900 9deg 360deg);
}
.custom-geomap-alert-background-10 {
  background: conic-gradient(#FF6366 0deg 10deg, #248900 10deg 360deg);
}
.custom-geomap-alert-background-11 {
  background: conic-gradient(#FF6366 0deg 11deg, #248900 11deg 360deg);
}
.custom-geomap-alert-background-12 {
  background: conic-gradient(#FF6366 0deg 12deg, #248900 12deg 360deg);
}
.custom-geomap-alert-background-13 {
  background: conic-gradient(#FF6366 0deg 13deg, #248900 13deg 360deg);
}
.custom-geomap-alert-background-14 {
  background: conic-gradient(#FF6366 0deg 14deg, #248900 14deg 360deg);
}
.custom-geomap-alert-background-15 {
  background: conic-gradient(#FF6366 0deg 15deg, #248900 15deg 360deg);
}
.custom-geomap-alert-background-16 {
  background: conic-gradient(#FF6366 0deg 16deg, #248900 16deg 360deg);
}
.custom-geomap-alert-background-17 {
  background: conic-gradient(#FF6366 0deg 17deg, #248900 17deg 360deg);
}
.custom-geomap-alert-background-18 {
  background: conic-gradient(#FF6366 0deg 18deg, #248900 18deg 360deg);
}
.custom-geomap-alert-background-19 {
  background: conic-gradient(#FF6366 0deg 19deg, #248900 19deg 360deg);
}
.custom-geomap-alert-background-20 {
  background: conic-gradient(#FF6366 0deg 20deg, #248900 20deg 360deg);
}
.custom-geomap-alert-background-21 {
  background: conic-gradient(#FF6366 0deg 21deg, #248900 21deg 360deg);
}
.custom-geomap-alert-background-22 {
  background: conic-gradient(#FF6366 0deg 22deg, #248900 22deg 360deg);
}
.custom-geomap-alert-background-23 {
  background: conic-gradient(#FF6366 0deg 23deg, #248900 23deg 360deg);
}
.custom-geomap-alert-background-24 {
  background: conic-gradient(#FF6366 0deg 24deg, #248900 24deg 360deg);
}
.custom-geomap-alert-background-25 {
  background: conic-gradient(#FF6366 0deg 25deg, #248900 25deg 360deg);
}
.custom-geomap-alert-background-26 {
  background: conic-gradient(#FF6366 0deg 26deg, #248900 26deg 360deg);
}
.custom-geomap-alert-background-27 {
  background: conic-gradient(#FF6366 0deg 27deg, #248900 27deg 360deg);
}
.custom-geomap-alert-background-28 {
  background: conic-gradient(#FF6366 0deg 28deg, #248900 28deg 360deg);
}
.custom-geomap-alert-background-29 {
  background: conic-gradient(#FF6366 0deg 29deg, #248900 29deg 360deg);
}
.custom-geomap-alert-background-30 {
  background: conic-gradient(#FF6366 0deg 30deg, #248900 30deg 360deg);
}
.custom-geomap-alert-background-31 {
  background: conic-gradient(#FF6366 0deg 31deg, #248900 31deg 360deg);
}
.custom-geomap-alert-background-32 {
  background: conic-gradient(#FF6366 0deg 32deg, #248900 32deg 360deg);
}
.custom-geomap-alert-background-33 {
  background: conic-gradient(#FF6366 0deg 33deg, #248900 33deg 360deg);
}
.custom-geomap-alert-background-34 {
  background: conic-gradient(#FF6366 0deg 34deg, #248900 34deg 360deg);
}
.custom-geomap-alert-background-35 {
  background: conic-gradient(#FF6366 0deg 35deg, #248900 35deg 360deg);
}
.custom-geomap-alert-background-36 {
  background: conic-gradient(#FF6366 0deg 36deg, #248900 36deg 360deg);
}
.custom-geomap-alert-background-37 {
  background: conic-gradient(#FF6366 0deg 37deg, #248900 37deg 360deg);
}
.custom-geomap-alert-background-38 {
  background: conic-gradient(#FF6366 0deg 38deg, #248900 38deg 360deg);
}
.custom-geomap-alert-background-39 {
  background: conic-gradient(#FF6366 0deg 39deg, #248900 39deg 360deg);
}
.custom-geomap-alert-background-40 {
  background: conic-gradient(#FF6366 0deg 40deg, #248900 40deg 360deg);
}
.custom-geomap-alert-background-41 {
  background: conic-gradient(#FF6366 0deg 41deg, #248900 41deg 360deg);
}
.custom-geomap-alert-background-42 {
  background: conic-gradient(#FF6366 0deg 42deg, #248900 42deg 360deg);
}
.custom-geomap-alert-background-43 {
  background: conic-gradient(#FF6366 0deg 43deg, #248900 43deg 360deg);
}
.custom-geomap-alert-background-44 {
  background: conic-gradient(#FF6366 0deg 44deg, #248900 44deg 360deg);
}
.custom-geomap-alert-background-45 {
  background: conic-gradient(#FF6366 0deg 45deg, #248900 45deg 360deg);
}
.custom-geomap-alert-background-46 {
  background: conic-gradient(#FF6366 0deg 46deg, #248900 46deg 360deg);
}
.custom-geomap-alert-background-47 {
  background: conic-gradient(#FF6366 0deg 47deg, #248900 47deg 360deg);
}
.custom-geomap-alert-background-48 {
  background: conic-gradient(#FF6366 0deg 48deg, #248900 48deg 360deg);
}
.custom-geomap-alert-background-49 {
  background: conic-gradient(#FF6366 0deg 49deg, #248900 49deg 360deg);
}
.custom-geomap-alert-background-50 {
  background: conic-gradient(#FF6366 0deg 50deg, #248900 50deg 360deg);
}
.custom-geomap-alert-background-51 {
  background: conic-gradient(#FF6366 0deg 51deg, #248900 51deg 360deg);
}
.custom-geomap-alert-background-52 {
  background: conic-gradient(#FF6366 0deg 52deg, #248900 52deg 360deg);
}
.custom-geomap-alert-background-53 {
  background: conic-gradient(#FF6366 0deg 53deg, #248900 53deg 360deg);
}
.custom-geomap-alert-background-54 {
  background: conic-gradient(#FF6366 0deg 54deg, #248900 54deg 360deg);
}
.custom-geomap-alert-background-55 {
  background: conic-gradient(#FF6366 0deg 55deg, #248900 55deg 360deg);
}
.custom-geomap-alert-background-56 {
  background: conic-gradient(#FF6366 0deg 56deg, #248900 56deg 360deg);
}
.custom-geomap-alert-background-57 {
  background: conic-gradient(#FF6366 0deg 57deg, #248900 57deg 360deg);
}
.custom-geomap-alert-background-58 {
  background: conic-gradient(#FF6366 0deg 58deg, #248900 58deg 360deg);
}
.custom-geomap-alert-background-59 {
  background: conic-gradient(#FF6366 0deg 59deg, #248900 59deg 360deg);
}
.custom-geomap-alert-background-60 {
  background: conic-gradient(#FF6366 0deg 60deg, #248900 60deg 360deg);
}
.custom-geomap-alert-background-61 {
  background: conic-gradient(#FF6366 0deg 61deg, #248900 61deg 360deg);
}
.custom-geomap-alert-background-62 {
  background: conic-gradient(#FF6366 0deg 62deg, #248900 62deg 360deg);
}
.custom-geomap-alert-background-63 {
  background: conic-gradient(#FF6366 0deg 63deg, #248900 63deg 360deg);
}
.custom-geomap-alert-background-64 {
  background: conic-gradient(#FF6366 0deg 64deg, #248900 64deg 360deg);
}
.custom-geomap-alert-background-65 {
  background: conic-gradient(#FF6366 0deg 65deg, #248900 65deg 360deg);
}
.custom-geomap-alert-background-66 {
  background: conic-gradient(#FF6366 0deg 66deg, #248900 66deg 360deg);
}
.custom-geomap-alert-background-67 {
  background: conic-gradient(#FF6366 0deg 67deg, #248900 67deg 360deg);
}
.custom-geomap-alert-background-68 {
  background: conic-gradient(#FF6366 0deg 68deg, #248900 68deg 360deg);
}
.custom-geomap-alert-background-69 {
  background: conic-gradient(#FF6366 0deg 69deg, #248900 69deg 360deg);
}
.custom-geomap-alert-background-70 {
  background: conic-gradient(#FF6366 0deg 70deg, #248900 70deg 360deg);
}
.custom-geomap-alert-background-71 {
  background: conic-gradient(#FF6366 0deg 71deg, #248900 71deg 360deg);
}
.custom-geomap-alert-background-72 {
  background: conic-gradient(#FF6366 0deg 72deg, #248900 72deg 360deg);
}
.custom-geomap-alert-background-73 {
  background: conic-gradient(#FF6366 0deg 73deg, #248900 73deg 360deg);
}
.custom-geomap-alert-background-74 {
  background: conic-gradient(#FF6366 0deg 74deg, #248900 74deg 360deg);
}
.custom-geomap-alert-background-75 {
  background: conic-gradient(#FF6366 0deg 75deg, #248900 75deg 360deg);
}
.custom-geomap-alert-background-76 {
  background: conic-gradient(#FF6366 0deg 76deg, #248900 76deg 360deg);
}
.custom-geomap-alert-background-77 {
  background: conic-gradient(#FF6366 0deg 77deg, #248900 77deg 360deg);
}
.custom-geomap-alert-background-78 {
  background: conic-gradient(#FF6366 0deg 78deg, #248900 78deg 360deg);
}
.custom-geomap-alert-background-79 {
  background: conic-gradient(#FF6366 0deg 79deg, #248900 79deg 360deg);
}
.custom-geomap-alert-background-80 {
  background: conic-gradient(#FF6366 0deg 80deg, #248900 80deg 360deg);
}
.custom-geomap-alert-background-81 {
  background: conic-gradient(#FF6366 0deg 81deg, #248900 81deg 360deg);
}
.custom-geomap-alert-background-82 {
  background: conic-gradient(#FF6366 0deg 82deg, #248900 82deg 360deg);
}
.custom-geomap-alert-background-83 {
  background: conic-gradient(#FF6366 0deg 83deg, #248900 83deg 360deg);
}
.custom-geomap-alert-background-84 {
  background: conic-gradient(#FF6366 0deg 84deg, #248900 84deg 360deg);
}
.custom-geomap-alert-background-85 {
  background: conic-gradient(#FF6366 0deg 85deg, #248900 85deg 360deg);
}
.custom-geomap-alert-background-86 {
  background: conic-gradient(#FF6366 0deg 86deg, #248900 86deg 360deg);
}
.custom-geomap-alert-background-87 {
  background: conic-gradient(#FF6366 0deg 87deg, #248900 87deg 360deg);
}
.custom-geomap-alert-background-88 {
  background: conic-gradient(#FF6366 0deg 88deg, #248900 88deg 360deg);
}
.custom-geomap-alert-background-89 {
  background: conic-gradient(#FF6366 0deg 89deg, #248900 89deg 360deg);
}
.custom-geomap-alert-background-90 {
  background: conic-gradient(#FF6366 0deg 90deg, #248900 90deg 360deg);
}
.custom-geomap-alert-background-91 {
  background: conic-gradient(#FF6366 0deg 91deg, #248900 91deg 360deg);
}
.custom-geomap-alert-background-92 {
  background: conic-gradient(#FF6366 0deg 92deg, #248900 92deg 360deg);
}
.custom-geomap-alert-background-93 {
  background: conic-gradient(#FF6366 0deg 93deg, #248900 93deg 360deg);
}
.custom-geomap-alert-background-94 {
  background: conic-gradient(#FF6366 0deg 94deg, #248900 94deg 360deg);
}
.custom-geomap-alert-background-95 {
  background: conic-gradient(#FF6366 0deg 95deg, #248900 95deg 360deg);
}
.custom-geomap-alert-background-96 {
  background: conic-gradient(#FF6366 0deg 96deg, #248900 96deg 360deg);
}
.custom-geomap-alert-background-97 {
  background: conic-gradient(#FF6366 0deg 97deg, #248900 97deg 360deg);
}
.custom-geomap-alert-background-98 {
  background: conic-gradient(#FF6366 0deg 98deg, #248900 98deg 360deg);
}
.custom-geomap-alert-background-99 {
  background: conic-gradient(#FF6366 0deg 99deg, #248900 99deg 360deg);
}
.custom-geomap-alert-background-100 {
  background: conic-gradient(#FF6366 0deg 100deg, #248900 100deg 360deg);
}
.custom-geomap-alert-background-101 {
  background: conic-gradient(#FF6366 0deg 101deg, #248900 101deg 360deg);
}
.custom-geomap-alert-background-102 {
  background: conic-gradient(#FF6366 0deg 102deg, #248900 102deg 360deg);
}
.custom-geomap-alert-background-103 {
  background: conic-gradient(#FF6366 0deg 103deg, #248900 103deg 360deg);
}
.custom-geomap-alert-background-104 {
  background: conic-gradient(#FF6366 0deg 104deg, #248900 104deg 360deg);
}
.custom-geomap-alert-background-105 {
  background: conic-gradient(#FF6366 0deg 105deg, #248900 105deg 360deg);
}
.custom-geomap-alert-background-106 {
  background: conic-gradient(#FF6366 0deg 106deg, #248900 106deg 360deg);
}
.custom-geomap-alert-background-107 {
  background: conic-gradient(#FF6366 0deg 107deg, #248900 107deg 360deg);
}
.custom-geomap-alert-background-108 {
  background: conic-gradient(#FF6366 0deg 108deg, #248900 108deg 360deg);
}
.custom-geomap-alert-background-109 {
  background: conic-gradient(#FF6366 0deg 109deg, #248900 109deg 360deg);
}
.custom-geomap-alert-background-110 {
  background: conic-gradient(#FF6366 0deg 110deg, #248900 110deg 360deg);
}
.custom-geomap-alert-background-111 {
  background: conic-gradient(#FF6366 0deg 111deg, #248900 111deg 360deg);
}
.custom-geomap-alert-background-112 {
  background: conic-gradient(#FF6366 0deg 112deg, #248900 112deg 360deg);
}
.custom-geomap-alert-background-113 {
  background: conic-gradient(#FF6366 0deg 113deg, #248900 113deg 360deg);
}
.custom-geomap-alert-background-114 {
  background: conic-gradient(#FF6366 0deg 114deg, #248900 114deg 360deg);
}
.custom-geomap-alert-background-115 {
  background: conic-gradient(#FF6366 0deg 115deg, #248900 115deg 360deg);
}
.custom-geomap-alert-background-116 {
  background: conic-gradient(#FF6366 0deg 116deg, #248900 116deg 360deg);
}
.custom-geomap-alert-background-117 {
  background: conic-gradient(#FF6366 0deg 117deg, #248900 117deg 360deg);
}
.custom-geomap-alert-background-118 {
  background: conic-gradient(#FF6366 0deg 118deg, #248900 118deg 360deg);
}
.custom-geomap-alert-background-119 {
  background: conic-gradient(#FF6366 0deg 119deg, #248900 119deg 360deg);
}
.custom-geomap-alert-background-120 {
  background: conic-gradient(#FF6366 0deg 120deg, #248900 120deg 360deg);
}
.custom-geomap-alert-background-121 {
  background: conic-gradient(#FF6366 0deg 121deg, #248900 121deg 360deg);
}
.custom-geomap-alert-background-122 {
  background: conic-gradient(#FF6366 0deg 122deg, #248900 122deg 360deg);
}
.custom-geomap-alert-background-123 {
  background: conic-gradient(#FF6366 0deg 123deg, #248900 123deg 360deg);
}
.custom-geomap-alert-background-124 {
  background: conic-gradient(#FF6366 0deg 124deg, #248900 124deg 360deg);
}
.custom-geomap-alert-background-125 {
  background: conic-gradient(#FF6366 0deg 125deg, #248900 125deg 360deg);
}
.custom-geomap-alert-background-126 {
  background: conic-gradient(#FF6366 0deg 126deg, #248900 126deg 360deg);
}
.custom-geomap-alert-background-127 {
  background: conic-gradient(#FF6366 0deg 127deg, #248900 127deg 360deg);
}
.custom-geomap-alert-background-128 {
  background: conic-gradient(#FF6366 0deg 128deg, #248900 128deg 360deg);
}
.custom-geomap-alert-background-129 {
  background: conic-gradient(#FF6366 0deg 129deg, #248900 129deg 360deg);
}
.custom-geomap-alert-background-130 {
  background: conic-gradient(#FF6366 0deg 130deg, #248900 130deg 360deg);
}
.custom-geomap-alert-background-131 {
  background: conic-gradient(#FF6366 0deg 131deg, #248900 131deg 360deg);
}
.custom-geomap-alert-background-132 {
  background: conic-gradient(#FF6366 0deg 132deg, #248900 132deg 360deg);
}
.custom-geomap-alert-background-133 {
  background: conic-gradient(#FF6366 0deg 133deg, #248900 133deg 360deg);
}
.custom-geomap-alert-background-134 {
  background: conic-gradient(#FF6366 0deg 134deg, #248900 134deg 360deg);
}
.custom-geomap-alert-background-135 {
  background: conic-gradient(#FF6366 0deg 135deg, #248900 135deg 360deg);
}
.custom-geomap-alert-background-136 {
  background: conic-gradient(#FF6366 0deg 136deg, #248900 136deg 360deg);
}
.custom-geomap-alert-background-137 {
  background: conic-gradient(#FF6366 0deg 137deg, #248900 137deg 360deg);
}
.custom-geomap-alert-background-138 {
  background: conic-gradient(#FF6366 0deg 138deg, #248900 138deg 360deg);
}
.custom-geomap-alert-background-139 {
  background: conic-gradient(#FF6366 0deg 139deg, #248900 139deg 360deg);
}
.custom-geomap-alert-background-140 {
  background: conic-gradient(#FF6366 0deg 140deg, #248900 140deg 360deg);
}
.custom-geomap-alert-background-141 {
  background: conic-gradient(#FF6366 0deg 141deg, #248900 141deg 360deg);
}
.custom-geomap-alert-background-142 {
  background: conic-gradient(#FF6366 0deg 142deg, #248900 142deg 360deg);
}
.custom-geomap-alert-background-143 {
  background: conic-gradient(#FF6366 0deg 143deg, #248900 143deg 360deg);
}
.custom-geomap-alert-background-144 {
  background: conic-gradient(#FF6366 0deg 144deg, #248900 144deg 360deg);
}
.custom-geomap-alert-background-145 {
  background: conic-gradient(#FF6366 0deg 145deg, #248900 145deg 360deg);
}
.custom-geomap-alert-background-146 {
  background: conic-gradient(#FF6366 0deg 146deg, #248900 146deg 360deg);
}
.custom-geomap-alert-background-147 {
  background: conic-gradient(#FF6366 0deg 147deg, #248900 147deg 360deg);
}
.custom-geomap-alert-background-148 {
  background: conic-gradient(#FF6366 0deg 148deg, #248900 148deg 360deg);
}
.custom-geomap-alert-background-149 {
  background: conic-gradient(#FF6366 0deg 149deg, #248900 149deg 360deg);
}
.custom-geomap-alert-background-150 {
  background: conic-gradient(#FF6366 0deg 150deg, #248900 150deg 360deg);
}
.custom-geomap-alert-background-151 {
  background: conic-gradient(#FF6366 0deg 151deg, #248900 151deg 360deg);
}
.custom-geomap-alert-background-152 {
  background: conic-gradient(#FF6366 0deg 152deg, #248900 152deg 360deg);
}
.custom-geomap-alert-background-153 {
  background: conic-gradient(#FF6366 0deg 153deg, #248900 153deg 360deg);
}
.custom-geomap-alert-background-154 {
  background: conic-gradient(#FF6366 0deg 154deg, #248900 154deg 360deg);
}
.custom-geomap-alert-background-155 {
  background: conic-gradient(#FF6366 0deg 155deg, #248900 155deg 360deg);
}
.custom-geomap-alert-background-156 {
  background: conic-gradient(#FF6366 0deg 156deg, #248900 156deg 360deg);
}
.custom-geomap-alert-background-157 {
  background: conic-gradient(#FF6366 0deg 157deg, #248900 157deg 360deg);
}
.custom-geomap-alert-background-158 {
  background: conic-gradient(#FF6366 0deg 158deg, #248900 158deg 360deg);
}
.custom-geomap-alert-background-159 {
  background: conic-gradient(#FF6366 0deg 159deg, #248900 159deg 360deg);
}
.custom-geomap-alert-background-160 {
  background: conic-gradient(#FF6366 0deg 160deg, #248900 160deg 360deg);
}
.custom-geomap-alert-background-161 {
  background: conic-gradient(#FF6366 0deg 161deg, #248900 161deg 360deg);
}
.custom-geomap-alert-background-162 {
  background: conic-gradient(#FF6366 0deg 162deg, #248900 162deg 360deg);
}
.custom-geomap-alert-background-163 {
  background: conic-gradient(#FF6366 0deg 163deg, #248900 163deg 360deg);
}
.custom-geomap-alert-background-164 {
  background: conic-gradient(#FF6366 0deg 164deg, #248900 164deg 360deg);
}
.custom-geomap-alert-background-165 {
  background: conic-gradient(#FF6366 0deg 165deg, #248900 165deg 360deg);
}
.custom-geomap-alert-background-166 {
  background: conic-gradient(#FF6366 0deg 166deg, #248900 166deg 360deg);
}
.custom-geomap-alert-background-167 {
  background: conic-gradient(#FF6366 0deg 167deg, #248900 167deg 360deg);
}
.custom-geomap-alert-background-168 {
  background: conic-gradient(#FF6366 0deg 168deg, #248900 168deg 360deg);
}
.custom-geomap-alert-background-169 {
  background: conic-gradient(#FF6366 0deg 169deg, #248900 169deg 360deg);
}
.custom-geomap-alert-background-170 {
  background: conic-gradient(#FF6366 0deg 170deg, #248900 170deg 360deg);
}
.custom-geomap-alert-background-171 {
  background: conic-gradient(#FF6366 0deg 171deg, #248900 171deg 360deg);
}
.custom-geomap-alert-background-172 {
  background: conic-gradient(#FF6366 0deg 172deg, #248900 172deg 360deg);
}
.custom-geomap-alert-background-173 {
  background: conic-gradient(#FF6366 0deg 173deg, #248900 173deg 360deg);
}
.custom-geomap-alert-background-174 {
  background: conic-gradient(#FF6366 0deg 174deg, #248900 174deg 360deg);
}
.custom-geomap-alert-background-175 {
  background: conic-gradient(#FF6366 0deg 175deg, #248900 175deg 360deg);
}
.custom-geomap-alert-background-176 {
  background: conic-gradient(#FF6366 0deg 176deg, #248900 176deg 360deg);
}
.custom-geomap-alert-background-177 {
  background: conic-gradient(#FF6366 0deg 177deg, #248900 177deg 360deg);
}
.custom-geomap-alert-background-178 {
  background: conic-gradient(#FF6366 0deg 178deg, #248900 178deg 360deg);
}
.custom-geomap-alert-background-179 {
  background: conic-gradient(#FF6366 0deg 179deg, #248900 179deg 360deg);
}
.custom-geomap-alert-background-180 {
  background: conic-gradient(#FF6366 0deg 180deg, #248900 180deg 360deg);
}
.custom-geomap-alert-background-181 {
  background: conic-gradient(#FF6366 0deg 181deg, #248900 181deg 360deg);
}
.custom-geomap-alert-background-182 {
  background: conic-gradient(#FF6366 0deg 182deg, #248900 182deg 360deg);
}
.custom-geomap-alert-background-183 {
  background: conic-gradient(#FF6366 0deg 183deg, #248900 183deg 360deg);
}
.custom-geomap-alert-background-184 {
  background: conic-gradient(#FF6366 0deg 184deg, #248900 184deg 360deg);
}
.custom-geomap-alert-background-185 {
  background: conic-gradient(#FF6366 0deg 185deg, #248900 185deg 360deg);
}
.custom-geomap-alert-background-186 {
  background: conic-gradient(#FF6366 0deg 186deg, #248900 186deg 360deg);
}
.custom-geomap-alert-background-187 {
  background: conic-gradient(#FF6366 0deg 187deg, #248900 187deg 360deg);
}
.custom-geomap-alert-background-188 {
  background: conic-gradient(#FF6366 0deg 188deg, #248900 188deg 360deg);
}
.custom-geomap-alert-background-189 {
  background: conic-gradient(#FF6366 0deg 189deg, #248900 189deg 360deg);
}
.custom-geomap-alert-background-190 {
  background: conic-gradient(#FF6366 0deg 190deg, #248900 190deg 360deg);
}
.custom-geomap-alert-background-191 {
  background: conic-gradient(#FF6366 0deg 191deg, #248900 191deg 360deg);
}
.custom-geomap-alert-background-192 {
  background: conic-gradient(#FF6366 0deg 192deg, #248900 192deg 360deg);
}
.custom-geomap-alert-background-193 {
  background: conic-gradient(#FF6366 0deg 193deg, #248900 193deg 360deg);
}
.custom-geomap-alert-background-194 {
  background: conic-gradient(#FF6366 0deg 194deg, #248900 194deg 360deg);
}
.custom-geomap-alert-background-195 {
  background: conic-gradient(#FF6366 0deg 195deg, #248900 195deg 360deg);
}
.custom-geomap-alert-background-196 {
  background: conic-gradient(#FF6366 0deg 196deg, #248900 196deg 360deg);
}
.custom-geomap-alert-background-197 {
  background: conic-gradient(#FF6366 0deg 197deg, #248900 197deg 360deg);
}
.custom-geomap-alert-background-198 {
  background: conic-gradient(#FF6366 0deg 198deg, #248900 198deg 360deg);
}
.custom-geomap-alert-background-199 {
  background: conic-gradient(#FF6366 0deg 199deg, #248900 199deg 360deg);
}
.custom-geomap-alert-background-200 {
  background: conic-gradient(#FF6366 0deg 200deg, #248900 200deg 360deg);
}
.custom-geomap-alert-background-201 {
  background: conic-gradient(#FF6366 0deg 201deg, #248900 201deg 360deg);
}
.custom-geomap-alert-background-202 {
  background: conic-gradient(#FF6366 0deg 202deg, #248900 202deg 360deg);
}
.custom-geomap-alert-background-203 {
  background: conic-gradient(#FF6366 0deg 203deg, #248900 203deg 360deg);
}
.custom-geomap-alert-background-204 {
  background: conic-gradient(#FF6366 0deg 204deg, #248900 204deg 360deg);
}
.custom-geomap-alert-background-205 {
  background: conic-gradient(#FF6366 0deg 205deg, #248900 205deg 360deg);
}
.custom-geomap-alert-background-206 {
  background: conic-gradient(#FF6366 0deg 206deg, #248900 206deg 360deg);
}
.custom-geomap-alert-background-207 {
  background: conic-gradient(#FF6366 0deg 207deg, #248900 207deg 360deg);
}
.custom-geomap-alert-background-208 {
  background: conic-gradient(#FF6366 0deg 208deg, #248900 208deg 360deg);
}
.custom-geomap-alert-background-209 {
  background: conic-gradient(#FF6366 0deg 209deg, #248900 209deg 360deg);
}
.custom-geomap-alert-background-210 {
  background: conic-gradient(#FF6366 0deg 210deg, #248900 210deg 360deg);
}
.custom-geomap-alert-background-211 {
  background: conic-gradient(#FF6366 0deg 211deg, #248900 211deg 360deg);
}
.custom-geomap-alert-background-212 {
  background: conic-gradient(#FF6366 0deg 212deg, #248900 212deg 360deg);
}
.custom-geomap-alert-background-213 {
  background: conic-gradient(#FF6366 0deg 213deg, #248900 213deg 360deg);
}
.custom-geomap-alert-background-214 {
  background: conic-gradient(#FF6366 0deg 214deg, #248900 214deg 360deg);
}
.custom-geomap-alert-background-215 {
  background: conic-gradient(#FF6366 0deg 215deg, #248900 215deg 360deg);
}
.custom-geomap-alert-background-216 {
  background: conic-gradient(#FF6366 0deg 216deg, #248900 216deg 360deg);
}
.custom-geomap-alert-background-217 {
  background: conic-gradient(#FF6366 0deg 217deg, #248900 217deg 360deg);
}
.custom-geomap-alert-background-218 {
  background: conic-gradient(#FF6366 0deg 218deg, #248900 218deg 360deg);
}
.custom-geomap-alert-background-219 {
  background: conic-gradient(#FF6366 0deg 219deg, #248900 219deg 360deg);
}
.custom-geomap-alert-background-220 {
  background: conic-gradient(#FF6366 0deg 220deg, #248900 220deg 360deg);
}
.custom-geomap-alert-background-221 {
  background: conic-gradient(#FF6366 0deg 221deg, #248900 221deg 360deg);
}
.custom-geomap-alert-background-222 {
  background: conic-gradient(#FF6366 0deg 222deg, #248900 222deg 360deg);
}
.custom-geomap-alert-background-223 {
  background: conic-gradient(#FF6366 0deg 223deg, #248900 223deg 360deg);
}
.custom-geomap-alert-background-224 {
  background: conic-gradient(#FF6366 0deg 224deg, #248900 224deg 360deg);
}
.custom-geomap-alert-background-225 {
  background: conic-gradient(#FF6366 0deg 225deg, #248900 225deg 360deg);
}
.custom-geomap-alert-background-226 {
  background: conic-gradient(#FF6366 0deg 226deg, #248900 226deg 360deg);
}
.custom-geomap-alert-background-227 {
  background: conic-gradient(#FF6366 0deg 227deg, #248900 227deg 360deg);
}
.custom-geomap-alert-background-228 {
  background: conic-gradient(#FF6366 0deg 228deg, #248900 228deg 360deg);
}
.custom-geomap-alert-background-229 {
  background: conic-gradient(#FF6366 0deg 229deg, #248900 229deg 360deg);
}
.custom-geomap-alert-background-230 {
  background: conic-gradient(#FF6366 0deg 230deg, #248900 230deg 360deg);
}
.custom-geomap-alert-background-231 {
  background: conic-gradient(#FF6366 0deg 231deg, #248900 231deg 360deg);
}
.custom-geomap-alert-background-232 {
  background: conic-gradient(#FF6366 0deg 232deg, #248900 232deg 360deg);
}
.custom-geomap-alert-background-233 {
  background: conic-gradient(#FF6366 0deg 233deg, #248900 233deg 360deg);
}
.custom-geomap-alert-background-234 {
  background: conic-gradient(#FF6366 0deg 234deg, #248900 234deg 360deg);
}
.custom-geomap-alert-background-235 {
  background: conic-gradient(#FF6366 0deg 235deg, #248900 235deg 360deg);
}
.custom-geomap-alert-background-236 {
  background: conic-gradient(#FF6366 0deg 236deg, #248900 236deg 360deg);
}
.custom-geomap-alert-background-237 {
  background: conic-gradient(#FF6366 0deg 237deg, #248900 237deg 360deg);
}
.custom-geomap-alert-background-238 {
  background: conic-gradient(#FF6366 0deg 238deg, #248900 238deg 360deg);
}
.custom-geomap-alert-background-239 {
  background: conic-gradient(#FF6366 0deg 239deg, #248900 239deg 360deg);
}
.custom-geomap-alert-background-240 {
  background: conic-gradient(#FF6366 0deg 240deg, #248900 240deg 360deg);
}
.custom-geomap-alert-background-241 {
  background: conic-gradient(#FF6366 0deg 241deg, #248900 241deg 360deg);
}
.custom-geomap-alert-background-242 {
  background: conic-gradient(#FF6366 0deg 242deg, #248900 242deg 360deg);
}
.custom-geomap-alert-background-243 {
  background: conic-gradient(#FF6366 0deg 243deg, #248900 243deg 360deg);
}
.custom-geomap-alert-background-244 {
  background: conic-gradient(#FF6366 0deg 244deg, #248900 244deg 360deg);
}
.custom-geomap-alert-background-245 {
  background: conic-gradient(#FF6366 0deg 245deg, #248900 245deg 360deg);
}
.custom-geomap-alert-background-246 {
  background: conic-gradient(#FF6366 0deg 246deg, #248900 246deg 360deg);
}
.custom-geomap-alert-background-247 {
  background: conic-gradient(#FF6366 0deg 247deg, #248900 247deg 360deg);
}
.custom-geomap-alert-background-248 {
  background: conic-gradient(#FF6366 0deg 248deg, #248900 248deg 360deg);
}
.custom-geomap-alert-background-249 {
  background: conic-gradient(#FF6366 0deg 249deg, #248900 249deg 360deg);
}
.custom-geomap-alert-background-250 {
  background: conic-gradient(#FF6366 0deg 250deg, #248900 250deg 360deg);
}
.custom-geomap-alert-background-251 {
  background: conic-gradient(#FF6366 0deg 251deg, #248900 251deg 360deg);
}
.custom-geomap-alert-background-252 {
  background: conic-gradient(#FF6366 0deg 252deg, #248900 252deg 360deg);
}
.custom-geomap-alert-background-253 {
  background: conic-gradient(#FF6366 0deg 253deg, #248900 253deg 360deg);
}
.custom-geomap-alert-background-254 {
  background: conic-gradient(#FF6366 0deg 254deg, #248900 254deg 360deg);
}
.custom-geomap-alert-background-255 {
  background: conic-gradient(#FF6366 0deg 255deg, #248900 255deg 360deg);
}
.custom-geomap-alert-background-256 {
  background: conic-gradient(#FF6366 0deg 256deg, #248900 256deg 360deg);
}
.custom-geomap-alert-background-257 {
  background: conic-gradient(#FF6366 0deg 257deg, #248900 257deg 360deg);
}
.custom-geomap-alert-background-258 {
  background: conic-gradient(#FF6366 0deg 258deg, #248900 258deg 360deg);
}
.custom-geomap-alert-background-259 {
  background: conic-gradient(#FF6366 0deg 259deg, #248900 259deg 360deg);
}
.custom-geomap-alert-background-260 {
  background: conic-gradient(#FF6366 0deg 260deg, #248900 260deg 360deg);
}
.custom-geomap-alert-background-261 {
  background: conic-gradient(#FF6366 0deg 261deg, #248900 261deg 360deg);
}
.custom-geomap-alert-background-262 {
  background: conic-gradient(#FF6366 0deg 262deg, #248900 262deg 360deg);
}
.custom-geomap-alert-background-263 {
  background: conic-gradient(#FF6366 0deg 263deg, #248900 263deg 360deg);
}
.custom-geomap-alert-background-264 {
  background: conic-gradient(#FF6366 0deg 264deg, #248900 264deg 360deg);
}
.custom-geomap-alert-background-265 {
  background: conic-gradient(#FF6366 0deg 265deg, #248900 265deg 360deg);
}
.custom-geomap-alert-background-266 {
  background: conic-gradient(#FF6366 0deg 266deg, #248900 266deg 360deg);
}
.custom-geomap-alert-background-267 {
  background: conic-gradient(#FF6366 0deg 267deg, #248900 267deg 360deg);
}
.custom-geomap-alert-background-268 {
  background: conic-gradient(#FF6366 0deg 268deg, #248900 268deg 360deg);
}
.custom-geomap-alert-background-269 {
  background: conic-gradient(#FF6366 0deg 269deg, #248900 269deg 360deg);
}
.custom-geomap-alert-background-270 {
  background: conic-gradient(#FF6366 0deg 270deg, #248900 270deg 360deg);
}
.custom-geomap-alert-background-271 {
  background: conic-gradient(#FF6366 0deg 271deg, #248900 271deg 360deg);
}
.custom-geomap-alert-background-272 {
  background: conic-gradient(#FF6366 0deg 272deg, #248900 272deg 360deg);
}
.custom-geomap-alert-background-273 {
  background: conic-gradient(#FF6366 0deg 273deg, #248900 273deg 360deg);
}
.custom-geomap-alert-background-274 {
  background: conic-gradient(#FF6366 0deg 274deg, #248900 274deg 360deg);
}
.custom-geomap-alert-background-275 {
  background: conic-gradient(#FF6366 0deg 275deg, #248900 275deg 360deg);
}
.custom-geomap-alert-background-276 {
  background: conic-gradient(#FF6366 0deg 276deg, #248900 276deg 360deg);
}
.custom-geomap-alert-background-277 {
  background: conic-gradient(#FF6366 0deg 277deg, #248900 277deg 360deg);
}
.custom-geomap-alert-background-278 {
  background: conic-gradient(#FF6366 0deg 278deg, #248900 278deg 360deg);
}
.custom-geomap-alert-background-279 {
  background: conic-gradient(#FF6366 0deg 279deg, #248900 279deg 360deg);
}
.custom-geomap-alert-background-280 {
  background: conic-gradient(#FF6366 0deg 280deg, #248900 280deg 360deg);
}
.custom-geomap-alert-background-281 {
  background: conic-gradient(#FF6366 0deg 281deg, #248900 281deg 360deg);
}
.custom-geomap-alert-background-282 {
  background: conic-gradient(#FF6366 0deg 282deg, #248900 282deg 360deg);
}
.custom-geomap-alert-background-283 {
  background: conic-gradient(#FF6366 0deg 283deg, #248900 283deg 360deg);
}
.custom-geomap-alert-background-284 {
  background: conic-gradient(#FF6366 0deg 284deg, #248900 284deg 360deg);
}
.custom-geomap-alert-background-285 {
  background: conic-gradient(#FF6366 0deg 285deg, #248900 285deg 360deg);
}
.custom-geomap-alert-background-286 {
  background: conic-gradient(#FF6366 0deg 286deg, #248900 286deg 360deg);
}
.custom-geomap-alert-background-287 {
  background: conic-gradient(#FF6366 0deg 287deg, #248900 287deg 360deg);
}
.custom-geomap-alert-background-288 {
  background: conic-gradient(#FF6366 0deg 288deg, #248900 288deg 360deg);
}
.custom-geomap-alert-background-289 {
  background: conic-gradient(#FF6366 0deg 289deg, #248900 289deg 360deg);
}
.custom-geomap-alert-background-290 {
  background: conic-gradient(#FF6366 0deg 290deg, #248900 290deg 360deg);
}
.custom-geomap-alert-background-291 {
  background: conic-gradient(#FF6366 0deg 291deg, #248900 291deg 360deg);
}
.custom-geomap-alert-background-292 {
  background: conic-gradient(#FF6366 0deg 292deg, #248900 292deg 360deg);
}
.custom-geomap-alert-background-293 {
  background: conic-gradient(#FF6366 0deg 293deg, #248900 293deg 360deg);
}
.custom-geomap-alert-background-294 {
  background: conic-gradient(#FF6366 0deg 294deg, #248900 294deg 360deg);
}
.custom-geomap-alert-background-295 {
  background: conic-gradient(#FF6366 0deg 295deg, #248900 295deg 360deg);
}
.custom-geomap-alert-background-296 {
  background: conic-gradient(#FF6366 0deg 296deg, #248900 296deg 360deg);
}
.custom-geomap-alert-background-297 {
  background: conic-gradient(#FF6366 0deg 297deg, #248900 297deg 360deg);
}
.custom-geomap-alert-background-298 {
  background: conic-gradient(#FF6366 0deg 298deg, #248900 298deg 360deg);
}
.custom-geomap-alert-background-299 {
  background: conic-gradient(#FF6366 0deg 299deg, #248900 299deg 360deg);
}
.custom-geomap-alert-background-300 {
  background: conic-gradient(#FF6366 0deg 300deg, #248900 300deg 360deg);
}
.custom-geomap-alert-background-301 {
  background: conic-gradient(#FF6366 0deg 301deg, #248900 301deg 360deg);
}
.custom-geomap-alert-background-302 {
  background: conic-gradient(#FF6366 0deg 302deg, #248900 302deg 360deg);
}
.custom-geomap-alert-background-303 {
  background: conic-gradient(#FF6366 0deg 303deg, #248900 303deg 360deg);
}
.custom-geomap-alert-background-304 {
  background: conic-gradient(#FF6366 0deg 304deg, #248900 304deg 360deg);
}
.custom-geomap-alert-background-305 {
  background: conic-gradient(#FF6366 0deg 305deg, #248900 305deg 360deg);
}
.custom-geomap-alert-background-306 {
  background: conic-gradient(#FF6366 0deg 306deg, #248900 306deg 360deg);
}
.custom-geomap-alert-background-307 {
  background: conic-gradient(#FF6366 0deg 307deg, #248900 307deg 360deg);
}
.custom-geomap-alert-background-308 {
  background: conic-gradient(#FF6366 0deg 308deg, #248900 308deg 360deg);
}
.custom-geomap-alert-background-309 {
  background: conic-gradient(#FF6366 0deg 309deg, #248900 309deg 360deg);
}
.custom-geomap-alert-background-310 {
  background: conic-gradient(#FF6366 0deg 310deg, #248900 310deg 360deg);
}
.custom-geomap-alert-background-311 {
  background: conic-gradient(#FF6366 0deg 311deg, #248900 311deg 360deg);
}
.custom-geomap-alert-background-312 {
  background: conic-gradient(#FF6366 0deg 312deg, #248900 312deg 360deg);
}
.custom-geomap-alert-background-313 {
  background: conic-gradient(#FF6366 0deg 313deg, #248900 313deg 360deg);
}
.custom-geomap-alert-background-314 {
  background: conic-gradient(#FF6366 0deg 314deg, #248900 314deg 360deg);
}
.custom-geomap-alert-background-315 {
  background: conic-gradient(#FF6366 0deg 315deg, #248900 315deg 360deg);
}
.custom-geomap-alert-background-316 {
  background: conic-gradient(#FF6366 0deg 316deg, #248900 316deg 360deg);
}
.custom-geomap-alert-background-317 {
  background: conic-gradient(#FF6366 0deg 317deg, #248900 317deg 360deg);
}
.custom-geomap-alert-background-318 {
  background: conic-gradient(#FF6366 0deg 318deg, #248900 318deg 360deg);
}
.custom-geomap-alert-background-319 {
  background: conic-gradient(#FF6366 0deg 319deg, #248900 319deg 360deg);
}
.custom-geomap-alert-background-320 {
  background: conic-gradient(#FF6366 0deg 320deg, #248900 320deg 360deg);
}
.custom-geomap-alert-background-321 {
  background: conic-gradient(#FF6366 0deg 321deg, #248900 321deg 360deg);
}
.custom-geomap-alert-background-322 {
  background: conic-gradient(#FF6366 0deg 322deg, #248900 322deg 360deg);
}
.custom-geomap-alert-background-323 {
  background: conic-gradient(#FF6366 0deg 323deg, #248900 323deg 360deg);
}
.custom-geomap-alert-background-324 {
  background: conic-gradient(#FF6366 0deg 324deg, #248900 324deg 360deg);
}
.custom-geomap-alert-background-325 {
  background: conic-gradient(#FF6366 0deg 325deg, #248900 325deg 360deg);
}
.custom-geomap-alert-background-326 {
  background: conic-gradient(#FF6366 0deg 326deg, #248900 326deg 360deg);
}
.custom-geomap-alert-background-327 {
  background: conic-gradient(#FF6366 0deg 327deg, #248900 327deg 360deg);
}
.custom-geomap-alert-background-328 {
  background: conic-gradient(#FF6366 0deg 328deg, #248900 328deg 360deg);
}
.custom-geomap-alert-background-329 {
  background: conic-gradient(#FF6366 0deg 329deg, #248900 329deg 360deg);
}
.custom-geomap-alert-background-330 {
  background: conic-gradient(#FF6366 0deg 330deg, #248900 330deg 360deg);
}
.custom-geomap-alert-background-331 {
  background: conic-gradient(#FF6366 0deg 331deg, #248900 331deg 360deg);
}
.custom-geomap-alert-background-332 {
  background: conic-gradient(#FF6366 0deg 332deg, #248900 332deg 360deg);
}
.custom-geomap-alert-background-333 {
  background: conic-gradient(#FF6366 0deg 333deg, #248900 333deg 360deg);
}
.custom-geomap-alert-background-334 {
  background: conic-gradient(#FF6366 0deg 334deg, #248900 334deg 360deg);
}
.custom-geomap-alert-background-335 {
  background: conic-gradient(#FF6366 0deg 335deg, #248900 335deg 360deg);
}
.custom-geomap-alert-background-336 {
  background: conic-gradient(#FF6366 0deg 336deg, #248900 336deg 360deg);
}
.custom-geomap-alert-background-337 {
  background: conic-gradient(#FF6366 0deg 337deg, #248900 337deg 360deg);
}
.custom-geomap-alert-background-338 {
  background: conic-gradient(#FF6366 0deg 338deg, #248900 338deg 360deg);
}
.custom-geomap-alert-background-339 {
  background: conic-gradient(#FF6366 0deg 339deg, #248900 339deg 360deg);
}
.custom-geomap-alert-background-340 {
  background: conic-gradient(#FF6366 0deg 340deg, #248900 340deg 360deg);
}
.custom-geomap-alert-background-341 {
  background: conic-gradient(#FF6366 0deg 341deg, #248900 341deg 360deg);
}
.custom-geomap-alert-background-342 {
  background: conic-gradient(#FF6366 0deg 342deg, #248900 342deg 360deg);
}
.custom-geomap-alert-background-343 {
  background: conic-gradient(#FF6366 0deg 343deg, #248900 343deg 360deg);
}
.custom-geomap-alert-background-344 {
  background: conic-gradient(#FF6366 0deg 344deg, #248900 344deg 360deg);
}
.custom-geomap-alert-background-345 {
  background: conic-gradient(#FF6366 0deg 345deg, #248900 345deg 360deg);
}
.custom-geomap-alert-background-346 {
  background: conic-gradient(#FF6366 0deg 346deg, #248900 346deg 360deg);
}
.custom-geomap-alert-background-347 {
  background: conic-gradient(#FF6366 0deg 347deg, #248900 347deg 360deg);
}
.custom-geomap-alert-background-348 {
  background: conic-gradient(#FF6366 0deg 348deg, #248900 348deg 360deg);
}
.custom-geomap-alert-background-349 {
  background: conic-gradient(#FF6366 0deg 349deg, #248900 349deg 360deg);
}
.custom-geomap-alert-background-350 {
  background: conic-gradient(#FF6366 0deg 350deg, #248900 350deg 360deg);
}
.custom-geomap-alert-background-351 {
  background: conic-gradient(#FF6366 0deg 351deg, #248900 351deg 360deg);
}
.custom-geomap-alert-background-352 {
  background: conic-gradient(#FF6366 0deg 352deg, #248900 352deg 360deg);
}
.custom-geomap-alert-background-353 {
  background: conic-gradient(#FF6366 0deg 353deg, #248900 353deg 360deg);
}
.custom-geomap-alert-background-354 {
  background: conic-gradient(#FF6366 0deg 354deg, #248900 354deg 360deg);
}
.custom-geomap-alert-background-355 {
  background: conic-gradient(#FF6366 0deg 355deg, #248900 355deg 360deg);
}
.custom-geomap-alert-background-356 {
  background: conic-gradient(#FF6366 0deg 356deg, #248900 356deg 360deg);
}
.custom-geomap-alert-background-357 {
  background: conic-gradient(#FF6366 0deg 357deg, #248900 357deg 360deg);
}
.custom-geomap-alert-background-358 {
  background: conic-gradient(#FF6366 0deg 358deg, #248900 358deg 360deg);
}
.custom-geomap-alert-background-359 {
  background: conic-gradient(#FF6366 0deg 359deg, #248900 359deg 360deg);
}
.custom-geomap-alert-background-360 {
  background: conic-gradient(#FF6366 0deg 360deg, #248900 360deg 360deg);
}
.map-container {
  position: relative;
  min-height: 200px;
  height: 100%;
  width: 100%;
}
.map-container div,
.map-container span {
  color: #212121;
  font-size: 12px;
  font-family: "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.map-container hr {
  color: #c8c8c8;
  margin-top: 0;
  margin-bottom: 0;
}
.map-container .map-instance {
  position: absolute;
  top: 0px;
  bottom: 0;
  left: 0;
  right: 0;
}
.map-container .marker-popup,
.map-container .total-device-info {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.map-container .marker-cluster-popup {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden;
}
.map-container .left-device {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 8px;
  min-width: 180px;
  max-width: 400px;
}
.map-container .left-device .device-name {
  font-weight: 600;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #212121;
  max-width: 70%;
}
.map-container .left-device .address-name {
  color: #4A5861;
  margin-left: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}
.map-container .number-block {
  display: flex;
  align-items: center;
  gap: 8px;
}
.map-container .number-block .vertical-bar {
  width: 4px;
  height: 16px;
  position: absolute;
  left: 0;
}
.map-container .number-block .alert-block {
  background-color: #EB0800;
}
.map-container .number-block .success-block {
  background-color: #248900;
}
.map-container .number-block .number {
  font-weight: 700;
}
.map-container .leaflet-marker-icon,
.map-container .customized-marker-cluster {
  cursor: pointer;
}
.map-container .customized-marker-cluster div {
  background-color: #FFFFFF;
}
.map-container .customized-marker-cluster div span {
  color: #116BBA;
  font-size: 12px;
  font-weight: 600;
}
.map-container .leaflet-popup-content-wrapper {
  border-radius: 4px;
}
.map-container .leaflet-popup-content {
  margin: 8px;
}
.map-container .open-geolocation-map-warning {
  color: #4A4A4A;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  z-index: 1800;
  right: 16px;
  top: 16px;
  border-radius: 4px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  padding: 4px 8px;
}
.map-container .open-geolocation-map-warning button {
  line-height: 17px;
  margin-top: -4px;
}
.map-container .open-geolocation-map-warning button i {
  margin-top: 4px;
}
.map-container .open-geolocation-map-warning button span {
  color: #337ab7;
  white-space: normal;
}
.map-container .leaflet-control-zoom {
  width: 30px;
  height: 60px;
  border: none;
}
.map-container .leaflet-control-zoom .leaflet-control-zoom-in {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.map-container .leaflet-control-zoom .leaflet-control-zoom-out {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.map-container .leaflet-control-zoom span {
  color: #8B8B8B;
  font-size: 24px;
}

.sd-geolocation-map-drilldown .modal-content {
  width: 1100px;
  height: 600px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body {
  padding: 0px;
  display: flex;
  height: 0;
}
.sd-geolocation-map-drilldown .modal-content .modal-body > hr {
  margin: 0px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .device-list-selection {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 8px 16px;
  border-bottom: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .device-list-dropdown {
  overflow: hidden;
  min-width: 45px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .device-list-dropdown .custom-dropdown-btn {
  display: flex;
  width: 100%;
  align-items: center;
  border: none !important;
  gap: 5px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .device-list-dropdown .custom-dropdown-btn .device-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 16px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .device-list-dropdown .custom-dropdown-btn i {
  flex-shrink: 0;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dropdown-menu {
  z-index: 1050;
  width: 200px;
  padding-top: 0px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dropdown-menu .nb-filter-bar input {
  border: none;
  border-bottom: 1px solid #c8c8c8;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dropdown-menu ul {
  margin-bottom: 0px;
  max-height: 300px;
  overflow: auto;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dropdown-menu ul li > a {
  text-decoration: none;
  color: #000000;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dropdown-menu ul li:first-child {
  margin-top: 0px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dropdown-menu[uib-typeahead-popup].dropdown[uib-dropdown] {
  width: 100%;
}
.sd-geolocation-map-drilldown .modal-content .modal-body [uib-dropdown-menu] {
  min-width: 200px;
}
.sd-geolocation-map-drilldown .modal-content .modal-body [uib-dropdown-menu] .dropdown-menu[uib-typeahead-popup] {
  width: 100%;
  min-width: unset;
  margin-top: 0px;
  border-top: none;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dashboard-intent-group-list {
  flex-shrink: 0;
  width: 25%;
  display: flex;
  flex-direction: column;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .dashboard-intent-group-list drilldown-category-tree-directive {
  height: 0;
  flex-grow: 1;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .report-data-section {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 8px 24px 16px 24px;
  width: 0;
  flex: 1;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .report-data-section sd-view-report-data-directive {
  height: 0;
  width: 100%;
  flex: 1;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .report-data-section .button-group {
  margin-top: auto;
  display: flex;
  padding: 0;
}
.sd-geolocation-map-drilldown .modal-content .modal-body .report-data-section .button-group .btn-primary {
  margin-left: auto;
}

.add-to-sd-main-component {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-to-sd-main-component .toggle-type-selection {
  display: flex;
  align-items: center;
  gap: 8px;
}
.add-to-sd-main-component .toggle-type-selection .type-toggle {
  display: flex;
  align-items: center;
  gap: 48px;
}
.add-to-sd-main-component .toggle-type-selection label {
  display: flex;
  align-items: center;
  gap: 4px;
  white-space: nowrap;
}
.add-to-sd-main-component .toggle-type-selection label input[type=radio] {
  margin: 0px;
}
.add-to-sd-main-component .toggle-type-selection .extra-label {
  width: 110px;
  font-weight: 600;
}
.add-to-sd-main-component .add-to-sd-input-details {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.add-to-sd-main-component .add-to-sd-input-details .detail-selection {
  display: flex;
  align-items: center;
  gap: 8px;
}
.add-to-sd-main-component .add-to-sd-input-details .detail-selection label {
  width: 110px;
  flex-shrink: 0;
  font-weight: 600;
}
.add-to-sd-main-component .add-to-sd-input-details .detail-selection .new-name,
.add-to-sd-main-component .add-to-sd-input-details .detail-selection dropdown-tree-with-search-and-actions {
  flex-grow: 1;
}
.add-to-sd-main-component .add-to-sd-input-details .exist-dashboard-selector {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-to-sd-main-component .add-to-sd-input-details .exist-dashboard-selector .validation-error-input:not(:focus) {
  box-shadow: none !important;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section {
  width: 100%;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section .location-section {
  flex-grow: 1;
  width: 100%;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section .location-section .icon_nb_folder {
  z-index: 900;
  position: absolute;
  margin: 7px 0 0 4px;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section .location-section .dashboard-location-dropdown-tree {
  width: 100%;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section .location-section .dashboard-location-dropdown-tree .tree-select-title {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-grow: 1;
  max-width: unset;
  padding-left: 24px;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section .location-section .dashboard-location-dropdown-tree .tree-select-title i {
  flex-shrink: 0;
}
.add-to-sd-main-component .add-to-sd-input-details .new-dashboard-selector .info-section .location-section .dashboard-location-dropdown-tree .tree-select-title span {
  overflow: hidden;
  text-overflow: ellipsis;
  width: 0;
  flex-grow: 1;
}

.export-sd-to-document .modal-body {
  display: flex;
  flex-direction: column;
  width: 700px;
  height: 410px;
  gap: 16px;
}
.export-sd-to-document .modal-body .field-value {
  display: flex;
  align-items: center;
  gap: 12px;
}
.export-sd-to-document .modal-body .field-value .step-label {
  font-weight: 600;
  color: #212121;
  white-space: nowrap;
}
.export-sd-to-document .modal-body .field-value .step-content {
  display: flex;
  align-items: center;
  gap: 12px;
  width: 0;
  flex-grow: 1;
}
.export-sd-to-document .modal-body .field-value .step-content dropdown-tree-with-search-and-actions .dropdown button.btn.dropdown-toggle {
  width: 240px;
}
.export-sd-to-document .modal-body .field-value .step-content label {
  display: flex;
  align-items: center;
  gap: 4px;
}
.export-sd-to-document .modal-body .field-value .step-content label input[type="checkbox"] {
  margin: 0px;
}
.export-sd-to-document .modal-body .field-value .step-content .s-2-dropdown .content-template-select .nb-doc-rct-select-directive {
  width: 240px;
  padding-right: 0.5em;
}
.export-sd-to-document .modal-body .field-value .step-content .s-2-dropdown .content-template-select .nb-doc-rct-select-directive em {
  flex-shrink: 0;
  margin-right: 4px;
}
.export-sd-to-document .modal-body .field-value .step-content .s-2-dropdown .content-template-select .nb-doc-rct-select-directive .style-input {
  padding-right: 0px;
  margin-right: 0px;
  width: 0;
}
.export-sd-to-document .modal-body .field-value .step-content .s-2-tip {
  display: flex;
}
.export-sd-to-document .modal-body .field-value .step-content .s-2-button .customize-btn {
  color: #212121;
  background: #CBE2FB;
  margin-left: 0px;
}
.export-sd-to-document .modal-body .field-value .step-content .s-3-title-drop .select-style-dropdown .doc-node-link-button .dropdown-selection {
  max-width: 400px;
}
.export-sd-to-document .modal-body .field-value .step-content .s-3-title-adv-box {
  margin-left: auto;
}
.export-sd-to-document .modal-body .field-value .field-content {
  display: flex;
  align-items: center;
  gap: 12px;
}
.export-sd-to-document .modal-body .field-value .style-content {
  width: 100%;
}
.export-sd-to-document .modal-body .field-value .style-content .s3-style-box {
  width: 100%;
  padding-left: 12px;
}
.export-sd-to-document .modal-body .field-value .style-content .s3-style-box .doc-node-style-directive {
  border: 1px solid #EAEBEC;
}
.export-sd-to-document .modal-body .column-direction {
  flex-direction: column;
  align-items: unset;
  height: 0;
  flex-grow: 1;
}
.export-sd-to-document .modal-body .column-direction .style-content {
  height: 0;
  flex-grow: 1;
}
.export-sd-to-document .modal-body .column-direction .style-content .s3-style-box {
  height: 100%;
}
.export-sd-to-document .modal-body .column-direction .style-content .s3-style-box .doc-node-style-directive {
  height: 100%;
  padding-top: 0px;
}
.export-sd-to-document .modal-body .column-direction .style-content .s3-style-box .doc-node-style-directive .style-content-box {
  justify-content: unset;
}
.export-sd-to-document .modal-body .column-direction .style-content .s3-style-box .doc-node-style-directive .style-content-box .style-item-box {
  margin-top: 0px !important;
}