/* line 4, app/assets/stylesheets/platform_instance.scss */
html {
  font-size: var(--base-font-size);
}

/* line 8, app/assets/stylesheets/platform_instance.scss */
body {
  color: var(--base-font-color);
}

/* line 11, app/assets/stylesheets/platform_instance.scss */
body * {
  font-family: var(--base-font-family);
}

/* line 16, app/assets/stylesheets/platform_instance.scss */
.cke_editable {
  font-family: var(--base-font-family);
}

/* line 20, app/assets/stylesheets/platform_instance.scss */
.highcharts-container,
.highcharts-root {
  font-family: var(--base-font-family) !important;
}

/* line 25, app/assets/stylesheets/platform_instance.scss */
.panel-default > .panel-heading {
  color: var(--base-font-color);
}

/* line 30, app/assets/stylesheets/platform_instance.scss */
.form-select, .form-control {
  color: var(--base-font-color);
  border-color: var(--bs-gray-500);
}

/* line 35, app/assets/stylesheets/platform_instance.scss */
.selectize-dropdown, .selectize-input, .selectize-input input {
  color: var(--base-font-color);
}

/* line 43, app/assets/stylesheets/platform_instance.scss */
.highcharts-axis-title {
  fill: var(--base-font-color);
}

/* line 47, app/assets/stylesheets/platform_instance.scss */
.highcharts-title {
  fill: var(--base-font-color);
}

/* line 51, app/assets/stylesheets/platform_instance.scss */
.highcharts-legend-item text {
  fill: var(--base-font-color);
}

/* line 55, app/assets/stylesheets/platform_instance.scss */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--base-font-color);
}

/* line 61, app/assets/stylesheets/platform_instance.scss */
.background-color-primary,
.bg-primary {
  background-color: var(--primary) !important;
}

/* line 66, app/assets/stylesheets/platform_instance.scss */
.bg-primary-lighter {
  background-color: var(--primary-lighter);
}

/* line 70, app/assets/stylesheets/platform_instance.scss */
.border-color-primary {
  border-color: var(--primary) !important;
}

/* line 74, app/assets/stylesheets/platform_instance.scss */
.background-color-secondary,
.bg-secondary {
  background-color: var(--secondary) !important;
}

/* line 79, app/assets/stylesheets/platform_instance.scss */
.bg-secondary-lighter {
  background-color: var(--secondary-lighter);
}

/* line 83, app/assets/stylesheets/platform_instance.scss */
.border-color-secondary {
  border-color: var(--secondary) !important;
}

/* line 87, app/assets/stylesheets/platform_instance.scss */
.color-primary,
.color-primary a {
  color: var(--primary) !important;
}

/* line 92, app/assets/stylesheets/platform_instance.scss */
.color-primary-darker,
.color-primary-darker a {
  color: var(--primary-darker) !important;
}

/* line 97, app/assets/stylesheets/platform_instance.scss */
.color-secondary,
.color-secondary a {
  color: var(--secondary) !important;
}

/* line 102, app/assets/stylesheets/platform_instance.scss */
.color-secondary-darker,
.color-secondary-darker a {
  color: var(--secondary-darker) !important;
}

/* line 107, app/assets/stylesheets/platform_instance.scss */
.label-primary {
  background-color: var(--primary);
}

/* line 111, app/assets/stylesheets/platform_instance.scss */
.label-secondary {
  background-color: var(--secondary);
}

/* line 115, app/assets/stylesheets/platform_instance.scss */
.badge-primary {
  background-color: var(--primary);
  font-weight: normal;
}

/* line 120, app/assets/stylesheets/platform_instance.scss */
.badge-secondary {
  background-color: var(--secondary);
  font-weight: normal;
}

/* line 125, app/assets/stylesheets/platform_instance.scss */
.navbar.navbar-default {
  border-color: var(--primary);
}

/* line 129, app/assets/stylesheets/platform_instance.scss */
.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: var(--primary);
}

/* line 135, app/assets/stylesheets/platform_instance.scss */
.nav-tabs .nav-link.active, .nav-tabs > li > a:hover {
  color: white !important;
  background: var(--bs-gray-600) !important;
}

/* line 140, app/assets/stylesheets/platform_instance.scss */
.nav-tabs > li.active > a::after, .nav-tabs .nav-link.active::after {
  border-top-color: var(--bs-gray-600);
}

/* line 144, app/assets/stylesheets/platform_instance.scss */
.breadcrumb a {
  color: var(--primary);
}

/* line 146, app/assets/stylesheets/platform_instance.scss */
.breadcrumb a:hover {
  color: var();
}

/* line 150, app/assets/stylesheets/platform_instance.scss */
.btn.btn-secondary {
  background-color: var(--secondary);
}

/* line 154, app/assets/stylesheets/platform_instance.scss */
.btn.btn-secondary:hover {
  background-color: var(--primary);
}

/* line 158, app/assets/stylesheets/platform_instance.scss */
.btn-primary {
  color: white;
  background-color: var(--primary);
  border-color: var(--primary);
}

