/* == CSS == */
.admin-css textarea {
  width:100%;
  min-height:200px;
  height:min-content; /* might work at some point in future */
  overflow:auto;
}
/* == Crons == */
pre.crons {
  padding-left:40px;
}
div#main.crons p.small {
  font-size:0.9em;
  padding-top:0px;
  padding-left:60px;
  padding-right:60px;
  opacity:0.7;
}
ul.admin-crons,
ul.admin-crons li {
  display:block;
  list-style-type:none;
  padding:0px;
  margin:0px;
}

ul.admin-crons li {
  width:350px;
  max-width:100%;
  font-weight:bold;
  font-family:"Courier New",monospace;
  font-size:0.8em;
  text-align:right;
  margin-top:5px;
  margin-bottom:5px;
  line-height:calc(1em + 20px);
}

ul.admin-crons span,
ul.admin-crons a {
  display:block;
  width:100px;
  float:right;
  box-sizing:border-box;
  margin-top:5px;
  margin-left:10px;
  padding-top:6px;
  padding-bottom:4px;
  padding-left:10px;
  padding-right:10px;
  border:2px solid rgb(17,165,156);
  border-radius:15px;
  text-align:center;
  background-color:rgb(17,165,156);
  color:white;
  line-height:1em;
  font-family:"Teko",sans-serif;
  text-transform:uppercase;
  letter-spacing:0.05em;
  font-weight:normal;
}
ul.admin-crons span {
  border:2px solid rgb(165,17,56);
  background-color:rgb(165,17,56);
}
ul.admin-crons a:hover {
  color:rgb(17,165,156);
  background-color:white;
}
/* == Pages == */
.dynamic ul li span {
  color:rgba(5,101,124,0.7);
  font-weight:bold;
}
/* == Gallery == */
ul.admin-gallery,
ul.admin-gallery > li {
  display:block;
  list-style-type:none;
  margin:0px;
  padding:0px;
}
ul.admin-gallery {
  width:75%;
  float:left;
  column-count:3;
}
form.admin-upload {
  width:25%;
  float:right;
}
@media (max-width: 599px) {
  form.admin-upload {
    width:auto;
    float:none;
    margin-bottom:25px;
  }
  ul.admin-gallery {
    width:auto;
    column-count:1;
    float:none;
  }
}
ul.admin-gallery > li {
  break-inside:avoid-column;
  page-break-inside:avoid;
}
ul.admin-gallery > li > a {
  display:block;
  width:150px;
  height:150px;
  position:relative;
  background-color:rgba(5,131,124,0.6);
}
ul.admin-gallery > li > a:hover {
  background-color:rgba(17,165,156,0.6);
}
ul.admin-gallery > li > a > img {
  max-height:100%;
  max-width:100%;
  width:auto;
  height:auto;
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
  margin:auto;
}
ul.admin-gallery > li > p {
  font-size:0.8em;
}
ul.admin-gallery > li > p > tt {
  display:block;
}
ul.admin-gallery > li > p > tt > span {
  color:#888;
}
form.admin-upload input,
form.admin-upload button {
  width:100%;
}
form.admin-upload button {
  line-height:1.6em;
  margin-top:10px;
  border-radius:5px;
}
form.admin-upload p {
  padding:0px;
  margin:0px;
  margin-top:10px;
  font-size:0.8em;
}
/* == Help == */
.admin-faq {
  column-count:2;
}

.admin-faq-entry {
  break-inside:avoid-column;
  page-break-inside:avoid;
}

.admin-faq-entry > h2,
.admin-faq-entry > p {
  margin:0;
  padding:0;
}

.admin-faq-entry > h2 {
  font-size:1em;
  margin-top:10px;
}
/* == Index == */
.admin ul {
  column-count:4;
  column-gap:0;
}
.admin ul > li {
  box-sizing:border-box;
}
.admin a.button-like {
  margin:10px;
  margin-top:0px;
  margin-right:0px;
  break-inside:avoid-column;
  page-break-inside:avoid;
}
.admin ul > li:first-of-type > a {
  background-color:rgb(5,101,124);
  border-color:rgb(5,101,124);
  font-style:italic;
  text-transform:uppercase;
}
.admin ul > li:first-of-type > a:hover {
  color:rgb(17,135,156);
  background-color:white;
  border-color:rgb(17,135,156);
}