body {
  font-family: Arial, Helvetica, sans-serif;
}

a {
  cursor: pointer;
}

table.default1, table.default1 th, table.default1 td {
  border-collapse: collapse;
  border: 1px solid black;
}

table.default1 td {
  padding: 3px 10px;
}

table.default1 thead {
  background-color: lightgreen;
}

table.default1 tr:nth-child(even) {
  background-color: #f2f2f2;
}

table.excel, table.excel th, table.excel td {
  border-collapse: collapse;
  border: 1px dotted gray;
}

table.excel td {
  padding: 5px 8px;
}

table.excel thead {
  background-color: lightgreen;
}

table.excel tr:nth-child(even) {
  background-color: #f2f2f2;
}

button {
  cursor: pointer;
}

.error {
  color: red;
}

.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}

.left-nav {
  font-size: 20px;
}

.profile {
  font-size: 20px;
}

.main-logo {
  margin-right: 10px;
}

.profile-image {
  max-width: 6.4rem;
  max-height: 6.4rem;

  border-radius: 50%;
  border: 8px solid lightgray;

  background: lightpink;
}

.modal {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.75);
display: flex;
justify-content: center;
align-items: center;
}

.modal > div {
text-align: center;
padding: 2em 4em 3em 4em;
background-color: #FFF;
box-shadow: 0.5em 0.5em 2em #999;
  border: #CCC 1px solid;
  background-color: beige;
}

.red {
  color: red;
}

.green {
  color: green;
}

.orange {
  color: orange;
}

.gray {
  color: gray;
}

.darkred {
  color: darkred;
}

.dropdown-content {
  position: absolute;
  background-color: #f1f1f1;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.pointer {
  cursor: pointer;
}

.div-table {
  display: table;
  width: auto;
  /* background-color: #eee; */
  /* border: 1px solid #666666; */
  border: 1px solid black;
  border-spacing: 5px; /* cellspacing:poor IE support for  this */
}

.div-table-row {
  display: table-row;
  /* width: auto; */
  /* clear: both; */
}

.div-table-col {
  /* float: left; */
  display: table-cell;
}

.filtering-sidepanel {
  background-color: #f2f2f2;
}

select.selected-filter {
  background-color: yellow;
}

input.selected-filter {
  background-color: yellow;
}

.text-right {
  text-align: right;
}