.hide{
    display: none;
}
.tooltip .arrow{
    display: none;
}
.tooltip .tooltip-arrow{
    display: none;
}
.tooltip-inner{
    text-align: left;
    background-color: white;
    color: #030303;
    border: #003dff 3px solid;
    border-radius: 0;
    padding: 0;
    background-color: #003dff;
    width: 400px;
    max-width: inherit;
}
.tooltip.bs-tooltip-bottom{
    margin-top: 20px;
}

.hp-header{
    background-color: #003dff;
    padding: .25rem .5rem;
    color: white;
    font-size: 1rem;
}
.hp-body{
    padding: .75rem 1rem;
    background: white;;
}
.hp-body h3{
    color: #003dff;
}
#tooltipElement{
    background: transparent;
}