:root {
    /* Width of SVG element */
    --isometry-graphic-width: 100%;

    /* Animation */
    --isometry-graphic-opacity-animation-duration: .25s;

    /* Opacities */
    --isometry-graphic-opacity-default: .8;
    --isometry-graphic-opacity-hovered: 1;
    --isometry-graphic-opacity-nonhovered: .7;
    --isometry-graphic-opacity-selected: 1;
    --isometry-graphic-opacity-nonselected: .6;
}

svg {
    width: var(--isometry-graphic-width);
    height: auto;
}
svg > g.selectable, 
svg > polygon.selectable, 
svg > polyline.selectable, 
svg > line.selectable,
svg > path.selectable {
    cursor: pointer;
    transition: opacity var(--isometry-graphic-opacity-animation-duration);
    opacity: var(--isometry-graphic-opacity-default);
}

 /* Selected element */
svg.itemselected > g.selected, 
svg.itemselected > polygon.selected, 
svg.itemselected > polyline.selected, 
svg.itemselected > line.selected, 
svg.itemselected > path.selected {
    opacity: var(--isometry-graphic-opacity-selected);
}
svg.itemselected > g.selectable:not(.selected), 
svg.itemselected > polygon.selectable:not(.selected), 
svg.itemselected > polyline.selectable:not(.selected), 
svg.itemselected > line.selectable:not(.selected), 
svg.itemselected > path.selectable:not(.selected) {
    opacity: var(--isometry-graphic-opacity-nonselected);
}

/* Hovered element*/
svg:not(.itemselected) > g.hovered, 
svg:not(.itemselected) > polygon.hovered, 
svg:not(.itemselected) > polyline.hovered, 
svg:not(.itemselected) > line.hovered, 
svg:not(.itemselected) > path.hovered {
    opacity: var(--isometry-graphic-opacity-hovered);
}
svg:not(.itemselected) > .hovered ~ g.selectable, 
svg:not(.itemselected) > .hovered ~ polygon.selectable, 
svg:not(.itemselected) > .hovered ~ polyline.selectable, 
svg:not(.itemselected) > .hovered ~ line.selectable, 
svg:not(.itemselected) > .hovered ~ path.selectable {
    opacity: var(--isometry-graphic-opacity-nonhovered);
}

/* List */
#myTable, 
#myTable th, 
#myTable td {
    border: none;
    border-collapse: collapse;
}

#myTable th, 
#myTable td {
    padding: 15px 10px;
}

#myTable thead {
    background-color: var(--color-bright-gray);
}

#myTable tbody tr, .border-grundrisse-info{
    border-bottom: 1px solid #E4DDD4;
}

#myTable tbody tr.hovered td {
    /* background-color: var(--color-secondary); */
    background-color: rgba(211,221,213,.2);
}

#myTable tbody tr.selected td {
    /* background-color: #eff6f1; */
    background-color: rgba(211,221,213,.4);
}

.dark-mode #myTable tbody tr.selected td {
    background-color: #2B2B2B;
}

.haus-container {
    display: grid; 
    grid-template-columns: 1fr 1fr 1fr; 
    gap: 0.5rem 0.5rem;    
}

.dark-mode .pdf-icon{
    filter: invert(1);
}

/* Object detail data */
#object-details #container-nebenkosten {
    display: none !important;
}
#object-details #container-brutomiete {
    display: none !important;
}