/* NOTE: assessments in ELF are also using these styles directly */

div[data-tippy-root] {
    display: inline-block;
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'] {
    background-color: #e7f5fd;
    color: #425259;
    cursor: pointer;
    padding: 20px;
    border: 1px solid #bfdcea;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    width: max-content;
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'] dfn {
    font-style: normal;
    font-weight: bold;
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'][data-placement^='top'] > .tippy-arrow::before {
    border-top-color: #bfdcea;
    bottom: -8px;
    transform: scale(1.5);
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'][data-placement^='bottom'] > .tippy-arrow::before {
    border-bottom-color: #bfdcea;
    top: -8px;
    transform: scale(1.5);
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'][data-placement^='left'] > .tippy-arrow::before {
    border-left-color: #bfdcea;
    right: -8px;
    transform: scale(1.5);
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'][data-placement^='right'] > .tippy-arrow::before {
    border-right-color: #bfdcea;
    left: -8px;
    transform: scale(1.5);
}

.tippy-box[data-theme~='tippyQuickInfoAndGlossary'] .tippy-content {
    min-width: 100px;
    max-height: 500px;
    overflow-y: auto;
    overflow-x: auto;
    white-space: normal;
    text-align: left;
}

.glossaryLink, .quickInfoLink {
    color: #00537e;
    cursor: pointer;
    border-bottom: 1px dashed #00537e;
}

.quickInfoLink:hover, .glossaryLink:hover {
    color: #00537e;
    background-color: rgba(0, 83, 126, .08);
}

.quickInfoLink:focus, .glossaryLink:focus {
    color: #00537e;
    background-color: rgba(0, 83, 126, .16);
    border-bottom: 1px dashed transparent;
    outline: 2px solid black;
    outline-offset: 1px;
    box-shadow: 0 0 0 1px white;
}

.quickInfoLink:active, .glossaryLink:active {
    color: #00537e;
    background-color: rgba(0, 83, 126, .16);
    outline: none;
    box-shadow: none;
}

/* Quick Info and Glossary Using Tipped */
.tpd-skin-quickInfoAndGlossary, .tpd-skin-quickInfoAndGlossary .tpd-backgrounds {
    max-width: 400px;
}

