#TreeColorCodingSettings{background:#fff;border:1px solid rgba(0,0,0,.03);border-radius:4px;bottom:32px;box-shadow:0 2px 20px rgba(0,0,0,.1);color:#333;display:none;font-size:13px;letter-spacing:.3px;position:fixed;right:70px;z-index:1000}#TreeColorCodingSettings.open{display:block}#TreeColorCodingSettings.list_view{right:370px}#TreeColorCodingSettings.family_view:after,#TreeColorCodingSettings.family_view:before,#TreeColorCodingSettings.pedigree_view:after,#TreeColorCodingSettings.pedigree_view:before{border:solid transparent;content:"";height:0;left:100%;pointer-events:none;position:absolute;width:0}#TreeColorCodingSettings.family_view:after,#TreeColorCodingSettings.pedigree_view:after{border-left-color:#fff;border-width:10px;bottom:162px;margin-top:-10px}#TreeColorCodingSettings.family_view:before,#TreeColorCodingSettings.pedigree_view:before{border-left-color:rgba(0,0,0,.05);border-width:12px;bottom:160px;margin-top:-12px}#TreeColorCodingSettings .color_coding_close{background-image:url(/FP/Assets/Images/Common/close_20x20.svg?v=1);cursor:pointer;height:20px;position:absolute;right:16px;top:16px;width:20px}#TreeColorCodingSettings .color_coding_close:hover{background-image:url(/FP/Assets/Images/Common/close_hover_20x20.svg?v=1)}#TreeColorCodingSettings .color_coding_header{align-items:center;column-gap:15px;display:flex;padding:30px 40px 10px}#TreeColorCodingSettings .color_coding_header .title{font-size:22px;font-weight:700}#TreeColorCodingSettings .color_coding_header .new_label{background-color:#2d7559;border-radius:3px;color:#fff;display:inline-block;font-size:11px;font-weight:500;height:-moz-fit-content;height:fit-content;letter-spacing:1.2px;padding:4px 8px;text-align:center}#TreeColorCodingSettings .color_coding_content{display:flex;flex-direction:column;padding:16px 40px;row-gap:24px;width:668px}#TreeColorCodingSettings .color_coding_legend{color:#595959;display:flex;flex-direction:column;font-size:15px;row-gap:8px}#TreeColorCodingSettings .color_coding_tree{background-color:#f2f2f2;border-radius:4px}#TreeColorCodingSettings .color_coding_canvas{margin:20px;position:relative}#TreeColorCodingSettings .card{align-items:center;background-color:#fff;box-sizing:border-box;color:#595959;display:flex;font-size:9px;justify-content:center;letter-spacing:.5px;line-height:11px;position:absolute;text-align:center;word-break:break-word}#TreeColorCodingSettings .card.gender_M{border:1px solid rgba(23,180,206,.5)}#TreeColorCodingSettings .card.gender_F{border:1px solid hsla(0,95%,75%,.5)}#TreeColorCodingSettings .card.you{border-width:2px;box-shadow:0 5px 20px 0 rgba(0,0,0,.15);color:#000;font-weight:700}#TreeColorCodingSettings .connector{position:absolute}#TreeColorCodingSettings .connector.horizontal{border-top:1px solid #ccc}#TreeColorCodingSettings .connector.vertical{border-left:1px solid #ccc}#TreeColorCodingSettings .connector.top_left{border-left:1px solid #ccc;border-top:1px solid #ccc;border-top-left-radius:6px}#TreeColorCodingSettings .connector.top_right{border-right:1px solid #ccc;border-top:1px solid #ccc;border-top-right-radius:6px}#TreeColorCodingSettings .connector.bottom_left{border-bottom:1px solid #ccc;border-bottom-left-radius:6px;border-left:1px solid #ccc}#TreeColorCodingSettings .connector.bottom_right{border-bottom:1px solid #ccc;border-bottom-right-radius:6px;border-right:1px solid #ccc}#TreeColorCodingSettings.family_view .color_coding_content,#TreeColorCodingSettings.family_view .color_coding_tree,#TreeColorCodingSettings.list_view .color_coding_content,#TreeColorCodingSettings.list_view .color_coding_tree{width:668px}#TreeColorCodingSettings.family_view .color_coding_tree,#TreeColorCodingSettings.list_view .color_coding_tree{height:316px}#TreeColorCodingSettings.family_view .card,#TreeColorCodingSettings.list_view .card{border-radius:6px;padding:1px 2px}#TreeColorCodingSettings.pedigree_view .color_coding_content,#TreeColorCodingSettings.pedigree_view .color_coding_tree{width:568px}#TreeColorCodingSettings.pedigree_view .color_coding_tree{height:356px}#TreeColorCodingSettings.pedigree_view .card{border-radius:50px;padding:1px 6px}#TreeColorCodingSettings .color_coding_footer{border-top:1px solid #e5e5e5;display:none;justify-content:flex-end;margin:0 40px;padding:30px 0 40px}#TreeColorCodingSettings .options_group{padding:16px 40px 30px}#TreeColorCodingSettings .options_group .option_action,#TreeColorCodingSettings .options_group .option_label,#TreeColorCodingSettings .options_group input[type=checkbox]{display:inline-block;vertical-align:top}#TreeColorCodingSettings .options_group .option_label{color:#595959;font-size:15px}#TreeColorCodingSettings .options_group .option_item{cursor:pointer;padding-left:22px;position:relative;-webkit-user-select:none;-ms-user-select:none;user-select:none}#TreeColorCodingSettings .options_group .option_item input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}#TreeColorCodingSettings .options_group .option_item .checkmark{background-color:transparent;border:1px solid #595959;border-radius:2px;box-sizing:border-box;height:16px;left:0;position:absolute;top:2px;width:16px}.mh_tablet #TreeColorCodingSettings .options_group .option_item .checkmark{height:16px;top:3px;width:16px}#TreeColorCodingSettings .options_group .option_item .checkmark:after{content:"";display:none;position:absolute;border:solid #f56932;border-width:0 2px 2px 0;height:8px;left:4px;top:1px;transform:rotate(45deg);width:4px}#TreeColorCodingSettings .options_group .option_item input:checked~.checkmark:after{display:block}#TreeColorCodingSettings .options_group .option_item input:disabled{cursor:default}#TreeColorCodingSettings .color_coding_action{-webkit-font-smoothing:antialiased;background-color:#f56932;background-image:none;border:1px solid transparent;border-radius:50px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:500;margin-bottom:0;min-width:4.5em;outline:0;padding:.5em 1.33em;text-align:center;vertical-align:middle;white-space:nowrap}.people_list_color_codes{column-gap:2px;display:flex}.people_list_color_codes .code{border-radius:50%;height:10px;width:10px}.blood_relative_icon{background-image:url(/FP/Assets/Images/NewTree/blood_relationship_icon.svg?v=1);height:13px;margin-top:3px;width:13px}