@import 'src/@fuse/scss/fuse';

app-pages-settings-dashboard-details {
  display: flex;
  flex: 1 0 auto;
  flex-direction: column;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;

  .dashboard-header {
    padding: 24px;
    border-bottom: 1px solid;

    .actions {
      min-width: 88px;
    }
  }

  .dashboard-content {
    padding: 24px;

    .title {
      font-size: 17px;
      font-weight: 600;
    }

    .tag {
      font-size: 11px;
      border-radius: 2px;
      margin: 8px 4px 0 0;
      padding: 3px 8px;

      .tag-color {
        width: 8px;
        height: 8px;
        margin-right: 8px;
        border-radius: 50%;
      }
    }

    .dates {
      .mat-form-field {
        width: auto !important;
      }
    }
  }
}
