/* CSS for "top-level" pages: login.glet, directory.glet and
sessctl.glet.  The configtool.glet page does not use this file.  */
* { font-family: sans-serif; }
#chainFilter { border: 1px solid silver; padding: 0.3em; margin-bottom: 1em; }
#chainFilter #instructions { margin-bottom: 0.5em; }
#chainFilter span { margin-left: 0.5em; }
#displayLimited { margin-top: 0.5em; }
div#noChain { margin-bottom: 0.5em; }
div#chainSelector, div.chainSelectorHeader { width: 70em; }
.chainSelectorHeader { background: silver; }
.chainSelectorHeader div { display: inline-block; margin-top: 0.1em; margin-bottom: 0.1em; }
.chainSelectorHeader #idHead { position: relative; left: 6em; }
.chainSelectorHeader #nameHead { position: relative; left: 35em; }
.chainSelectorHeader a { color: black; }
.chainSelectorHeader .orderSelected { font-weight: bold; }
#chainSelector { height: 400px; overflow: scroll; }
#chainSelector div div { display: inline-block; }
#chainSelector div.chainSelectorRow { border-bottom: 1px solid silver; }
#chainSelector div.chainSelectorRow:first-child { border-top: 1px solid silver; }
.chainSelectorButton { width: 5em; }
.chainSelectorCode { width: 30em; }
div#bottomButtons { margin-top: 0.5em; }
fieldset { margin-bottom: 0.3em; padding-left: 0.7em; }
.noCredentialsHead { margin-top: 1.2em; margin-left: 1.2em; font-size: 150%; font-weight: bold; color: #e54800; }
.noCredentialsBody { margin-top: 2em; margin-left: 2em; }

/* Button-styled link (used when replacing inline-JS buttons for CSP compliance) */
a.buttonLink,
a.buttonLink:link,
a.buttonLink:visited,
a.buttonLink:hover,
a.buttonLink:active {
  display: inline-block;
  box-sizing: border-box;
  padding: 2px 6px;

  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  font-size: 13px;
  line-height: normal;

  text-decoration: none;

  background: #eee;
  color: #000;
  border: 1px solid #888;
  border-radius: 2px;

  cursor: pointer;
}

a.buttonLink:hover {
  background: #e6e6e6;
}

a.buttonLink:active {
  background: #ddd;
  transform: translateY(1px);
}