p.switchaai { color: black; }

h2.switchaai { padding-bottom: 20px; }

table.switchaai{
  width:100%;
  border-collapse: separate;
  border-spacing:0;
  font-family:"Segoe UI", Roboto, Arial, sans-serif;
  font-size:15px;
  margin:30px 0;
  background:#fff;
  border-radius:8px;
  box-shadow:0 4px 12px rgba(0,0,0,0.08);
  overflow:hidden;
}
table.switchaai th.scenario{
  background:#285f82;
  color:#fff;
  font-weight:600;
  text-align:left;
  padding:14px 16px;
  border-bottom:2px solid rgba(255,255,255,0.15);
  letter-spacing:.5px;
}
table.switchaai td{
  padding:12px 16px;
  border-bottom:1px solid #e5e7eb;
  color:#333;
  line-height:1.5;
  vertical-align:top;
  word-break:break-word;
}
table.switchaai tr:last-child td{ border-bottom:0; }
table.switchaai tr:not(:first-child):nth-child(even) td{ background:#fafafa; }
table.switchaai tr:not(:first-child):hover td{
  background:#f0f7fc;
  transition:background-color .25s ease;
}
table.switchaai a,
table.switchaai a.switchaai{
  color:#285f82;
  font-weight:600;
  text-decoration:none;
}
table.switchaai a:hover,
table.switchaai a.switchaai:hover{
  color:#1a4058;
  text-decoration:underline;
}
table.switchaai td ul{ margin:0; padding-left:18px; }
table.switchaai { width: 100%; border-collapse: collapse; }
table.switchaai th, table.switchaai td { padding: .5rem .75rem; border-bottom: 1px solid #e5e7eb; }

.tag { font-weight: 600; }
.tag-core, .row-core .attribute-id { color: green; }
.tag-shibboleth, .row-shibboleth .attribute-id { color: grey; }
.tag-local, .row-local .attribute-id { color: blue; }
.tag-metadata, .row-metadata .attribute-id { color: purple; }
.tag-other, .row-other .attribute-id { color: orange; }

h2.switchaai#spinfo { padding-top: 20px; }

.switchaai-dataButton {
  background-color: orange;
  color: white;
  border: 1px solid rgba(255, 166, 0, 0.704);
  padding: 10px 20px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 14px;
}

.switchaai-dataButton.active {
  background-color: #fbfbfbd8;
  color: orange;
}

.logButton {
  background-color: #285f82;
  color: white;
  border: 1px solid rgba(40, 95, 130, 0.704);
  padding: 6px 12px;
  border-radius: 3px;
  cursor: pointer;
  display: none;
}

#data pre {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: #333;
  font-family: "Courier New", Courier, monospace;
  font-size: 14px;
  white-space: pre-wrap;
  word-wrap: break-word;
  max-height: 400px;
  overflow: auto;
}
.box {
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding: 1rem;
  border-radius: 4px;
}

.box pre { margin: 0; overflow: auto; white-space: pre-wrap }
#log { padding-top: 10px; }

.portal-box{
  border:1px dashed #aaa;
  padding:10px;
  border-radius:6px;
}

.login-actions{
  text-align:right;
  margin-bottom:10px;
}

.spacer-vertical{ height: 12px; }

p.switchaai a.switchaai { text-decoration: underline; }

@media (max-width: 640px){
  table.switchaai{ display:block; overflow-x:auto; }
}

#portal-intro {
  padding-bottom: 20px;
}

#lazy-status {
  padding-top: 20px;
}

html, body {
  height: 100%;
  margin: 0;
}

body {
  display: flex;
  flex-direction: column;
}

footer {
  margin-top: auto;
}

#lazy-quote {
  font-style: italic;
  margin-top: 20px;
  color: black;
  font-weight: lighter;

}

#lazy {
  max-width: 50%;
  margin: 75px auto 75px auto;
  border: 1.5px solid #f9f9f9;
  border-radius:8px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.08);
  background-color: #f9f9f9;  
  
}

#lazytitle {
  background-color: #285f82;
  padding: 20px;
  color: white;
  font-size: 1.25em;
  font-weight: bold;
  text-align: center;
  border-radius: 8px 8px 0px 0px; 
}

#lazytext {
  color: #333;
  margin: 10px;
  text-align: justify;
  margin: 20px;

}

.edu-id-login { 
  display:inline-flex; 
  align-items:center; 
}

.edu-id-btn   { 
  height:52px; 
}

.edu-id-login:hover .edu-id-btn { 
  transform: translateY(-1px); 
  transition: transform 120ms ease-out; 
}