.dashboard {
  margin: 80px auto;
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  grid-gap: 20px 40px;
  grid-template-areas: "graph1 user1 user2" "graph1 user3 user4" "graph1 graph3 graph3" "graph2 graph3 graph3" "graph2 graph3 graph3" "graph2 graph3 graph3" "graph4 graph4 graph4"; }
  .dashboard .urp-card .value-card {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .dashboard .urp-card .value-card h1 {
      margin-right: 10px; }
    .dashboard .urp-card .value-card .value {
      color: #00D6B6; }
      .dashboard .urp-card .value-card .value div.v {
        font-size: 50px;
        font-weight: 500;
        margin-top: -26px;
        margin-bottom: -26px; }
      .dashboard .urp-card .value-card .value div.l {
        margin-top: 30px; }
  .dashboard .urp-card .graph {
    visibility: hidden; }
  .dashboard .urp-card .loader {
    text-align: center;
    margin-top: 50px; }
  .dashboard .graph1, .dashboard .graph2, .dashboard .graph3, .dashboard .graph4 {
    min-height: 370px; }
  .dashboard .graph1 .graph {
    position: relative; }
  .dashboard .graph1 .graph .tabs {
    position: absolute;
    top: 0;
    right: 0;
    transform: translateY(-100%);
    display: flex;
    align-items: center; }
  .dashboard .graph1 .graph .tabs .tab {
    color: #9BC9C2;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.12);
    border-radius: 4px;
    margin-right: 4px;
    padding: 8px 20px; }
  .dashboard .graph1 .graph .tabs .tab.selected {
    color: white;
    background-color: #1A3A35; }
  .dashboard #graph1 svg .c3-chart-arcs-title,
  .dashboard #graph1a svg .c3-chart-arcs-title {
    font-size: 40px;
    fill: #00D6B6; }
  .dashboard #graph1 svg .c3-chart-arcs-title .second-title,
  .dashboard #graph1a svg .c3-chart-arcs-title .second-title {
    font-size: 20px;
    fill: #9BC9C2; }
  .dashboard #graph1a {
    display: none; }
  .dashboard #graph1,
  .dashboard #graph1a,
  .dashboard #graph2,
  .dashboard #graph3,
  .dashboard #graph4 {
    width: 100%;
    height: 100%; }
  .dashboard #graph3,
  .dashboard #graph4 {
    margin-top: 20px; }

/*# sourceMappingURL=index.css.map */