.dashboard-content {
  padding: 24px;
  overflow-y: auto; }
  .dashboard-content .row {
    margin: -12px; }
    .dashboard-content .row .col {
      padding: 12px; }
  .dashboard-content .card {
    border: 1px solid #E4E4E4; }
    .dashboard-content .card .card-header {
      background-color: unset;
      border-bottom: 1px solid #E4E4E4;
      padding: 1.5rem 2rem;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center; }
      .dashboard-content .card .card-header .k-button {
        display: flex;
        flex-direction: row;
        align-items: center; }
        .dashboard-content .card .card-header .k-button i {
          margin-right: 0.5rem; }
      .dashboard-content .card .card-header span {
        font-size: 1rem;
        font-weight: bold;
        color: #000000;
        height: 2.3rem;
        display: flex;
        flex-direction: column;
        justify-content: center; }
    .dashboard-content .card .card-body chart {
      align-items: start; }
      .dashboard-content .card .card-body chart > .k-chart {
        max-height: 17rem;
        max-width: 100%;
        margin: -1.5rem -2rem; }
    .dashboard-content .card .card-body .series-line-chart chart > .k-chart {
      margin: 0rem 0rem -1.5rem 0rem;
    }
    .dashboard-content .card .card-body .infraction-list-container {
      padding: 1rem; }
      .dashboard-content .card .card-body .infraction-list-container .table th {
        border-top: none; }
      .dashboard-content .card .card-body .infraction-list-container .table tbody tr:first-child td {
        border-top: none; }
      .dashboard-content .card .card-body .infraction-list-container > div {
        margin-bottom: 1.334rem; }
        .dashboard-content .card .card-body .infraction-list-container > div:last-child {
          margin-bottom: 0; }
      .dashboard-content .card .card-body .infraction-list-container .bottom-actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-end; }
      .dashboard-content .card .card-body .infraction-list-container .infraction-driver .infraction-date {
        margin-bottom: 0.334rem; }
        .dashboard-content .card .card-body .infraction-list-container .infraction-driver .infraction-date span {
          color: #757575; }
      .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list {
        display: flex;
        flex-direction: row; }
        .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list .badge-infraction {
          font-size: 10px;
          padding: 0.3rem 0.7rem;
          border-radius: 3px;
          background-color: #E6E6E6;
          margin-right: 1rem; }
          .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list .badge-infraction.infraction-type-mild {
            background-color: #5BC0DE;
            color: white; }
          .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list .badge-infraction.infraction-type-serious {
            background-color: #FFC107;
            color: white; }
          .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list .badge-infraction.infraction-type-verySerious {
            background-color: #FF0000;
            color: white; }
          .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list .badge-infraction.infraction-type-crime {
            background-color: #6236FF;
            color: white; }
          .dashboard-content .card .card-body .infraction-list-container .infraction-driver .flex-infraction-list .badge-infraction.infraction-type-otherUnknown {
            background-color: #707070;
            color: white; }
    .dashboard-content .card .card-body .infraction-list-last-56-days-container {
      padding: 1rem; }
      .dashboard-content .card .card-body .infraction-list-last-56-days-container > div {
        margin-bottom: 1.334rem; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container > div:last-child {
          margin-bottom: 0; }
      .dashboard-content .card .card-body .infraction-list-last-56-days-container .bottom-actions {
        display: flex;
        flex-direction: row;
        justify-content: flex-end; }
      .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-date {
        margin-bottom: 0.334rem; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-date span {
          color: #757575; }
      .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row {
        border: 1px solid black;
        line-height: 2.5rem;
        border-radius: .25rem;
        padding: 0 0.5rem;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 0.667rem; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row:last-child {
          margin-bottom: 0; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row .badge-infraction {
          font-size: 10px;
          padding: 0.3rem 0.7rem; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row .left-info {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: center; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row .left-info .infractor-info {
            margin-right: 1.334rem; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row .left-info .infraction-type-info {
            font-weight: bold;
            margin-right: 0.25rem; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row .left-info .infraction-fine-info {
            color: #757575; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-a {
          background-color: rgba(189, 0, 11, 0.1);
          border-color: #FF0000; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-a .badge-infraction {
            background-color: #FF0000;
            color: white; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-b {
          background-color: rgba(7, 226, 255, 0.1);
          border-color: #5BC0DE; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-b .badge-infraction {
            background-color: #5BC0DE;
            color: white; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-c {
          background-color: rgba(98, 54, 255, 0.1);
          border-color: #6236FF; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-c .badge-infraction {
            background-color: #6236FF;
            color: white; }
        .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-d {
          background-color: rgba(255, 193, 7, 0.1);
          border-color: #FFC107; }
          .dashboard-content .card .card-body .infraction-list-last-56-days-container .infraction-date-group .infraction-row.infraction-type-d .badge-infraction {
            background-color: #FFC107;
            color: white; }
    .dashboard-content .card .card-body .col-8 {
      margin: auto;
      font-weight: bold; }

.clickable {
  cursor: pointer;
}

.clickable-table:hover {
  background-color: #EDEDED;
}

.smaller-table {
  font-size: 85%;
}

#admin-subscriptions-table-container {
  max-height: 16rem;
  overflow-y: auto;
  z-index: 1;
}

.unselected {
  color: #BDBBB9 !important;
}