/* Form */

.visible-ie8 { display: none; }

#edit-person-form,
#edit-relation-form { display: none; }

a {cursor: pointer;}
label img { pointer-events: none; }

.avatar { text-align: center; width: 20%; float: left; }
.avatar label { display: block; }

.has-error label { color: #a94442; }

ul.relations { list-style: none; padding-left: 0; margin-top: -15px; }
ul.relations li { width: 50%; float: left;  }
ul.relations li.relation-title { width: 100%; clear: both; }

.row-actions { margin: 10px 0; }

#genogram-tab div.edit-box.edit-person { width: 40%; margin-right: 8%; padding: 20px; box-shadow: 2px 2px 10px #AAA; background-color: #FFF; }
#genogram-tab div.edit-box.edit-picture { padding: 20px; box-shadow: 2px 2px 10px #AAA; background-color: #FFF; }
#genogram-tab div.edit-relation { margin-top: 40px; }
#genogram-tab div.edit-relation div.edit-box { padding: 20px; box-shadow: 2px 2px 10px #AAA; background-color: #FFF; }
#genogram-tab div.edit-box legend { font-size: 18px; margin-bottom: 10px; }
#genogram-tab div.edit-box div.col-md-6 fieldset { margin-left: -15px; }


/* SVG */
#drawing { width: 100%; height: 100%; overflow: scroll;}
svg.genogram { background-color: #ecf0f1; }

svg.genogram text { font-family: Arial; font-size: 12px; font-weight: bold; text-anchor: middle; padding: 5px 10px; }

svg.genogram .genogram-tooltip text { font-size: 16px; text-anchor: start; fill: #006ec3;  }

.legend svg .link,
svg.genogram .link { stroke: gray; stroke-width: 2px; stroke-linecap: round; }
.legend svg .link { stroke-width: 3px; }
.legend svg .divorced .horizontal-link,
.legend svg .annulled .horizontal-link,
.legend svg .separated .horizontal-link,
svg.genogram .divorced .horizontal-link,
svg.genogram .annulled .horizontal-link,
svg.genogram .separated .horizontal-link { stroke: #a94442; }
.legend svg .relationship .horizontal-link,
svg.genogram .relationship .horizontal-link { stroke: blue; stroke-dasharray: 15,5,5,5,5,5; }
.legend svg .engaged .horizontal-link,
svg.genogram .engaged .horizontal-link { stroke: blue; stroke-dasharray: 15,15; }

.legend svg,
svg.genogram g.tile rect,
svg.genogram g.tile circle,
svg.genogram g.tile ellipse { stroke: black; stroke-width: 4px; fill: white; }

svg.genogram g.tile .unknown { font-size: 40px; font-weight: bold; }
.legend svg .deceased,
svg.genogram g.tile .deceased { stroke: black; stroke-width: 2px; }

.legend svg .spheres,
svg.genogram g.tile .spheres ellipse { stroke: none; }
.legend svg .family,
svg.genogram g.tile .family { fill: #c30000; }
.legend svg .business,
svg.genogram g.tile .business { fill: #006ec3; }
.legend svg .ownership,
svg.genogram g.tile .ownership { fill: #c09100; }

.legend svg path.characteristics,
.legend svg rect.characteristics,
svg.genogram g.tile .characteristics path,
svg.genogram g.tile .characteristics rect { stroke-width: 0; }
.legend svg .characteristics line { stroke-width: 5px; }
svg.genogram g.tile .characteristics line { stroke-width: 3px; }
.legend svg .physical-illness,
svg.genogram g.tile .physical-illness { stroke: #c30000; }
.legend svg .mental-illness,
svg.genogram g.tile .mental-illness { stroke: #006ec3; stroke-width: 1px; fill: #006ec3; text-anchor: start; cursor: default; }
.legend svg .substance-abuse,
svg.genogram g.tile .substance-abuse { stroke: #00C04A; }
.legend svg .positive,
svg.genogram g.tile .positive { fill: #9B00C0; }
.legend svg .distant,
svg.genogram g.tile .distant { fill: #FF7200; }

.legend svg .male,
svg.genogram g.tile .male { stroke: #1e8fc4; }
.legend svg .female,
svg.genogram g.tile .female { stroke: #eb64f3; }

svg.genogram .genogram-btn { stroke: #999; stroke-width: 1px; fill: white; cursor: pointer;}
svg.genogram .genogram-btn:hover { stroke: #666; stroke-width: 2px; }

svg.genogram g.genogram-btn-toggle text { stroke: none; fill: #000; text-anchor: start; font-size: 7px; }
svg.genogram g.genogram-btn-show text { stroke: none; fill: #000; text-anchor: start; font-size: 12px; }

svg.genogram #business-partners .genogram-btn-add { visibility: hidden; }

svg.mode-display .genogram-btn { visibility: hidden; }
svg.mode-display .genogram-btn-show { visibility: visible; }

#genogram-legend { display: none; }