.elements{
    /*fill: #FF8800;*/
    stroke:rgb(0,0,0);
    stroke-opacity: 1.0;
    fill-opacity: 1.0;
}

.elements.b{
    /*fill: #FF8800;*/
    stroke:none;
}

.elements.birth{
    fill: #00AA00;

}

.elements.death{
    fill: #444444;
}

.elements.event{
    /* Kind colors applied on .rect.stele via JS (fill attribute) */
    fill: none;
    stroke: none;
}

.elements.event > .rect.stele,
.elements.event > .rect.pill {
    stroke: #2a241c;
    stroke-width: 1.35px;
    stroke-opacity: 0.9;
    filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1));
    transition: filter 0.15s ease, stroke 0.15s ease;
}

.elements.event:hover > .rect.stele,
.elements.event:hover > .rect.pill {
    filter: drop-shadow(0 3px 7px rgba(0, 0, 0, 0.18));
    stroke: #1a1510;
    stroke-opacity: 1;
}

.elements.event > .event-icon {
    pointer-events: none;
}

.elements.event > .label{
    fill: #000;
}

.elements.event > .label-external{
    fill: #1a1510;
    font-size: 13px;
    font-weight: 700;
    pointer-events: none;
}

.elements.event.selected > .rect.stele,
.elements.event.selected > .rect.pill,
.elements.selected > .rect.stele,
.elements.selected > .rect.pill {
    stroke: #1a1a1a !important;
    stroke-width: 2px;
    fill: #9fd4a8 !important;
}

.elements.m{
    /*fill: #AAAAAA;*/
}

.elements.w{
    fill: #FF6666;
}

.elements.b{
    fill: #C39044;
}
.elements.folk{
    fill: #AAAA00;
    opacity: 0.3;
}

.elements.g{
    fill: #DAA520;
}

.elements.a{
    fill: #C0C0C0;
}

.elements.mil{
    fill: #404040;
}

.elements.gr{
    fill: #FF69B4;
}

.elements.hidden{
    opacity: 0.0;
    stroke-opacity: 0.0;
}

.book.hidden{
    opacity: 0.0;
    stroke-opacity: 0.0;
}

.elements.not-selected {
    opacity: 0.25;
}

.elements.selected {
    stroke: none;
    fill: none !important;
}

.elements.background {
    stroke-opacity: 0.2;
    fill-opacity: 0.2;
}

.elements.selected > .rect.stele,
.elements.selected > .rect.pill {
    stroke: #1a1a1a !important;
    stroke-width: 2px;
    fill: #9fd4a8 !important;
}

.label.background {
    stroke-opacity: 0.2;
    fill-opacity: 0.2;
}

.label.connected {
    stroke-opacity: 0.8;
    fill-opacity: 0.8;
}

.location.selected{
    fill: yellow !important;
}

.sankey-links.labeled {
    stroke-opacity: .5;
    fill: darkOrange;
}

.sankey-links.selected {
    /*fill: lightgreen;*/
    /*stroke: lightgreen;*/
    stroke-opacity: 0.8;
    fill-opacity: 0.8;
}

.sankey-links.background {
    stroke-opacity: 0.1;
    fill-opacity: 0.1;
}

.sankey-links.not-selected {
    opacity: 0.25;
}

.sankey-links.hidden{
    opacity: 0.0;
    stroke-opacity: 0.0;
}

.label.hidden{
    opacity: 0.0;
}

text.label .label-sub {
    fill: #333;
    font-size: 10px;
    opacity: 0.85;
}
/*
.connections:hover {
    stroke-opacity: .5;
}*/

.axis path, .axis line {
    fill: none;
    stroke: #000;
    shape-rendering: crispEdges;
}

.tick{
    font: 16px sans-serif;
}
/*
.bookroll.left{
    position:absolute;
    top:50px;
    left:0px;
    background-color: #666600;

    border-radius: 50px /25px;
}*/

@media (max-width: 768px) {
    .tick{
        font: 12px sans-serif;
    }
}