body {
    padding-top:70px;
}

#pid{
 width:200px;   
}

.carousel-indicators li {
    background-color: #337ab7;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
}
.carousel-indicators .active {
    background-color: #ffff99;
}

.btn-outline {
    background-color: transparent;
    color: inherit;
    transition: all .5s;
}

.btn-primary.btn-outline {
    color: #428bca;
}

.btn-success.btn-outline {
    color: #5cb85c;
}

.btn-info.btn-outline {
    color: #5bc0de;
}

.btn-warning.btn-outline {
    color: #f0ad4e;
}

.btn-danger.btn-outline {
    color: #d9534f;
}

.btn-primary.btn-outline:hover,
.btn-success.btn-outline:hover,
.btn-info.btn-outline:hover,
.btn-warning.btn-outline:hover,
.btn-danger.btn-outline:hover {
    color: #fff;
}

.poi_name {
font-size:150%;
font-weight:bold;
}

.modal_close {
background-color:red; 
color:white;
}

.mynavtabs {
margin-top:20px;
}

.brand-logo {
float:left;
max-height:50px;
margin:5px;
}

.tree-line {
stroke:green;
stroke-width:1;
}

.tree-text {
font-family:Arial;
}

.tree-rect {
fill-opacity:0;
stroke:red;
stroke-width:1;
}

.family-tree {
position:absolute; 
top:0; 
left:0; 
width:100%; 
height:100%;
}