rengine/web/static/assets/css/custom.css

.vertical-align-content{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.badge-low {
  color: #fff;
  background-color: #FFD600;
}

.text-low {
  color: #FFD600;
}

.text-critical {
  color: #AA2C00;
}

.badge-critical {
  color: #fff;
  background-color: #AA2C00;
}

.table-secondary.text-strike {
  text-decoration: line-through;
  text-decoration-color: #6c757d;
}


.widget-activity-feed {
  padding-right: 0;
  padding-left: 0;
}
.widget-activity-feed .mt-container {
  position: relative;
  height: 180px;
  overflow: auto;
  padding-right: 12px;
}
.widget-activity-feed .widget-heading {
  padding: 0 20px;
}
.widget-activity-feed .widget-content {
  padding: 0 8px 0 20px;
}
.widget-activity-feed .timeline-line .item-timeline { display: flex; width: 100%; margin-bottom: 12px; }
.widget-activity-feed .timeline-line .item-timeline .t-dot { position: relative; }
.widget-activity-feed .timeline-line .item-timeline .t-dot:before {
  content: '';
  position: absolute;
  border-color: inherit;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  top: 5px;
  left: 5px;
  transform: translateX(-50%);
  border-color: #e0e6ed;
  background: #bfc9d4;
  z-index: 1;
}
.widget-activity-feed .timeline-line .item-timeline .t-dot:after {
  content: '';
  position: absolute;
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  left: 5px;
  transform: translateX(-50%);
  border-color: #e0e6ed;
  width: 0;
  height: auto;
  top: 12px;
  bottom: -19px;
  border-right-width: 0;
  border-top-width: 0;
  border-bottom-width: 0;
  border-radius: 0;
}
.widget-activity-feed .timeline-line .item-timeline.timeline-primary .t-dot:before {
  background-color: #1b55e2;
  border-color: rgb(164, 189, 247);
}
.widget-activity-feed .timeline-line .item-timeline.timeline-success .t-dot:before {
  background-color: #009688;
  border-color: rgb(154, 210, 205);

}
.widget-activity-feed .timeline-line .item-timeline.timeline-danger .t-dot:before {
  background-color: #e7515a;
  border-color: rgb(241, 172, 176);
}
.widget-activity-feed .timeline-line .item-timeline.timeline-dark .t-dot:before {
  background-color: #3b3f5c;
  border-color: rgb(159, 163, 187);
}
.widget-activity-feed .timeline-line .item-timeline.timeline-secondary .t-dot:before {
  background: #1b55e2;
  border-color: #c2d5ff;
}
.widget-activity-feed .timeline-line .item-timeline.timeline-warning .t-dot:before {
  background-color: #e2a03f;
  border-color: rgb(222, 199, 165);
}
.widget-activity-feed .timeline-line .item-timeline.timeline-low .t-dot:before {
  background-color: #FFD600;
  border-color: rgb(255, 213, 0);

}
.widget-activity-feed .timeline-line .item-timeline.timeline-critical .t-dot:before {
  background-color: #AA2C00;
  border-color: rgb(170, 45, 0);

}
.widget-activity-feed .timeline-line .item-timeline:last-child .t-dot:after { display: none; }
.widget-activity-feed .timeline-line .item-timeline .t-meta-time {
  margin: 0;
  min-width: 100px;
  max-width: 100px;
  font-size: 12px;
  font-weight: 700;
  color: #888ea8;
  align-self: center;
}
.widget-activity-feed .timeline-line .item-timeline .t-text {
  align-self: center;
  margin-left: 20px;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.widget-activity-feed .timeline-line .item-timeline .t-text p {
  font-size: 12px;
  margin: 0;
  color: #888ea8;
  font-weight: 400;
}
.widget-activity-feed .timeline-line .item-timeline .t-text span.badge {
  position: absolute;
  right: 11px;
  padding: 2px 4px;
  font-size: 11px;
  letter-spacing: 1px;
  opacity: 0;
  font-weight: 400;
}
.widget-activity-feed .timeline-line .item-timeline .t-text span.badge {
  transform: none;
}
.widget-activity-feed .timeline-line .item-timeline:hover .t-text span.badge {
  opacity: 1;
}
.widget-activity-feed .timeline-line .item-timeline .t-text p.t-time {
  text-align: right;
  color: #888ea8;
  font-size: 10px;
}
.widget-activity-feed .timeline-line .item-timeline .t-time {
  margin: 0;
  min-width: 80px;
  max-width: 80px;
  font-size: 13px;
  font-weight: 600;
  color: #acb0c3;
  letter-spacing: 1px;
}
.widget-activity-feed .tm-action-btn {
  text-align: center;
  padding-top: 20px;
}
.widget-activity-feed .tm-action-btn button {
  background: transparent;
  box-shadow: none;
  padding: 0;
  color: #1b55e2;
  font-weight: 600;
  letter-spacing: 0.5px;
  border: none;
  font-size: 15px;
}
.widget-activity-feed .tm-action-btn svg {
  width: 15px;
  height: 15px;
  vertical-align: inherit;
}


.widget.widget-one .w-chart .w-chart-section.primary-card {
  background-color: #eaf1ff; }

.widget.widget-one .w-chart .w-chart-section.danger-card {
  background-color: #fff5f5; }

.widget.widget-one .w-chart .w-chart-section.info-card {
  background-color: #e7f7ff; }

.widget.widget-one .w-chart .w-chart-section.purple-card {
  background-color: #f3effc; }

.widget.widget-one .w-chart .w-chart-section.dark-card {
  background-color: #1b2e4b; }

.widget.widget-one .w-chart .w-chart-section.info-card .w-title, .widget.widget-one .w-chart .w-chart-section.warning-card .w-stats, .widget.widget-one .w-chart .w-chart-section.warning-card a {
  color: #2196f3; }

.widget.widget-one .w-chart .w-chart-section.primary-card .w-title, .widget.widget-one .w-chart .w-chart-section.primary-card .w-stats, .widget.widget-one .w-chart .w-chart-section.primary-card a {
  color: #4361ee; }

.widget.widget-one .w-chart .w-chart-section.purple-card .w-title, .widget.widget-one .w-chart .w-chart-section.purple-card .w-stats, .widget.widget-one .w-chart .w-chart-section.purple-card a {
  color: #805dca; }

.widget.widget-one .w-chart .w-chart-section.danger-card .w-title, .widget.widget-one .w-chart .w-chart-section.danger-card .w-stats, .widget.widget-one .w-chart .w-chart-section.danger-card a {
  color: #e7515a; }

.widget.widget-one .w-chart .w-chart-section.dark-card .w-title, .widget.widget-one .w-chart .w-chart-section.dark-card .w-stats, .widget.widget-one .w-chart .w-chart-section.dark-card a {
    color: #fff; }

.widget-three .widget-content .summary-list.summary-success {
  background: #ddf5f0; }

.widget-three .widget-content .summary-list.summary-danger {
  background: #fff5f5; }

.widget-three .widget-content .summary-list.summary-warning {
  background: #fff9ed; }

.widget-three .widget-content .summary-list.summary-info {
  background: #eaf1ff; }


.activity-log .mt-container {
  position: relative;
  height: 150px;
  overflow: auto;
  padding-right: 12px; }

.widget-activity-four .timeline-line .item-timeline .t-time {
  margin: 0;
  min-width: 150px;
  max-width: 150px;
  font-size: 11px;
  font-weight: 600;
  color: #e3e4eb;
  letter-spacing: 1px; }

div.dataTables_wrapper div.dataTables_filter input {
  width: 100%;
  float: left;
  transition: all .2s ease-in-out;
}

div.dataTables_wrapper div.dataTables_filter input:focus {
  width: 300%;
  transform: scale(1);
}

div.dataTables_wrapper div.dataTables_length {
  float: right;
}

div.dataTables_wrapper div.dataTables_filter {
  text-align: left;
}

.navbar .navbar-item .nav-item .form-inline.search .search-form-control {
  width: 420px;
  color: #fff;
}


.new-control.new-checkbox .new-control-indicator {
  top: 0;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.widget.widget-ip {
  position: relative;
  background: #fff;
  border-radius: 6px;
  height: 250px;
  padding: 0;
}

.widget.widget-ip .widget-heading {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dashed #e0e6ed;
  padding: 20px 20px;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.widget-ip .widget-content {
  padding: 0px 0px 0px 0px;
}

.widget-ip .mt-container {
  position: relative;
  height: 150px;
  overflow: auto;
  padding: 15px 12px 0 12px;
}

.bs-tooltip {
    z-index: 100000000;
}

.form-control-file{
  color: #000;
}

.gridzy img {
    width: auto;
    height: auto;
    max-width: none;
    max-height: none;
    min-width: 0;
    min-height: 0;
}


.anychart-credits-logo {
  display: none;
}

.anychart-credits-text{
  display: none;
}

.badge-link{
  cursor: pointer;
}


.node {
    cursor: pointer;
  }

.overlay{
    background-color:#EEE;
}

.node text {
  font-size:10px;
  font-family:sans-serif;
}

.link {
  fill: none;
  stroke: #ccc;
  stroke-width: 1.5px;
}

.templink {
  fill: none;
  stroke: red;
  stroke-width: 3px;
}

.outer-div {
  width: 100%;
  text-align: center;
}

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