.dashboard-template-preview-dialog {
  height: auto;
  width: auto;
  padding: 20px;
  /* Creates the grid on which the individual preview images lay on. Shared by all templates */ }
  .dashboard-template-preview-dialog .grid {
    display: grid;
    float: left;
    height: 630px;
    width: 630px;
    padding: 12px;
    grid-gap: 4px;
    grid-template-columns: repeat(7, 1fr);
    grid-template-rows: repeat(7, 1fr); }
    .dashboard-template-preview-dialog .grid .preview-img {
      width: 100%;
      height: 100%;
      box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132), 0 0.6px 1.8px 0 rgba(0, 0, 0, .108);
      box-shadow: 0 3.2px 7.2px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)), 0 0.6px 1.8px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108)); }
      .dashboard-template-preview-dialog .grid .preview-img:hover {
        box-shadow: 0 6.4px 14.4px 0 rgba(0, 0, 0, .132), 0 1.2px 3.6px 0 rgba(0, 0, 0, .108);
        box-shadow: 0 6.4px 14.4px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)), 0 1.2px 3.6px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108)); }

.template-preview-description {
  width: 300px;
  overflow: auto;
  float: right;
  padding: 32px;
  font-size: 17px; }

.template-preview-widget-list {
  margin-top: 20px; }

/* TEAM OVERVIEW */
/* Cycle Time */
#team-overview .grid *:nth-child(1) {
  grid-column: 1 / 4;
  grid-row: 1 / 3; }

/* Lead Time */
#team-overview .grid *:nth-child(2) {
  grid-column: 1 / 4;
  grid-row: 3 / 5; }

/* Velocity */
#team-overview .grid *:nth-child(3) {
  grid-column: 1 / 4;
  grid-row: 5 / 7; }

/* Team Members */
#team-overview .grid *:nth-child(4) {
  grid-column: 4 / 6;
  grid-row: 1 / 2; }

/* Pull Requests */
#team-overview .grid *:nth-child(5) {
  grid-column: 4 / 7;
  grid-row: 2 / 4; }

/* New Work Item */
#team-overview .grid *:nth-child(6) {
  grid-column: 4 / 6;
  grid-row: 4 / 5; }

/* Assigned To Me */
#team-overview .grid *:nth-child(7) {
  grid-column: 4 / 6;
  grid-row: 5 / 7; }

/* Build History */
#team-overview .grid *:nth-child(8) {
  grid-column: 6 / 8;
  grid-row: 1 / 2; }

/* Code Tile */
#team-overview .grid *:nth-child(9) {
  grid-column: 6 / 7;
  grid-row: 4 / 5; }

/* SPRINT MANAGEMENT */
/* Velocity */
#sprint-management .grid *:nth-child(1) {
  grid-column: 1 / 4;
  grid-row: 1 / 3; }

/* Sprint Capacity */
#sprint-management .grid *:nth-child(2) {
  grid-column: 1 / 3;
  grid-row: 3 / 4; }

/* Sprint Overview */
#sprint-management .grid *:nth-child(3) {
  grid-column: 1 / 3;
  grid-row: 4 / 5; }

/* Sprint Burndown */
#sprint-management .grid *:nth-child(4) {
  grid-column: 1 / 3;
  grid-row: 5 / 6; }

/* Code Tile */
#sprint-management .grid *:nth-child(5) {
  grid-column: 3 / 4;
  grid-row: 3 / 4; }

/* Cumulative Flow Diagram */
#sprint-management .grid *:nth-child(6) {
  grid-column: 3 / 6;
  grid-row: 4 / 6; }

/* Burndown */
#sprint-management .grid *:nth-child(7) {
  grid-column: 4 / 8;
  grid-row: 1 / 4; }

/* Assigned To Me */
#sprint-management .grid *:nth-child(8) {
  grid-column: 6 / 8;
  grid-row: 4 / 6; }