#nav {
  padding: 30px;
}

#nav a {
  font-weight: bold;
  color: black;
  text-decoration: none;
  padding: 10px;
  border-radius: 4px;
}

#nav a.router-link-exact-active {
  color: white;
  background: #1b3157;
}


:root {
    --color-blue: #0050aa;
    --color-otc: #FFA07A;
    --color-mto: #FFF8DC;
    --color-warning: #999900;
}

.outer {
    width: 100%;
    text-align: center;
}

.inner {
    /* max-width: 1440px; */
    display: inline-block;
    align-content: center;
}

/* Tooltip container */
.xtooltip {
    /*opacity: 1;*/
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

/* Tooltip text */
.xtooltip .xtooltiptext {
    /*opacity: 1;*/
    visibility: hidden;
    width: 300px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    /* Position the tooltip text - see examples below! */
    position: absolute;
    z-index: 1;
}
.xtooltip:hover .xtooltiptext {
    visibility: visible;
}

.xtable_header {
    background-color: cyan;
}

.xtable_header_filter {
    background-color: gray;
}

.csp_doc {
  margin: 0;
}