body {
  background-color: #ccc;
}

.masa-body {
  background-color: #ccc !important; //override .devsite-landing-row:not([background])
}

#masa-search-bar {
  width: 300px;
  margin-right: 15px;
}

@media screen and (max-width: 1266px) {
  #masa-search-bar {
    width: 100%;
    margin-right: 0;
  }
  devsite-select {
    margin-right: 0;
  }
  devsite-select .devsite-select-toggle {
    max-width: 100%;
    width: 100%;
  }
}

@media screen and (min-width: 1267px) {
  devsite-select {
    margin-right: 15px;
  }
}

.pointer,
.title {
  cursor: pointer;
  z-index: 10;
}

.masa-table {
  --blue-500: #4285f4;
  --grey-400: #bdc1c6;
  --grey-700: #5f6368;
  --grey-900: #202124;
  --grey-dark: #1f1f1f;
  --grey-light: #5e5e5e;
  --masa-border-color: #c4c7c5;
  --masa-table-background-color: #eee;
  --mat-teal-500: #009688;
  --pdf-red: #ea4335;
  border: 1px solid var(--masa-border-color);
  border-radius: 10px;
  font-family: Roboto;
  font-size: 14px;
  letter-spacing: 0em;
  line-height: 20px;
  overflow: hidden;
  text-align: left;
}

.masa-table th {
  background-color: var(--mat-teal-500);
  color: var(--grey-dark);
  font-weight: 500;
  padding: 48px 15px 15px 15px;
}

.masa-table td {
  background-color: var(--masa-table-background-color);
  color: var(--grey-light);
  font-weight: 400;
  padding: 15px;
  vertical-align: middle;
}

.validation-report {
  border: 1px solid var(--grey-400);
  color: var(--grey-900);
  display: inline-block;
  border-radius: 30px;
  margin: 15px 0;
  min-width: 210px;
  padding: 10px 15px;
  text-decoration: none;
}

.pdf-icon {
  color: var(--pdf-red);
  margin-right: 8px;
  vertical-align: middle;
  width: 24px;
}

.new-window-icon {
  color: var(--grey-700);
  margin-left: 8px;
  vertical-align: middle;
  width: 24px;
}

.copy-icon {
  color: var(--grey-700);
  margin: 0 30px;
  vertical-align: middle;
  width: 24px;
  cursor: pointer;
}

.copy-icon:hover {
  color: var(--blue-500);
}

li, li p {
  margin: 12px 0;
  padding: 0;
}

li {
  display: list-item;
  text-align: -webkit-match-parent;
}

.masa-filters button {
  background-color: #fff;
}

ul {
  list-style: disc outside;
}

ul {
  list-style-type: disc;
}

.mobile-table {
  table-layout: fixed;
  width: 100%;
  overflow: scroll;

  .mobile-row {
    margin: 10px 2px;
    max-width: 100%;
  }

  .copy-icon {
    margin: 0 15px 0 0;
  }

  .left {
    font-weight: 600;
  }

  .right {
    float: right;

    &.material-icons {
      margin-top: -10px;
    }
  }
}