@font-face {
  font-family: 'CircularStd';
  font-weight: 400;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Book.otf') format('opentype');
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 600;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'CircularStd';
  font-weight: 700;
  font-style: normal;
  src: local('CircularStd'), url('CircularStd-Bold.otf') format('opentype');
}


/* ========== CUSTOM OVERRIDES ========== */
/* Apex charts overrides */
.apexcharts-menu-item.exportSVG {
  display: none;
}

/* Custom */
.flex-both-center { display: flex; align-items: center; justify-content: center }

.checklist-section-items {
  /* border-left: 1px solid rgba(145, 158, 171, 0.32); */
  padding: 24px 24px 20px;
  background: #f2f3f5;
  margin-top: -8px;
  border-radius: 0 10px 10px 10px;
}
.checklist-section-divider-tag {
  background: #202122;
  color: #FFF;
  padding: 10px 20px;
  border-radius: 4px;
}

.clickable { cursor: pointer; user-select: none }
.capitalize { text-transform: capitalize !important }

/* Templates */
.card-tmpl {
  text-align: center;
}
.card-selected {
  /*background-color: rgba(135, 206, 250, 0.11) !important;
  border: 1px dashed darkslategray !important;*/
  /*background: #111d28 !important;
  color: #FFF !important;
  border: 2px solid #FFF !important;*/
}


.chip-info-circle {
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,0.125);
  border-radius: 50%;
}
.chip-info-circle-xs { font-size: 0.5rem; line-height: 0.5rem }