.report-form .fieldlist.only-data-display,
.activity-analysis-form .fieldlist.only-data-display,
.calculator-form .fieldlist.only-data-display,
.settings-form .fieldlist.only-data-display,
.payments-form .fieldlist.only-data-display,
.users-form .fieldlist.only-data-display {
  padding-top: 0;
  padding-bottom: 0; }
  .report-form .fieldlist.only-data-display .report-panel .tab-strip-actions,
  .activity-analysis-form .fieldlist.only-data-display .report-panel .tab-strip-actions,
  .calculator-form .fieldlist.only-data-display .report-panel .tab-strip-actions,
  .settings-form .fieldlist.only-data-display .report-panel .tab-strip-actions,
  .payments-form .fieldlist.only-data-display .report-panel .tab-strip-actions,
  .users-form .fieldlist.only-data-display .report-panel .tab-strip-actions {
    top: 1rem; }
  .report-form .fieldlist.only-data-display .k-tabstrip-wrapper,
  .activity-analysis-form .fieldlist.only-data-display .k-tabstrip-wrapper,
  .calculator-form .fieldlist.only-data-display .k-tabstrip-wrapper,
  .settings-form .fieldlist.only-data-display .k-tabstrip-wrapper,
  .payments-form .fieldlist.only-data-display .k-tabstrip-wrapper,
  .users-form .fieldlist.only-data-display .k-tabstrip-wrapper {
    padding-top: 0; }
    .report-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content,
    .activity-analysis-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content,
    .calculator-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content,
    .settings-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content,
    .payments-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content,
    .users-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content {
      margin: 0 -2.167rem; }
      .report-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content,
      .activity-analysis-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content,
      .calculator-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content,
      .settings-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content,
      .payments-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content,
      .users-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content {
        margin-top: 0;
        padding: 0 2.167rem 1rem; }
        .report-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:first-child > .analysis-panel-wrapper,
        .activity-analysis-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:first-child > .analysis-panel-wrapper,
        .calculator-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:first-child > .analysis-panel-wrapper,
        .settings-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:first-child > .analysis-panel-wrapper,
        .payments-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:first-child > .analysis-panel-wrapper,
        .users-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:first-child > .analysis-panel-wrapper {
          margin-top: 1rem; }
        .report-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:last-child > .analysis-panel-wrapper,
        .activity-analysis-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:last-child > .analysis-panel-wrapper,
        .calculator-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:last-child > .analysis-panel-wrapper,
        .settings-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:last-child > .analysis-panel-wrapper,
        .payments-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:last-child > .analysis-panel-wrapper,
        .users-form .fieldlist.only-data-display .k-tabstrip-wrapper .k-content .tab-content *:last-child > .analysis-panel-wrapper {
          margin-bottom: 1rem; }

.report-form .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button), .report-form .k-button.k-secondary:not(.disabled):not(:disabled):not(.square-button),
.activity-analysis-form .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button),
.activity-analysis-form .k-button.k-secondary:not(.disabled):not(:disabled):not(.square-button),
.calculator-form .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button),
.calculator-form .k-button.k-secondary:not(.disabled):not(:disabled):not(.square-button),
.settings-form .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button),
.settings-form .k-button.k-secondary:not(.disabled):not(:disabled):not(.square-button),
.payments-form .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button),
.payments-form .k-button.k-secondary:not(.disabled):not(:disabled):not(.square-button),
.users-form .k-button.onetacho-k-primary:not(.disabled):not(:disabled):not(.square-button),
.users-form .k-button.k-secondary:not(.disabled):not(:disabled):not(.square-button) {
  height: 30px;
  margin-top: -1rem;
  margin-bottom: -1rem; }

.period-button:focus {
  outline: 3px solid color-mix(in srgb, var(--primary-color) 30%, transparent);
  transition: all 0.2s ease-in-out;
}

.report-form .k-button:not(:last-child),
.activity-analysis-form .k-button:not(:last-child),
.calculator-form .k-button:not(:last-child),
.settings-form .k-button:not(:last-child),
.payments-form .k-button:not(:last-child),
.users-form .k-button:not(:last-child) {
  margin-right: 0.75rem; }

