/* chart widgets-component */
.widgets-component {
  --col-border-color: #dbdbdb;
}

.widgets-component .widget-col {
  padding: 15px 20px;
  border: 1px solid var(--col-border-color);
  border-radius: 6px;
}

/*  widget-head */
.widgets-component .widget-head {
  position: relative;
  margin-bottom: 10px;
}

.widgets-component .widget-title {
  font-size: 14px;
  line-height: 20px;
  color: #4d4d4d;
  font-weight: 500;
}

/* widget footer */

.widget-footer .custom-legend-block {
  margin-top: 10px;
}

.widget-footer .visualisation-legends {
  gap: 5px 0;
}

.widget-footer .visualisation-legends .legend-item {
  margin-bottom: 0;
  font-size: 11px;
  margin-right: 15px !important;
}

/* widgets-enabled */

.visualisation-style-2 .widgets-enabled .visualisation-head-section {
  margin-bottom: 15px;
}

/* responsive */

@media only screen and (max-width: 767px) {
  .widgets-component>.widgets-component-inner {
    grid-template-columns: repeat(1, 1fr);
  }
}