div#locus-browser-tooltip.half-map-tooltip {
   min-width: 50px;
   display: none;
   background-color : #f8f9faf6;
   padding: 10px;
   text-align:left;
   position:absolute;
   font-size:11px;
   z-index:4000;
   border: 1px solid rgb(226, 226, 226);
   border-radius:5px;
}

div#locus-browser-tooltip.half-map-tooltip .tooltip-key {
   font-weight:300;
   font-size:.9em;
}

div#locus-browser-tooltip.half-map-tooltip .tooltip-value {
   font-weight:400;
}

div#locus-browser-tooltip.half-map-tooltip .tooltip-head {
   text-transform: uppercase;
   font-size:.8em;
   color:rgb(80,80,80);
   font-weight:bolder;
}

div#locus-browser-tooltip.half-map-tooltip hr {
   margin:0;
   padding:0;
}

g.tick text.highlighted {
    text-decoration: underline;
}

text.color-legend {
    font-size: 12px;
}

.btn-outline-info {
   cursor: pointer;
}

rect.data-bar {
   cursor: pointer;
   stroke-width: 0;
}

rect.data-bar.hover {
   stroke-width: 1px;
}

circle.map-bubble {
   cursor: pointer;
   stroke-width: 0;
}

circle.map-bubble.hover {
   stroke-width: 1px;
}

@keyframes fa-blink {
   0% { opacity: 1; }
   25% { opacity: 0.25; }
   50% { opacity: 0.5; }
   75% { opacity: 0.75; }
   100% { opacity: 0; }
}
.fa-blink {
 -webkit-animation: fa-blink .75s linear infinite;
 -moz-animation: fa-blink .75s linear infinite;
 -ms-animation: fa-blink .75s linear infinite;
 -o-animation: fa-blink .75s linear infinite;
 animation: fa-blink .75s linear infinite;
}

/* Specify brush styling */
.brush rect.selection {
   fill: rgba(176, 217, 247, 1);
}

.brush rect.handle {
   fill: rgba(176, 217, 247, 0.6);
}

/* data colors */

rect.eQTL, text.eQTL {
   fill: #70c5d8;
}

line.eQTL {
   stroke: #70c5d8;
}

rect.sQTL, text.sQTL {
   fill: #f6b26b;
}

line.sQTL {
   stroke: #f6b26b;
}

/* tissue menu */

.tissue-menu-item{
   font-size: 10px;
   margin: 0;
}

a.inactive {
   background-color: #b3d7ff;
   /* border: 1px solid #6c757d; */
   cursor: default;
}