.report-form .filter-panel,
.activity-analysis-form .filter-panel,
.calculator-form .filter-panel,
.settings-form .filter-panel,
.payments-form .filter-panel,
.users-form .filter-panel {
  margin-top: -1rem;
  margin-bottom: -0.5rem; }
  .report-form .filter-panel .fill-actions,
  .activity-analysis-form .filter-panel .fill-actions,
  .calculator-form .filter-panel .fill-actions,
  .settings-form .filter-panel .fill-actions,
  .payments-form .filter-panel .fill-actions,
  .users-form .filter-panel .fill-actions {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: -2px; }
  .report-form .filter-panel .bottom-panel-info,
  .activity-analysis-form .filter-panel .bottom-panel-info,
  .calculator-form .filter-panel .bottom-panel-info,
  .settings-form .filter-panel .bottom-panel-info,
  .payments-form .filter-panel .bottom-panel-info,
  .users-form .filter-panel .bottom-panel-info {
    margin-top: 2rem;
    margin-bottom: 1rem; }
    .report-form .filter-panel .bottom-panel-info .alert,
    .activity-analysis-form .filter-panel .bottom-panel-info .alert,
    .calculator-form .filter-panel .bottom-panel-info .alert,
    .settings-form .filter-panel .bottom-panel-info .alert,
    .payments-form .filter-panel .bottom-panel-info .alert,
    .users-form .filter-panel .bottom-panel-info .alert {
      display: inline-block;
      margin: 0; }
  .report-form .filter-panel .bottom-panel-info-users,
  .activity-analysis-form .filter-panel .bottom-panel-info-users,
  .calculator-form .filter-panel .bottom-panel-info-users,
  .settings-form .filter-panel .bottom-panel-info-users,
  .payments-form .filter-panel .bottom-panel-info-users,
  .users-form .filter-panel .bottom-panel-info-users {
    margin-bottom: 1rem;
    margin-top: 1rem; }
    .report-form .filter-panel .bottom-panel-info-users .alert,
    .activity-analysis-form .filter-panel .bottom-panel-info-users .alert,
    .calculator-form .filter-panel .bottom-panel-info-users .alert,
    .settings-form .filter-panel .bottom-panel-info-users .alert,
    .payments-form .filter-panel .bottom-panel-info-users .alert,
    .users-form .filter-panel .bottom-panel-info-users .alert {
      display: inline-block;
      margin: 0;
      padding: 0.5rem; }
  .report-form .filter-panel .field__label label,
  .activity-analysis-form .filter-panel .field__label label,
  .calculator-form .filter-panel .field__label label,
  .settings-form .filter-panel .field__label label,
  .payments-form .filter-panel .field__label label,
  .users-form .filter-panel .field__label label {
    color: #989898; }
  .report-form .filter-panel .field__label.asterisk label::after,
  .activity-analysis-form .filter-panel .field__label.asterisk label::after,
  .calculator-form .filter-panel .field__label.asterisk label::after,
  .settings-form .filter-panel .field__label.asterisk label::after,
  .payments-form .filter-panel .field__label.asterisk label::after,
  .users-form .filter-panel .field__label.asterisk label::after {
    content: none; }
  .report-form .filter-panel .filter-section:not(:last-child),
  .activity-analysis-form .filter-panel .filter-section:not(:last-child),
  .calculator-form .filter-panel .filter-section:not(:last-child),
  .settings-form .filter-panel .filter-section:not(:last-child),
  .payments-form .filter-panel .filter-section:not(:last-child),
  .users-form .filter-panel .filter-section:not(:last-child) {
    margin-bottom: 1rem; }
  .report-form .filter-panel .filter-section label.title,
  .activity-analysis-form .filter-panel .filter-section label.title,
  .calculator-form .filter-panel .filter-section label.title,
  .settings-form .filter-panel .filter-section label.title,
  .payments-form .filter-panel .filter-section label.title,
  .users-form .filter-panel .filter-section label.title {
    color: black;
    margin-bottom: -1rem;
    margin-top: -1rem; }
  .report-form .filter-panel .filter-section.inverted-margin,
  .activity-analysis-form .filter-panel .filter-section.inverted-margin,
  .calculator-form .filter-panel .filter-section.inverted-margin,
  .settings-form .filter-panel .filter-section.inverted-margin,
  .payments-form .filter-panel .filter-section.inverted-margin,
  .users-form .filter-panel .filter-section.inverted-margin {
    margin-bottom: -0.5rem; }
  .report-form .filter-panel .filter-section.radio-buttons-section,
  .activity-analysis-form .filter-panel .filter-section.radio-buttons-section,
  .calculator-form .filter-panel .filter-section.radio-buttons-section,
  .settings-form .filter-panel .filter-section.radio-buttons-section,
  .payments-form .filter-panel .filter-section.radio-buttons-section,
  .users-form .filter-panel .filter-section.radio-buttons-section {
    margin-top: 0.75rem; }
  .report-form .filter-panel .filter-section.radio-buttons-section-reports,
  .activity-analysis-form .filter-panel .filter-section.radio-buttons-section-reports,
  .calculator-form .filter-panel .filter-section.radio-buttons-section-reports,
  .settings-form .filter-panel .filter-section.radio-buttons-section-reports,
  .payments-form .filter-panel .filter-section.radio-buttons-section-reports,
  .users-form .filter-panel .filter-section.radio-buttons-section-reports {
    margin-top: 0.75rem;
    margin-bottom: 0.75rem; }

.report-form .report-panel,
.activity-analysis-form .report-panel,
.calculator-form .report-panel,
.settings-form .report-panel,
.payments-form .report-panel,
.users-form .report-panel {
  position: relative; }
  .report-form .report-panel .tab-strip-actions,
  .activity-analysis-form .report-panel .tab-strip-actions,
  .calculator-form .report-panel .tab-strip-actions,
  .settings-form .report-panel .tab-strip-actions,
  .payments-form .report-panel .tab-strip-actions,
  .users-form .report-panel .tab-strip-actions {
    position: absolute;
    right: 0;
    top: 2rem;
    z-index: 1; }
  .report-form .report-panel .k-tabstrip,
  .activity-analysis-form .report-panel .k-tabstrip,
  .calculator-form .report-panel .k-tabstrip,
  .settings-form .report-panel .k-tabstrip,
  .payments-form .report-panel .k-tabstrip,
  .users-form .report-panel .k-tabstrip {
    font-size: 12px;
    font-family: "Open Sans", sans-serif; }
  .report-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items,
  .activity-analysis-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items,
  .calculator-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items,
  .settings-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items,
  .payments-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items,
  .users-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items {
    margin: 0 -26px;
    padding: 0 26px; }
    .report-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items li.k-item span.k-link,
    .activity-analysis-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items li.k-item span.k-link,
    .calculator-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items li.k-item span.k-link,
    .settings-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items li.k-item span.k-link,
    .payments-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items li.k-item span.k-link,
    .users-form .report-panel .k-tabstrip-wrapper ul.k-tabstrip-items li.k-item span.k-link {
      padding: 1rem 1.5rem; }
  .report-form .report-panel .k-tabstrip-wrapper .tab-content,
  .activity-analysis-form .report-panel .k-tabstrip-wrapper .tab-content,
  .calculator-form .report-panel .k-tabstrip-wrapper .tab-content,
  .settings-form .report-panel .k-tabstrip-wrapper .tab-content,
  .payments-form .report-panel .k-tabstrip-wrapper .tab-content,
  .users-form .report-panel .k-tabstrip-wrapper .tab-content {
    overflow-y: auto;
    margin-top: 1rem; }
    .report-form .report-panel .k-tabstrip-wrapper .tab-content > *:not(:last-child) .analysis-panel-wrapper,
    .activity-analysis-form .report-panel .k-tabstrip-wrapper .tab-content > *:not(:last-child) .analysis-panel-wrapper,
    .calculator-form .report-panel .k-tabstrip-wrapper .tab-content > *:not(:last-child) .analysis-panel-wrapper,
    .settings-form .report-panel .k-tabstrip-wrapper .tab-content > *:not(:last-child) .analysis-panel-wrapper,
    .payments-form .report-panel .k-tabstrip-wrapper .tab-content > *:not(:last-child) .analysis-panel-wrapper,
    .users-form .report-panel .k-tabstrip-wrapper .tab-content > *:not(:last-child) .analysis-panel-wrapper {
      margin-bottom: 2.1rem; }
  .report-form .report-panel .activities-table,
  .activity-analysis-form .report-panel .activities-table,
  .calculator-form .report-panel .activities-table,
  .settings-form .report-panel .activities-table,
  .payments-form .report-panel .activities-table,
  .users-form .report-panel .activities-table {
    max-width: 90rem; }
    .report-form .report-panel .activities-table table th,
    .report-form .report-panel .activities-table table td,
    .activity-analysis-form .report-panel .activities-table table th,
    .activity-analysis-form .report-panel .activities-table table td,
    .calculator-form .report-panel .activities-table table th,
    .calculator-form .report-panel .activities-table table td,
    .settings-form .report-panel .activities-table table th,
    .settings-form .report-panel .activities-table table td,
    .payments-form .report-panel .activities-table table th,
    .payments-form .report-panel .activities-table table td,
    .users-form .report-panel .activities-table table th,
    .users-form .report-panel .activities-table table td {
      padding: 0.75rem 10px;
      border-top: none;
      border-bottom: none;
      font-weight: normal; }
    .report-form .report-panel .activities-table table td:last-child,
    .activity-analysis-form .report-panel .activities-table table td:last-child,
    .calculator-form .report-panel .activities-table table td:last-child,
    .settings-form .report-panel .activities-table table td:last-child,
    .payments-form .report-panel .activities-table table td:last-child,
    .users-form .report-panel .activities-table table td:last-child {
      padding-right: 0px; }
    .report-form .report-panel .activities-table table tbody tr:last-child td,
    .activity-analysis-form .report-panel .activities-table table tbody tr:last-child td,
    .calculator-form .report-panel .activities-table table tbody tr:last-child td,
    .settings-form .report-panel .activities-table table tbody tr:last-child td,
    .payments-form .report-panel .activities-table table tbody tr:last-child td,
    .users-form .report-panel .activities-table table tbody tr:last-child td {
      border-bottom: 1px solid #dee2e6; }
    .report-form .report-panel .activities-table table th:before,
    .activity-analysis-form .report-panel .activities-table table th:before,
    .calculator-form .report-panel .activities-table table th:before,
    .settings-form .report-panel .activities-table table th:before,
    .payments-form .report-panel .activities-table table th:before,
    .users-form .report-panel .activities-table table th:before {
      content: "";
      width: 16px;
      height: 3px;
      display: inline-block;
      vertical-align: middle;
      margin: 0 4px 0 1px; }
    .report-form .report-panel .activities-table table th.driving-activity:before,
    .activity-analysis-form .report-panel .activities-table table th.driving-activity:before,
    .calculator-form .report-panel .activities-table table th.driving-activity:before,
    .settings-form .report-panel .activities-table table th.driving-activity:before,
    .payments-form .report-panel .activities-table table th.driving-activity:before,
    .users-form .report-panel .activities-table table th.driving-activity:before {
      background-color: #D9534F; }
    .report-form .report-panel .activities-table table th.work-activity:before,
    .activity-analysis-form .report-panel .activities-table table th.work-activity:before,
    .calculator-form .report-panel .activities-table table th.work-activity:before,
    .settings-form .report-panel .activities-table table th.work-activity:before,
    .payments-form .report-panel .activities-table table th.work-activity:before,
    .users-form .report-panel .activities-table table th.work-activity:before {
      background-color: #5CB85C; }
    .report-form .report-panel .activities-table table th.available-activity:before,
    .activity-analysis-form .report-panel .activities-table table th.available-activity:before,
    .calculator-form .report-panel .activities-table table th.available-activity:before,
    .settings-form .report-panel .activities-table table th.available-activity:before,
    .payments-form .report-panel .activities-table table th.available-activity:before,
    .users-form .report-panel .activities-table table th.available-activity:before {
      background-color: #F0AD4E; }
    .report-form .report-panel .activities-table table th.break-activity:before,
    .activity-analysis-form .report-panel .activities-table table th.break-activity:before,
    .calculator-form .report-panel .activities-table table th.break-activity:before,
    .settings-form .report-panel .activities-table table th.break-activity:before,
    .payments-form .report-panel .activities-table table th.break-activity:before,
    .users-form .report-panel .activities-table table th.break-activity:before {
      background-color: #AFBAD2; }
    .report-form .report-panel .activities-table table th.unknown-activity:before,
    .activity-analysis-form .report-panel .activities-table table th.unknown-activity:before,
    .calculator-form .report-panel .activities-table table th.unknown-activity:before,
    .settings-form .report-panel .activities-table table th.unknown-activity:before,
    .payments-form .report-panel .activities-table table th.unknown-activity:before,
    .users-form .report-panel .activities-table table th.unknown-activity:before {
      background-color: #DEE3ED; }
    .report-form .report-panel .activities-table table th.amplitude-activity:before,
    .activity-analysis-form .report-panel .activities-table table th.amplitude-activity:before,
    .calculator-form .report-panel .activities-table table th.amplitude-activity:before,
    .settings-form .report-panel .activities-table table th.amplitude-activity:before,
    .payments-form .report-panel .activities-table table th.amplitude-activity:before,
    .users-form .report-panel .activities-table table th.amplitude-activity:before {
      background-color: var(--primary-color); }
  .report-form .report-panel .no-infractions-detected,
  .activity-analysis-form .report-panel .no-infractions-detected,
  .calculator-form .report-panel .no-infractions-detected,
  .settings-form .report-panel .no-infractions-detected,
  .payments-form .report-panel .no-infractions-detected,
  .users-form .report-panel .no-infractions-detected {
    margin-top: 1rem;
    margin-bottom: 8px;
    border: 1px solid green;
    border-radius: 3px; }
  .report-form .report-panel .infractions-container .header,
  .report-form .report-panel .activities-container .header,
  .activity-analysis-form .report-panel .infractions-container .header,
  .activity-analysis-form .report-panel .activities-container .header,
  .calculator-form .report-panel .infractions-container .header,
  .calculator-form .report-panel .activities-container .header,
  .settings-form .report-panel .infractions-container .header,
  .settings-form .report-panel .activities-container .header,
  .payments-form .report-panel .infractions-container .header,
  .payments-form .report-panel .activities-container .header,
  .users-form .report-panel .infractions-container .header,
  .users-form .report-panel .activities-container .header {
    margin-bottom: 1.4rem;
    color: #000000; }
  .report-form .report-panel .analysis-panel-wrapper,
  .activity-analysis-form .report-panel .analysis-panel-wrapper,
  .calculator-form .report-panel .analysis-panel-wrapper,
  .settings-form .report-panel .analysis-panel-wrapper,
  .payments-form .report-panel .analysis-panel-wrapper,
  .users-form .report-panel .analysis-panel-wrapper {
    max-width: 82rem;
    background-color: white;
    transition: background-color 0.5s; }
    .report-form .report-panel .analysis-panel-wrapper.contrast-panel,
    .activity-analysis-form .report-panel .analysis-panel-wrapper.contrast-panel,
    .calculator-form .report-panel .analysis-panel-wrapper.contrast-panel,
    .settings-form .report-panel .analysis-panel-wrapper.contrast-panel,
    .payments-form .report-panel .analysis-panel-wrapper.contrast-panel,
    .users-form .report-panel .analysis-panel-wrapper.contrast-panel {
      background-color: rgba(0, 101, 165, 0.2); }
    .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed,
    .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed,
    .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed,
    .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed,
    .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed,
    .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed {
      position: fixed;
      z-index: 9;
      background-color: white;
      padding: 1rem;
      box-shadow: 0px 1px 6px 0px;
      opacity: 0;
      transition: opacity 0.5s linear; }
      .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns,
      .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns,
      .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns,
      .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns,
      .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns {
        display: flex;
        flex-direction: row; }
        .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column,
        .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column,
        .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column,
        .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column,
        .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column,
        .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column {
          display: flex;
          flex-direction: column; }
          .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:first-child span,
          .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:first-child span,
          .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:first-child span,
          .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:first-child span,
          .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:first-child span,
          .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:first-child span {
            padding-right: 1rem; }
          .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:last-child span,
          .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:last-child span,
          .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:last-child span,
          .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:last-child span,
          .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:last-child span,
          .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column:last-child span {
            padding-left: 1rem; }
          .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span,
          .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span,
          .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span,
          .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span,
          .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span,
          .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span {
            border-bottom: 1px solid #dadada;
            padding-bottom: 0.25rem;
            margin-bottom: 0.25rem; }
            .report-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span.bold,
            .activity-analysis-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span.bold,
            .calculator-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span.bold,
            .settings-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span.bold,
            .payments-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span.bold,
            .users-form .report-panel .analysis-panel-wrapper .info-panel-fixed .align-columns .info-column span.bold {
              font-weight: bold; }
    .report-form .report-panel .analysis-panel-wrapper svg,
    .activity-analysis-form .report-panel .analysis-panel-wrapper svg,
    .calculator-form .report-panel .analysis-panel-wrapper svg,
    .settings-form .report-panel .analysis-panel-wrapper svg,
    .payments-form .report-panel .analysis-panel-wrapper svg,
    .users-form .report-panel .analysis-panel-wrapper svg {
      width: 100%;
      height: 100%; }
      .report-form .report-panel .analysis-panel-wrapper svg rect.hoverable-area,
      .activity-analysis-form .report-panel .analysis-panel-wrapper svg rect.hoverable-area,
      .calculator-form .report-panel .analysis-panel-wrapper svg rect.hoverable-area,
      .settings-form .report-panel .analysis-panel-wrapper svg rect.hoverable-area,
      .payments-form .report-panel .analysis-panel-wrapper svg rect.hoverable-area,
      .users-form .report-panel .analysis-panel-wrapper svg rect.hoverable-area {
        fill-opacity: 0.4 !important;
        stroke: #66686b;
        stroke-width: 2; }
      .report-form .report-panel .analysis-panel-wrapper svg rect.clickable-area:hover,
      .activity-analysis-form .report-panel .analysis-panel-wrapper svg rect.clickable-area:hover,
      .calculator-form .report-panel .analysis-panel-wrapper svg rect.clickable-area:hover,
      .settings-form .report-panel .analysis-panel-wrapper svg rect.clickable-area:hover,
      .payments-form .report-panel .analysis-panel-wrapper svg rect.clickable-area:hover,
      .users-form .report-panel .analysis-panel-wrapper svg rect.clickable-area:hover {
        fill: white;
        cursor: pointer; }
    .report-form .report-panel .analysis-panel-wrapper .title,
    .activity-analysis-form .report-panel .analysis-panel-wrapper .title,
    .calculator-form .report-panel .analysis-panel-wrapper .title,
    .settings-form .report-panel .analysis-panel-wrapper .title,
    .payments-form .report-panel .analysis-panel-wrapper .title,
    .users-form .report-panel .analysis-panel-wrapper .title {
      color: #2B292D;
      font-weight: bold;
      margin-bottom: 1rem; }
    .report-form .report-panel .analysis-panel-wrapper .infraction-row,
    .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row,
    .calculator-form .report-panel .analysis-panel-wrapper .infraction-row,
    .settings-form .report-panel .analysis-panel-wrapper .infraction-row,
    .payments-form .report-panel .analysis-panel-wrapper .infraction-row,
    .users-form .report-panel .analysis-panel-wrapper .infraction-row {
      border: 1px solid #cecece;
      background-color: rgba(0, 0, 0, 0.1);
      line-height: 2.5rem;
      border-radius: .25rem;
      color: black;
      margin: 0.4rem 0; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row.clickable:hover,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.clickable:hover,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.clickable:hover,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row.clickable:hover,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row.clickable:hover,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row.clickable:hover {
        cursor: pointer; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row .flex-align-right,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row .flex-align-right,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row .flex-align-right,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row .flex-align-right,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row .flex-align-right,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row .flex-align-right {
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        align-items: center; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row .badge-infraction,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row .badge-infraction,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row .badge-infraction,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row .badge-infraction,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row .badge-infraction,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row .badge-infraction {
        padding: 0.3rem 0.7rem; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious {
        background-color: rgba(189, 0, 11, 0.1);
        border-color: #FF0000; }
        .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious .badge-infraction,
        .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious .badge-infraction,
        .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious .badge-infraction,
        .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious .badge-infraction,
        .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious .badge-infraction,
        .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-veryserious .badge-infraction {
          background-color: #FF0000;
          color: white; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild {
        background-color: rgba(91, 192, 222, 0.1);
        border-color: #5BC0DE; }
        .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild .badge-infraction,
        .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild .badge-infraction,
        .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild .badge-infraction,
        .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild .badge-infraction,
        .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild .badge-infraction,
        .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-mild .badge-infraction {
          background-color: #5BC0DE;
          color: white; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime {
        background-color: rgba(98, 54, 255, 0.1);
        border-color: #6236FF; }
        .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime .badge-infraction,
        .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime .badge-infraction,
        .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime .badge-infraction,
        .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime .badge-infraction,
        .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime .badge-infraction,
        .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-crime .badge-infraction {
          background-color: #6236FF;
          color: white; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious {
        background-color: rgba(255, 193, 7, 0.1);
        border-color: #FFC107; }
        .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious .badge-infraction,
        .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious .badge-infraction,
        .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious .badge-infraction,
        .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious .badge-infraction,
        .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious .badge-infraction,
        .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-serious .badge-infraction {
          background-color: #FFC107;
          color: white; }
      .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown,
      .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown,
      .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown,
      .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown,
      .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown,
      .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown {
        background-color: rgba(255, 193, 7, 0.1);
        border-color: #707070; }
        .report-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown .badge-infraction,
        .activity-analysis-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown .badge-infraction,
        .calculator-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown .badge-infraction,
        .settings-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown .badge-infraction,
        .payments-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown .badge-infraction,
        .users-form .report-panel .analysis-panel-wrapper .infraction-row.infraction-intensity-otherunknown .badge-infraction {
          background-color: #707070;
          color: white; }

.report-form .alert-configs,
.activity-analysis-form .alert-configs,
.calculator-form .alert-configs,
.settings-form .alert-configs,
.payments-form .alert-configs,
.users-form .alert-configs {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  margin-left: 1rem; }

.report-form .alert-last,
.activity-analysis-form .alert-last,
.calculator-form .alert-last,
.settings-form .alert-last,
.payments-form .alert-last,
.users-form .alert-last {
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
  margin-left: 1rem; }

.infraction-detail {
  font-size: 1rem; }
  .infraction-detail .detail-section {
    margin-bottom: 0.75rem; }
    .infraction-detail .detail-section:not(:last-child) {
      margin-bottom: 1rem; }
    .infraction-detail .detail-section .text {
      color: black;
      margin-bottom: 0.5rem; }
    .infraction-detail .detail-section .display-value .field__label,
    .infraction-detail .detail-section .display-value .field__input {
      border-bottom: none;
      line-height: unset; }
    .infraction-detail .detail-section .display-value .field__label label {
      color: black;
      font-weight: bold; }
    .infraction-detail .detail-section .header {
      color: black; }
  .infraction-detail .top-section {
    display: flex;
    flex-direction: row;
    justify-content: space-between; }
    .infraction-detail .top-section .infraction-title {
      margin-bottom: 0.75rem;
      color: black;
      font-weight: bold; }
    .infraction-detail .top-section .badge-infraction {
      font-size: 10px;
      padding: 0.3rem 0.7rem;
      border-radius: 3px;
      background-color: #E6E6E6;
      margin-right: 1rem;
      max-height: 1.4rem;
      line-height: 1;
      white-space: nowrap; }
      .infraction-detail .top-section .badge-infraction.infraction-type-mild {
        background-color: #5BC0DE;
        color: white; }
      .infraction-detail .top-section .badge-infraction.infraction-type-serious {
        background-color: #FFC107;
        color: white; }
      .infraction-detail .top-section .badge-infraction.infraction-type-veryserious {
        background-color: #FF0000;
        color: white; }
      .infraction-detail .top-section .badge-infraction.infraction-type-crime {
        background-color: #6236FF;
        color: white; }
      .infraction-detail .top-section .badge-infraction.infraction-type-otherunknown {
        background-color: #707070;
        color: white; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content.indicators-tab {
  margin: 0 -26px -2.167rem -26px; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-info {
  display: flex;
  flex-direction: column; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-info label {
    margin-bottom: 1rem; }
    .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-info label.bold {
      font-weight: bold; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-form-tab {
  max-width: 48rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-form-tab label {
    margin: 0; }
    .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-form-tab label.bold {
      font-weight: bold; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-form-tab .date-time-picker-component {
    max-width: 24rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .calculator-form-tab .bottom-form-buttons {
    padding-top: 0.5rem;
    padding-bottom: 2rem; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .form-wrapper {
  padding-left: 0;
  padding-right: 0; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content.calculator-tab .form-wrapper > *:not(:last-child) {
    margin-bottom: 1rem; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .indicators-form-tab {
  max-width: 48rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .indicators-form-tab label {
    margin: 0; }
    .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .indicators-form-tab label.bold {
      font-weight: bold; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .indicators-form-tab .date-time-picker-component {
    max-width: 24rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .indicators-form-tab .bottom-form-buttons {
    padding-top: 0.5rem;
    padding-bottom: 2rem; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .form-wrapper {
  padding-left: 0;
  padding-right: 0; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel .form-wrapper > *:not(:last-child) {
    margin-bottom: 1rem; }

.calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table {
  margin: 0;
  border-bottom: 2px solid #dee2e6; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table:not(:last-child) {
    margin-bottom: 5rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table:not(:first-child) thead tr th {
    border-top-width: 2px; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table:first-child thead tr th {
    border-top: none; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table thead tr th,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table tbody tr th {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table thead tr td,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table tbody tr td {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table thead tr th:first-child,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table thead tr td:first-child,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table tbody tr th:first-child,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table tbody tr td:first-child {
    padding-left: 26px; }
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table thead tr th:last-child,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table thead tr td:last-child,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table tbody tr th:last-child,
  .calculator-form .report-panel .k-widget.k-tabstrip .k-content .indicators-panel table tbody tr td:last-child {
    padding-right: 2.167rem; }

.k-widget.k-window .form-wrapper .current-form {
  margin-bottom: 0rem; }

.payments-form .total-class {
  padding-top: 16px;
  font-size: 150%; }
  
#onetacho-terms, #onetacho-terms2, #onetacho-terms3, #onetacho-terms4, #onetacho-terms5, #onetacho-terms6, #onetacho-terms7 {
  accent-color: var(--primary-color);
}

#report-tab-strip {
  margin-bottom: 8rem;
  position: fixed;
  width: calc(100% - 315px);
}

#first-slot-box {
  accent-color: var(--primary-color);
}

.activity_lists_container {
  border: 1px solid #ccc;  /* Border around the whole collapsible container */
  border-radius: 3px;
  margin-bottom: 16px;
  background-color: #fff;
}

.infractions_lists_container{
  border: 1px solid #FF0000;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
  border-radius: 3px;
  margin-bottom: 8px;
  background-color: #fff;
}

.collapsed_act_list, .collapsed_inf_list {
  cursor: pointer; 
  width: 100%;        /* Force it to fill the container exactly */
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
}

.collapsed_act_list:hover{
  /* background-color: #ccc; */
  cursor: pointer; 
  width: 100%;        /* Force it to fill the container exactly */
  box-sizing: border-box;
  border-radius: 3px;
  /* color: white; */
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
}

.collapsed_inf_list:hover {
  background-color: rgba(189, 0, 11, 0.1);
  cursor: pointer; 
  width: 100%;        /* Force it to fill the container exactly */
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
}

.expanded_act_list {
  border: 1px solid var(--primary-color);
}

.activity_lists_header_row, .infraction_lists_header_row {
  cursor: pointer;
  width: 100%;        /* Force it to fill the container exactly */
  box-sizing: border-box;
  border-radius: 3px;
  margin-left: 0px;
  margin-right: 0px;
  display: flex;
  flex-wrap: wrap;
  user-select: none;
  padding: 8px 12px;
  font-weight: bold;
}

.activity_lists_list, .infraction_lists_list {
  margin-top: 12px;
  margin-left: 0px;
  margin-right: 0px;
  border-top: none; /* no double border */
}

.activity_lists_header, .infraction_lists_header {
  background-color: #f8f8f8;
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ccc;
}

.activity_lists_row,
[class*="infraction_lists_row_"] {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #eee;
}

.activity_lists_header > div,
.activity_lists_row > div {
  text-align: center;
  border-right: 1px solid #ddd;
  padding: 6px 12px;

}
.infraction_lists_header > div,
[class*="infraction_lists_row_"]  > div {
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  padding: 6px 12px;
  cursor: pointer;
}

.activity_lists_row:hover {
  background-color: #f0f8ff;
  border-color: transparent;}

.infractions_lists_container_veryserious{
  border: 1px solid #FF0000;
  box-shadow: 0 0 0 .2rem rgba(220,53,69,.25);
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 8px;}
.infractions_lists_container_veryserious .collapsed_inf_list{
  background-color: rgba(189, 0, 11, 0.1);}
.infraction_lists_row_veryserious:hover {
  background-color: rgba(189, 0, 11, 0.1);
  border-color: transparent;}
.badge-infraction-veryserious {
  background-color: #FF0000;
  color: white;
  border-radius: 3px;
  padding: 0.3rem 0.7rem; }

.infractions_lists_container_mild{
  border: 1px solid #5BC0DE;
  box-shadow: 0 0 0 .2rem  rgba(91, 192, 222, 0.1);
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 8px;}
.infractions_lists_container_mild .collapsed_inf_list{
    background-color: rgba(91, 192, 222, 0.1);}
.infraction_lists_row_mild:hover {
  background-color: rgba(91, 192, 222, 0.1);
  border-color: transparent;}
.badge-infraction-mild {
  background-color: #5BC0DE;
  color: white;
  border-radius: 3px;
  padding: 0.3rem 0.7rem; }

.infractions_lists_container_crime{
  border: 1px solid #6236FF;
  box-shadow: 0 0 0 .2rem  rgba(98, 54, 255, 0.1);
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 8px;}
.infractions_lists_container_crime .collapsed_inf_list{
    background-color: rgba(98, 54, 255, 0.1);}
.infraction_lists_row_crime:hover {
  background-color: rgba(98, 54, 255, 0.1);
  border-color: transparent;}
.badge-infraction-crime {
  background-color: #6236FF;
  color: white;
  border-radius: 3px;
  padding: 0.3rem 0.7rem; }

.infractions_lists_container_serious{
  border: 1px solid #FFC107;
  box-shadow: 0 0 0 .2rem  rgba(255, 193, 7, 0.1);
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 8px;}
.infractions_lists_container_serious .collapsed_inf_list{
  background-color: rgba(255, 193, 7, 0.1);}
.infraction_lists_row_serious:hover {
  background-color: rgba(255, 193, 7, 0.1);
  border-color: transparent;}
.badge-infraction-serious {
  background-color: #FFC107;
  color: white;
  border-radius: 3px;
  padding: 0.3rem 0.7rem; }

.infractions_lists_container_otherunknown{
  border: 1px solid #707070;
  box-shadow: 0 0 0 .2rem  rgba(255, 193, 7, 0.1);
  border-radius: 3px;
  margin-top: 1rem;
  margin-bottom: 8px;}
.infractions_lists_container_otherunknown  .collapsed_inf_list{
  background-color: rgba(255, 193, 7, 0.1);}  
.infraction_lists_row_otherunknown:hover {
  background-color: rgba(255, 193, 7, 0.1);
  border-color: transparent;}
.badge-infraction-otherunknown {
  background-color: #707070;
  color: white;
  border-radius: 3px;
  padding: 0.3rem 0.7rem; }

.graph-container {
  overflow-x: hidden;
}

.title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.minimap-container {
    border: 1px solid #ccc;
    border-radius: 3px;
    background-color: #fff;
    height: 20px;
    margin-top: -20px;
    margin-bottom: 20px;    position: relative;
    background: #f8f8f8;
    cursor: pointer;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1), transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    pointer-events: none;
}

.minimap-container.minimap-visible {
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
}

.minimap-viewport {
  position: absolute;
  height: 100%;
  background: color-mix(in srgb, var(--primary-color) 20%, transparent);
  border: 1px solid var(--primary-color);
  cursor: grab;
}

.minimap-content {
  position: relative;
  height: 100%;
  font-size: 10px;
  line-height: 20px;
  pointer-events: none;
}