.buttonStyle {
  line-height: 133%;
  color: #FFF;
  background: linear-gradient(#001c32, #059);
  padding: 0 0.5rem;
  grid-column: span 12;
  cursor: pointer !important;
}
.buttonStyle:hover {
  background: linear-gradient(#059, #001c32);
}
.buttonStyle:active {
  background: linear-gradient(#ED1A3B, #500612);
}
.buttonStyle:focus {
  border: solid 0.2rem #FFF;
}
.dangerButtonStyle {
  line-height: 133%;
  color: #FFF;
  background: linear-gradient(#281122, #77386a);
  padding: 0 0.5rem;
  grid-column: span 12;
  cursor: pointer !important;
}
.dangerButtonStyle:hover {
  background: linear-gradient(#77386a, #281122);
}
.dangerButtonStyle:active {
  background: linear-gradient(#ED1A3B, #500612);
}
nav {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 1rem;
}
nav a {
  height: 6.4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  border-radius: 0.75rem;
  line-height: 133%;
  color: #FFF;
  background: linear-gradient(#001c32, #059);
  padding: 0 0.5rem;
  grid-column: span 12;
  cursor: pointer !important;
}
nav a:hover {
  background: linear-gradient(#059, #001c32);
}
nav a:active {
  background: linear-gradient(#ED1A3B, #500612);
}
nav a:focus {
  border: solid 0.2rem #FFF;
}
header a {
  height: 2.8rem;
  width: 2.8rem;
  border-radius: 50%;
  line-height: 133%;
  color: #FFF;
  background: linear-gradient(#001c32, #059);
  padding: 0 0.5rem;
  grid-column: span 12;
  cursor: pointer !important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
}
header a:hover {
  background: linear-gradient(#059, #001c32);
}
header a:active {
  background: linear-gradient(#ED1A3B, #500612);
}
header a:focus {
  border: solid 0.2rem #FFF;
}
#CreateLink {
  height: var(--row-height);
  width: var(--row-height);
  margin-right: 0.75rem;
  border-radius: 50%;
  line-height: 133%;
  color: #FFF;
  background: linear-gradient(#001c32, #059);
  padding: 0 0.5rem;
  grid-column: span 12;
  cursor: pointer !important;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  overflow: hidden;
  float: left;
  font-size: xx-large;
}
#CreateLink:hover {
  background: linear-gradient(#059, #001c32);
}
#CreateLink:active {
  background: linear-gradient(#ED1A3B, #500612);
}
#CreateLink:focus {
  border: solid 0.2rem #FFF;
}
#CreateLink img {
  height: calc(0.4 * var(--row-height));
  width: calc(0.4 * var(--row-height));
  cursor: pointer !important;
}
.rowHeaderIcon {
  position: relative;
  top: calc(0.175 * var(--row-height));
  height: calc(0.6 * var(--row-height));
  width: calc(0.6 * var(--row-height));
}
.rowIcon {
  position: relative;
  top: calc(0.175 * var(--row-height));
  height: calc(0.6 * var(--row-height));
  width: calc(0.6 * var(--row-height));
  cursor: pointer !important;
}
.clickable {
  cursor: pointer !important;
}
[tt-go] * {
  cursor: pointer;
}