/* line 164, app/assets/stylesheets/platform_instance.scss */
.btn-primary:hover, .btn.primary:hover {
  color: white;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

/* line 170, app/assets/stylesheets/platform_instance.scss */
.btn-secondary {
  color: white;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

/* line 176, app/assets/stylesheets/platform_instance.scss */
.btn-secondary:hover {
  color: white;
  background-color: var(--primary);
  border-color: var(--primary);
}

/* line 182, app/assets/stylesheets/platform_instance.scss */
.btn-outline-primary {
  --bs-btn-color: var(--primary);
  --bs-btn-border-color: var(--primary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--primary);
  --bs-btn-hover-border-color: var(--primary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--primary);
  --bs-btn-active-border-color: var(--primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--primary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--primary);
  --bs-gradient: none;
}

/* line 199, app/assets/stylesheets/platform_instance.scss */
.btn-outline-secondary {
  --bs-btn-color: var(--secondary);
  --bs-btn-border-color: var(--secondary);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: var(--secondary);
  --bs-btn-hover-border-color: var(--secondary);
  --bs-btn-focus-shadow-rgb: 13, 110, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: var(--secondary);
  --bs-btn-active-border-color: var(--secondary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--secondary);
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: var(--secondary);
  --bs-gradient: none;
}

/* line 216, app/assets/stylesheets/platform_instance.scss */
.panel-primary {
  border-color: var(--primary);
  color: var(--primary);
}

/* line 221, app/assets/stylesheets/platform_instance.scss */
.panel-secondary {
  border-color: var(--secondary);
  color: var(--secondary);
  min-height: 20rem;
}

/* line 227, app/assets/stylesheets/platform_instance.scss */
.inverted .panel.panel-primary {
  background-color: var(--primary);
}

/* line 231, app/assets/stylesheets/platform_instance.scss */
.inverted .panel.panel-secondary {
  background-color: var(--secondary);
}

/* line 235, app/assets/stylesheets/platform_instance.scss */
.panel-primary > .panel-heading {
  color: white;
  background-color: var(--primary);
  border-color: var(--primary);
}

/* line 241, app/assets/stylesheets/platform_instance.scss */
.panel-secondary > .panel-heading {
  color: white;
  background-color: var(--secondary);
  border-color: var(--secondary);
}

/* line 247, app/assets/stylesheets/platform_instance.scss */
.progress.progress-primary .progress-bar {
  background-color: var(--primary);
}

/* line 251, app/assets/stylesheets/platform_instance.scss */
.progress.progress-secondary .progress-bar {
  background-color: var(--secondary);
}

/* line 255, app/assets/stylesheets/platform_instance.scss */
.inverted .progress.progress-primary .progress-bar {
  background-color: var(--primary);
}

/* line 259, app/assets/stylesheets/platform_instance.scss */
.inverted .progress.progress-secondary .progress-bar {
  background-color: var(--secondary);
}

/* line 263, app/assets/stylesheets/platform_instance.scss */
.progress.circular .progress-bar {
  border-color: var(--primary);
  opacity: 60%;
}

/* line 268, app/assets/stylesheets/platform_instance.scss */
.big-progress.circular .progress-bar {
  border-color: var(--primary);
  opacity: 60%;
}

/* line 273, app/assets/stylesheets/platform_instance.scss */
ul.pagination > li.active > a,
ul.pagination > li.active > a:hover,
ul.pagination > li.active > a:focus,
ul.pagination > li.active > span,
ul.pagination > li.active > span:hover,
ul.pagination > li.active > span:focus {
  background-color: var(--bs-gray-800);
}

/* line 282, app/assets/stylesheets/platform_instance.scss */
.activity-title {
  color: var(--primary);
}

/* line 284, app/assets/stylesheets/platform_instance.scss */
.dropzone {
  border-color: var(--bs-gray-400) !important;
}

/* line 288, app/assets/stylesheets/platform_instance.scss */
.background-secondary {
  background: var(--secondary);
}

/* line 292, app/assets/stylesheets/platform_instance.scss */
#freebusy-pickatime-button {
  color: white !important;
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  font-family: fontFamily !important;
  padding: 6px 12px !important;
}

/* line 300, app/assets/stylesheets/platform_instance.scss */
.loader {
  border-top: 16px solid var(--primary);
}

/* line 304, app/assets/stylesheets/platform_instance.scss */
table.table .border-primary {
  border: 2px solid var(--primary) !important;
}

/* line 308, app/assets/stylesheets/platform_instance.scss */
table.table td.border-primary:hover,
table.table td.border-primary:focus {
  border: 2px solid var(--primary) !important;
}

/* line 314, app/assets/stylesheets/platform_instance.scss */
.gallery-appearance-selector {
  margin-left: 0.75rem !important;
  color: var(--grey-medium);
}

/* line 320, app/assets/stylesheets/platform_instance.scss */
.gallery-appearance-selector svg {
  fill: var(--grey-medium);
}

/* line 324, app/assets/stylesheets/platform_instance.scss */
.gallery-appearance-selector:hover, .gallery-appearance-selector.selected {
  color: var(--primary) !important;
}

/* line 328, app/assets/stylesheets/platform_instance.scss */
.gallery-appearance-selector:hover svg, .gallery-appearance-selector.selected svg {
  fill: var(--primary);
}

/* line 338, app/assets/stylesheets/platform_instance.scss */
.calendar-links .calendar-link {
  text-align: center;
  display: inline-block;
  margin-top: 1rem;
  margin-right: 3rem;
}

/* line 347, app/assets/stylesheets/platform_instance.scss */
.calendar-links .calendar-link img {
  width: 3rem;
}

/* line 351, app/assets/stylesheets/platform_instance.scss */
.calendar-links .calendar-link .link-icon {
  text-align: center;
}