/* Styles for AGI tracker */

/* list headers */
.list {
  display: block;
  border: 1px solid transparent;
  font-weight: bold;
}

/* list details */
.num {
  display: inline-block;
  width: 50px;
  text-align: right;
  margin-right: 10px;
}

.date {
  display: inline-block;
  width: 110px;
  margin-right: 10px;
}

.file {
  display: inline-block;
  whitespace: nowrap;
  width: 150px;
  font-weight: bold;
  margin-right: 10px;
}

.llord {
  display: inline-block;
  width: 150px;
  margin-right: 10px;
}

.status {
  display: inline;
  text-align: left;
}

.title {
  display: inline;
  text-align: left;
  font-weight: bold;
}


/* tables for file lists */
.files {
    width: 85%;
    text-align: left;
  }


/* detail entries */
details {
  display: block;
  width: 100%;
  border: 2px solid transparent;
  scroll-margin-bottom: 75px;
  scroll-margin-top: 75px;
  cursor: default;
  }

details summary {
  display: block;
  list-style: none;
  cursor: pointer;
  width: 100%;
  }

details summary:hover {
  color: #900000;
  text-shadow: 2px 2px 3px #C0C0C0;
  background-color: #E8E8FF;
}

details[open] {
  border: 2px solid black;
  background-color: #F6F6F6;
  box-shadow: 2px 2px 5px 3px #C0C0C0;
  }

details[open] summary {
  font-weight: bold;
}

details .text {
  display: block;
  width: 100%;
  height: auto;
  padding: 5px 15px 0px 15px;
  border-top: 1px solid #C0C0C0;
}

/* Close buttons */
.bb {
  display: block;
  position: sticky;
  bottom: 5px;
  right: 5px;
  padding: 5px;
  margin: 3px 3px 3px auto;
  font-size: 10pt;
  width: fit-content;
  text-decoration: none;
  border: 1px solid black;
  border-radius: 6px;
  box-shadow: 2px 2px 4px #a0a0a0;
  background: #000080;
  color: white;
  }

.bb:hover{
  text-shadow: 2px 2px 2px #B0B0B0;
  background: #800000;
  cursor: pointer;
  }