:root {
  --body-bg: #f3f4f9;
  /*--body-bg: #e5e5e5;*/
  --content-box-bg: #ffffff;
  /*--font-family: "Source Sans 3", "Cabin", "Montserrat", Geneva, Arial, Helvetica, sans-serif;*/
  --font-family: "SF Pro Text", BlinkMacSystemFont, -apple-system, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --text-base-color: #1d1d1f;
  --desktop-headings: #1A4C71; /* #3a5a72 #133854 #1A4C71 */
  --box-headings: #6f6f6f;
  --border: var(--body-bg);
  --desktop-headings-weight: 500;
  --desktop-headings-bottom-space: 2rem;
  --default-border-radius: .5rem;
  --default-row-gap: 2rem;
}

/* Typography */
body {
  font-family: var(--font-family);
  color: var(--text-base-color);
  background: var(--body-bg);
  line-height: 1.5;
}

h1, h2, h3, h4, h5, h5 {
  text-transform: none;
  margin-block-end: 2rem;
  font-family: var(--font-family);
  color: var(--desktop-headings);
  letter-spacing: .011em;
}

.block-page-title-block h1,
h1 {
  text-transform: none;
  --desktop-headings-weight: 500;
  font-weight: var(--desktop-headings-weight);
  letter-spacing: -.005em;
}

h2,
.content-box__title,
.fieldgroup > legend {
  font-weight: var(--desktop-headings-weight);
  margin-block-end: var(--desktop-headings-bottom-space);
  text-transform: none;
}

/* Content boxes */
.content-box,
.fieldgroup,
.view-opigno-calendar,
.view-opigno-calendar[class*=month] td.single-day.single-day-active .inner,
.view-opigno-training-catalog .views-row {
  background-color: var(--content-box-bg);
}

.back-btn {
  position: relative;
  top: unset;
  left: 0;
  margin-block-end: var(--default-row-gap);
  width: min-content;
}

.back-btn .btn__text {
  /*display: none;*/
  display: block;
  width: max-content;
}

.back-btn .fi-rr-arrow-left:before {
  line-height: 1.125rem;
  border: 2px solid var(--desktop-headings);
  border-radius: 100%;
  height: 35px;
  width: 35px;
  font-size: 1.375rem;
  display: flex;
  align-content: center;
  align-items: center;
  justify-content: center;
}

.charts-section .right-col .canvas-container {
  max-width: none;
}

.user-metrics-content {
  column-gap: var(--default-row-gap);
}

.user-metrics-content .user-metric {
  flex-grow: 1;
}

.user-metrics-content .user-metric-value {
  text-transform: none;
  color: var(--desktop-headings);
  font-weight: 700;
  font-size: 3.5rem;
}

.user-metrics-content .user-metric-label {
  text-transform: none;
  color: var(--desktop-headings);
}

.content-box h3 {
  text-align: left;
  border-bottom: 1px solid var(--border);
  padding-bottom: .5rem;
}

.view-opigno-calendar[class*=month] td.single-day.single-day-active .date-box {
  justify-content: flex-start;
}

.view-opigno-calendar[class*=month] td.single-day.single-day-active .date-day,
.date-box .date-day {
  font-weight: 600;
  font-size: 3.25rem;
  color: var(--desktop-headings);
}

.view-opigno-calendar[class*=month] td.single-day.single-day-active .date-month,
.date-box .date-month {
  font-size: 1.25rem;
}

.view-opigno-calendar[class*=month] td.single-day.single-day-active .date-year,
.date-box .date-year {
  font-size: 1rem;
  color: var(--box-headings);
}

/*.toolbar .toolbar-bar {*/
/*  background-color: var(--desktop-headings);*/
/*}*/

.heading .type {
  font-style: italic;
  color: var(--box-headings);
  /*color: var(--desktop-link);*/
}

.ajax-progress .throbber,
.achievements-tabs .ajax-progress .throbber,
header.page-header .block-notifications .notifications-block .ajax-progress .throbber,
.feed-section .throbber,
.page-social-feed .page-main .field--widget-opigno-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.page-main .field--widget-opigno-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.page-social-feed .page-main .field--widget-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.section-community .page-main .field--widget-opigno-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.section-community .page-main .field--widget-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.section-communities-feed .page-main .field--widget-opigno-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.section-communities-feed .page-main .field--widget-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.section-post .page-main .field--widget-opigno-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
.section-post .page-main .field--widget-entity-browser-entity-reference .js-form-wrapper .ajax-progress .throbber,
tr .ajax-progress-throbber .throbber,
.edit-discussion-modal .ajax-progress .throbber,
.lp-info .action-wrapper .ajax-progress .throbber,
.section-admin .form-managed-file .ajax-progress .throbber,
.login-container .form-managed-file .ajax-progress .throbber,
.opigno-activity-form .form-managed-file .ajax-progress .throbber,
.opigno-module-form .form-managed-file .ajax-progress .throbber,
.opigno-calendar-event-form .form-managed-file .ajax-progress .throbber,
.view-private-message .view-header .ajax-progress .throbber,
#private-message-page .private-message-thread-full .private-message-recipients .ajax-progress .throbber {
  background: url(../assets/spinner.svg) center no-repeat;
  animation: none;
  height: 4rem;
  width: 4rem;
  fill: none;
  color: var(--desktop-headings);
  stroke: currentColor;
  stroke-dashoffset: 6.125;
  stroke-dasharray: 25;
}

.toolbar .toolbar-icon.toolbar-icon-opigno-module-settings {
  padding-left: 1rem;
}

.toolbar .toolbar-icon.toolbar-icon-opigno-module-settings:before {
  background-image: none;
}

.status-message {
  border-radius: var(--content-box-border-radius);
}

body.section-module.fullscreen .opigno_activity__wrapper {
  margin-block: var(--row-gap-half);
}
body.section-module.fullscreen .opigno_activity__wrapper .module-title {
  display: block !important;
}