.tpd-skin-quickInfoAndGlossary .tpd-title {
    padding: 20px 20px 10px 20px;
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

.tpd-skin-quickInfoAndGlossary .tpd-content {
    padding: 10px 20px 20px 20px;
    font-family: 'Open Sans', Arial, Verdana, sans-serif;
}

.tpd-skin-quickInfoAndGlossary .tpd-content,
.tpd-skin-quickInfoAndGlossary .tpd-title,
.tpd-skin-quickInfoAndGlossary .tpd-close {
    color: #425259;
    font-size: 14px;
}

.tpd-skin-quickInfoAndGlossary .tpd-background-content {
    background-color: #E7F5FD;
}

.tpd-skin-quickInfoAndGlossary .tpd-background {
    border-width: 1px;
    border-color: #BFDCEA;
}

.tpd-skin-quickInfoAndGlossary .tpd-background-title {
    background-color: #E7F5FD;
}

.tpd-skin-quickInfoAndGlossary .tpd-title-wrapper {
    border-bottom: 1px solid #E7F5FD;
}

.tpd-skin-quickInfoAndGlossary .tpd-background-shadow {
    box-shadow: 0 0 8px rgba(0,0,0,.15);
}

.tpd-skin-quickInfoAndGlossary .tpd-spinner-spin {
    border-color: rgba(255,255,255,.2);
    border-left-color: #425259;
}

.tpd-skin-quickInfoAndGlossary a {
    color: #425259;
}

.tpd-skin-quickInfoAndGlossary a:hover {
    color: #c6c6c6;
}

.tpd-skin-quickInfoAndGlossary .tpd-content {
    max-height: 500px;
    overflow-y: auto;
    max-width: 360px;
}

.tpd-skin-quickInfoAndGlossary .tpd-title {
    text-transform: none;
}

.tpd-skin-quickInfoAndGlossary p, .tpd-skin-quickInfoAndGlossary blockquote p {
    font-size: 14px;
}

.tpd-skin-quickInfoAndGlossary h1 {
    font-size: 31px;
}

.tpd-skin-quickInfoAndGlossary h2 {
    font-size: 23px;
}

.tpd-skin-quickInfoAndGlossary h3 {
    font-size: 17px;
}

.tpd-skin-quickInfoAndGlossary .tpd-close {
    right: 2px;
}

.tpd-skin-quickInfoAndGlossary *:focus {
    /* Same as in bootstrap.min.css */
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}

table.glossary {
    width: 100%;
    padding: 20px;
}

/* glossary terms and quick info dialog styles */
.ui-dialog.glossary-term-quick-info-dialog {
    background-color: white;
    background-image: none;
    box-shadow: 0 0 8px rgba(0, 0, 0, .15);
    border-top: 4px solid #00537e;
    border-left: 1px solid #00537e;
    border-right: 1px solid #00537e;
    border-bottom: 1px solid #00537e;
    border-radius: 6px;
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.ui-dialog.glossary-term-quick-info-dialog .gs-content {
    max-width: 520px;
    display: inline-block !important;
}

.ui-dialog.glossary-term-quick-info-dialog .gs-title {
    color: #39484F;
    font-family: Open Sans;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: normal;
    display: block;
    padding-bottom: 24px;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-state-hover, .ui-state-focus {
    background: none;
    border: none;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-dialog-titlebar {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRyYWdfaW5kaWNhdG9yIj4KPG1hc2sgaWQ9Im1hc2swXzQzMl8zMTEiIHN0eWxlPSJtYXNrLXR5cGU6YWxwaGEiIG1hc2tVbml0cz0idXNlclNwYWNlT25Vc2UiIHg9IjAiIHk9IjAiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCI+CjxyZWN0IGlkPSJCb3VuZGluZyBib3giIHk9IjI0IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHRyYW5zZm9ybT0icm90YXRlKC05MCAwIDI0KSIgZmlsbD0iI0Q5RDlEOSIvPgo8L21hc2s+CjxnIG1hc2s9InVybCgjbWFzazBfNDMyXzMxMSkiPgo8cGF0aCBpZD0iZHJhZ19pbmRpY2F0b3JfMiIgZD0iTTIwIDE1QzIwIDE1LjU1IDE5LjgwNDIgMTYuMDIwOCAxOS40MTI1IDE2LjQxMjVDMTkuMDIwOCAxNi44MDQyIDE4LjU1IDE3IDE4IDE3QzE3LjQ1IDE3IDE2Ljk3OTIgMTYuODA0MiAxNi41ODc1IDE2LjQxMjVDMTYuMTk1OCAxNi4wMjA4IDE2IDE1LjU1IDE2IDE1QzE2IDE0LjQ1IDE2LjE5NTggMTMuOTc5MiAxNi41ODc1IDEzLjU4NzVDMTYuOTc5MiAxMy4xOTU4IDE3LjQ1IDEzIDE4IDEzQzE4LjU1IDEzIDE5LjAyMDggMTMuMTk1OCAxOS40MTI1IDEzLjU4NzVDMTkuODA0MiAxMy45NzkyIDIwIDE0LjQ1IDIwIDE1Wk0yMCA5QzIwIDkuNTUgMTkuODA0MiAxMC4wMjA4IDE5LjQxMjUgMTAuNDEyNUMxOS4wMjA4IDEwLjgwNDIgMTguNTUgMTEgMTggMTFDMTcuNDUgMTEgMTYuOTc5MiAxMC44MDQyIDE2LjU4NzUgMTAuNDEyNUMxNi4xOTU4IDEwLjAyMDggMTYgOS41NSAxNiA5QzE2IDguNDUgMTYuMTk1OCA3Ljk3OTE3IDE2LjU4NzUgNy41ODc1QzE2Ljk3OTIgNy4xOTU4MyAxNy40NSA3IDE4IDdDMTguNTUgNyAxOS4wMjA4IDcuMTk1ODMgMTkuNDEyNSA3LjU4NzVDMTkuODA0MiA3Ljk3OTE3IDIwIDguNDUgMjAgOVpNMTQgMTVDMTQgMTUuNTUgMTMuODA0MiAxNi4wMjA4IDEzLjQxMjUgMTYuNDEyNUMxMy4wMjA4IDE2LjgwNDIgMTIuNTUgMTcgMTIgMTdDMTEuNDUgMTcgMTAuOTc5MiAxNi44MDQyIDEwLjU4NzUgMTYuNDEyNUMxMC4xOTU4IDE2LjAyMDggMTAgMTUuNTUgMTAgMTVDMTAgMTQuNDUgMTAuMTk1OCAxMy45NzkyIDEwLjU4NzUgMTMuNTg3NUMxMC45NzkyIDEzLjE5NTggMTEuNDUgMTMgMTIgMTNDMTIuNTUgMTMgMTMuMDIwOCAxMy4xOTU4IDEzLjQxMjUgMTMuNTg3NUMxMy44MDQyIDEzLjk3OTIgMTQgMTQuNDUgMTQgMTVaTTE0IDlDMTQgOS41NSAxMy44MDQyIDEwLjAyMDggMTMuNDEyNSAxMC40MTI1QzEzLjAyMDggMTAuODA0MiAxMi41NSAxMSAxMiAxMUMxMS40NSAxMSAxMC45NzkyIDEwLjgwNDIgMTAuNTg3NSAxMC40MTI1QzEwLjE5NTggMTAuMDIwOCAxMCA5LjU1IDEwIDlDMTAgOC40NSAxMC4xOTU4IDcuOTc5MTcgMTAuNTg3NSA3LjU4NzVDMTAuOTc5MiA3LjE5NTgzIDExLjQ1IDcgMTIgN0MxMi41NSA3IDEzLjAyMDggNy4xOTU4MyAxMy40MTI1IDcuNTg3NUMxMy44MDQyIDcuOTc5MTcgMTQgOC40NSAxNCA5Wk04IDE1QzggMTUuNTUgNy44MDQxNyAxNi4wMjA4IDcuNDEyNSAxNi40MTI1QzcuMDIwODMgMTYuODA0MiA2LjU1IDE3IDYgMTdDNS40NSAxNyA0Ljk3OTE3IDE2LjgwNDIgNC41ODc1IDE2LjQxMjVDNC4xOTU4MyAxNi4wMjA4IDQgMTUuNTUgNCAxNUM0IDE0LjQ1IDQuMTk1ODMgMTMuOTc5MiA0LjU4NzUgMTMuNTg3NUM0Ljk3OTE3IDEzLjE5NTggNS40NSAxMyA2IDEzQzYuNTUgMTMgNy4wMjA4MyAxMy4xOTU4IDcuNDEyNSAxMy41ODc1QzcuODA0MTcgMTMuOTc5MiA4IDE0LjQ1IDggMTVaTTggOUM4IDkuNTUgNy44MDQxNyAxMC4wMjA4IDcuNDEyNSAxMC40MTI1QzcuMDIwODMgMTAuODA0MiA2LjU1IDExIDYgMTFDNS40NSAxMSA0Ljk3OTE3IDEwLjgwNDIgNC41ODc1IDEwLjQxMjVDNC4xOTU4MyAxMC4wMjA4IDQgOS41NSA0IDlDNCA4LjQ1IDQuMTk1ODMgNy45NzkxNyA0LjU4NzUgNy41ODc1QzQuOTc5MTcgNy4xOTU4MyA1LjQ1IDcgNiA3QzYuNTUgNyA3LjAyMDgzIDcuMTk1ODMgNy40MTI1IDcuNTg3NUM3LjgwNDE3IDcuOTc5MTcgOCA4LjQ1IDggOVoiIGZpbGw9IiMxQzFCMUYiIGZpbGwtb3BhY2l0eT0iMC41NCIvPgo8L2c+CjwvZz4KPC9zdmc+Cg==) no-repeat center;
    cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImRyYWdfcGFuIj4KPG1hc2sgaWQ9Im1hc2swXzM3OV84NzM5IiBzdHlsZT0ibWFzay10eXBlOmFscGhhIiBtYXNrVW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiPgo8cmVjdCBpZD0iQm91bmRpbmcgYm94IiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9IiNEOUQ5RDkiLz4KPC9tYXNrPgo8ZyBtYXNrPSJ1cmwoI21hc2swXzM3OV84NzM5KSI+CjxwYXRoIGlkPSJkcmFnX3Bhbl8yIiBkPSJNMTIgMjJMNy43NSAxNy43NUw5LjE3NSAxNi4zMjVMMTEgMTguMTVWMTNMNS44NzUgMTIuOTc1TDcuNyAxNC44TDYuMjUgMTYuMjVMMiAxMkw2LjIyNSA3Ljc3NUw3LjY1IDkuMkw1Ljg1IDExSDExVjUuODVMOS4xNzUgNy42NzVMNy43NSA2LjI1TDEyIDJMMTYuMjUgNi4yNUwxNC44MjUgNy42NzVMMTMgNS44NVYxMUwxOC4xMjUgMTEuMDI1TDE2LjMgOS4yTDE3Ljc1IDcuNzVMMjIgMTJMMTcuNzUgMTYuMjVMMTYuMzI1IDE0LjgyNUwxOC4xNSAxM0gxM0wxMi45NzUgMTguMTI1TDE0LjggMTYuM0wxNi4yNSAxNy43NUwxMiAyMloiIGZpbGw9IiMxQzFCMUYiLz4KPC9nPgo8L2c+Cjwvc3ZnPgo=) 12 12, auto;
    border: none;
    padding: .4em 1em;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-dialog-titlebar-close {
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9ImNsb3NlXzI0cHgiPgo8cGF0aCBpZD0iaWNvbi9uYXZpZ2F0aW9uL2Nsb3NlXzI0cHgiIGQ9Ik0xOSA2LjQxTDE3LjU5IDVMMTIgMTAuNTlMNi40MSA1TDUgNi40MUwxMC41OSAxMkw1IDE3LjU5TDYuNDEgMTlMMTIgMTMuNDFMMTcuNTkgMTlMMTkgMTcuNTlMMTMuNDEgMTJMMTkgNi40MVoiIGZpbGw9IiMzOTQ4NEYiIHN0cm9rZT0iIzM5NDg0RiIvPgo8L2c+Cjwvc3ZnPgo=) no-repeat center !important;
    border: none;
    position: absolute;
    margin: 0;
    padding: 0;
    width: 24px;
    height: 24px !important;
    top: 8px;
    right: 8px;
    z-index: 1;
    margin-top: 0 !important;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-dialog-titlebar-close:focus {
    border-radius: 2px;
    outline: solid 2px #000 !important;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-dialog-titlebar-close .ui-icon {
    display: none;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-button-text {
    display: none;
    text-indent: 0;
}

.ui-widget-overlay {
    background-color: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-front {
    z-index: 100;
}

.ui-dialog.glossary-term-quick-info-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: .5em 1em;
    background: 0;
    overflow: auto;
}