/*modal window accessible*/

.inline-trigger {
  background: none;
  border: none;
  color: #2b80b9;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
  padding: 0;
}

.inline-trigger:focus {
  outline: 2px solid #2b80b9;
  outline-offset: 2px;
}

dialog {
  position: fixed;           /* Change from relative to fixed */
  top: 50%;                  /* Vertical center */
  left: 50%;                 /* Horizontal center */
  transform: translate(-50%, -50%); /* Offset to center exactly */
  padding: 1.5rem;
  max-width: 500px;
  width: 90%;                /* Optional: responsive width */
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); /* Optional: subtle shadow */
  border: none;              /* Optional: clean look */
  border-radius: 8px;        /* Optional: rounded corners */
  background: #fff;          /* Ensure dialog has a visible background */
  z-index: 1000;             /* Ensure it sits above other content */
}
.modal-close {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
  background: none;
  border: none;
  font-size: 1.5rem;
  cursor: pointer;}

.nowrap{
	white-space: nowrap;
	}
	 a.external[target="_blank"]::after {
		  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
		  filter: invert(48%) sepia(13%) saturate(3207%) hue-rotate(130deg) brightness(95%) contrast(80%);
		  margin: 0px 5px 0px 1px;	  
		} 	
		
		sup {
			top: -.25em;
			bottom: -.45em;
			vertical-align: super;
			}
.textSmall {
    font-size: 12px !important;
    line-height: 12px;
}	
	:focus {
  outline: 2px solid #2b80b9;
  outline-offset: 2px;
}
/* CSS Document */

