/**
 * @copyright   (C) 2011 - 2017 Mike Feng Jinglong - All rights reserved.
 * @license  GNU General Public License, version 3 (http://www.gnu.org/licenses/gpl-3.0.html)
 * @author  Mike Feng Jinglong <mike@simbunch.com>
 * @url   http://www.simbunch.com/license/
*/
body.modal-open {overflow:hidden;}
.simbunch-wrapper * {box-sizing:border-box !important;}
.simbunch-wrapper a {cursor: pointer;}
.simbunch-wrapper .btn .caret {margin:0;}
.fa-spin {filter:blur(0);}
.inline-block {display:inline-block !important;line-height:normal;vertical-align:top;}
.block {display:block !important;}
.relative {position:relative !important;}
.ellipsis {white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.simbunch-wrapper .modal form {margin:0;}
.modal-backdrop + .modal-backdrop {visibility:hidden;}

#simgenealogy-wrapper {clear:both;margin-bottom:15px;}
#simgenealogy-wrapper .checkbox label {padding-left:5px;line-height:1.42857;}
#simgenealogy-wrapper:after {clear:both;content:"";display:table;}
#simgenealogy-wrapper [data-notify=progressbar] {margin-bottom: 0px;position: absolute;bottom: 0px;left: 0px;width: 100%;height: 5px;}
#simgenealogy-wrapper .gnavatartip, #simgenealogy-wrapper ._gnavatartip {display:inline-block;}
#simgenealogy-wrapper .gnAvatarPopover {margin:5px 0;}
#simgenealogy-wrapper .confirmation.popover .popover-title {text-align:center;white-space:nowrap;}
#simgenealogy-wrapper .dot-separator {margin:0 5px;}
#simgenealogy-wrapper .centered {position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);}

.infinite-more-link {display:none;}
#media-spinner { text-align:center; margin: 15px 0px 0px; display:none; }
#media-spinner div {height:auto;width:auto;}

/* view = dashboard */
#simgenealogy-wrapper #managersList {margin:5px 0px 0px;}
#simgenealogy-wrapper #managersList > * {margin: 0 10px 0 0;}
#simgenealogy-wrapper li.m-item {margin-bottom:3px;}
#simgenealogy-wrapper li.m-item > a > * {display:inline-block;vertical-align:middle;font-size:14px}
#simgenealogy-wrapper li.m-item .m-avatar {margin:0px 5px;}
#simgenealogy-wrapper li.m-item .m-avatar img {margin:0;padding:0;}
#simgenealogy-wrapper li.m-item .m-remove {float:right;}
#simgenealogy-wrapper li.m-item img {width:24px;height:24px;}
#simgenealogy-wrapper.view-dashboard h3.page-header {line-height:54px;}
#simgenealogy-wrapper.view-dashboard #dashboardTreesTab {margin-bottom:0px;}
#simgenealogy-wrapper.view-dashboard .tab-pane {padding:20px 15px 0px;border: 1px solid #ddd;border-top: 0px}

table.gnsorttable thead .gntip {border-bottom:1px dotted #999999;cursor:help;padding-bottom:2px;}
table.gnsorttable thead tr .header {
	background-image: url(../images/tablesort-bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.gnsorttable thead tr .headerSortUp {
	background-image: url(../images/tablesort-asc.gif);
}
table.gnsorttable thead tr .headerSortDown {
	background-image: url(../images/tablesort-desc.gif);
}

/* view = tree */
#simgenealogy-wrapper .tree-avatar {display:inline-block;height:auto;width:60px;margin-right:5px;vertical-align:bottom;}
#simgenealogy-wrapper .tree-avatar .thumbnail {margin:0;height:auto;width:60px;}
#simgenealogy-wrapper.view-tree h3.page-header {line-height:54px;}
#simgenealogy-wrapper.view-tree ul.access-menu {left:inherit;right:0px;}
#simgenealogy-wrapper.view-tree .popover.gnNotePopover {max-width:inherit;}
#simgenealogy-wrapper.view-tree .tree-info-wrapper .edit-tree-btn-group {margin-bottom:15px;}

#loading-modal {position:fixed;left:0px;top:0px;background: rgba(0, 0, 0, .5);z-index:1000;width:100%;height:100%;}
#gedcomImportInfo {padding:12px;border-radius:7px;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:360px;background-color:#fff;}
#gedcomImportInfo p.lead {margin-top:0px}
#gedcomImportInfo .progress {margin:0px;}

#tree-searchbox {margin:0;}
#tree-chart .node.active {background-color:#FFFF99;}

/* view = notifications */
#simgenealogy-wrapper .popover.gnNotificationsPopover {max-width:inherit;}
#simgenealogy-wrapper .popover.gnNotificationsPopover .popover-content {min-width:400px;max-width:100vw;max-height:240px;min-height:80px;overflow-y:auto;}
#simgenealogy-wrapper .popover.gnNotificationsPopover .popover-content .notif-item {margin:0px;font-size:14px;line-height:18px;padding:4px 5px;border-top:1px solid #e2e2e6;}
#simgenealogy-wrapper .popover.gnNotificationsPopover .popover-content .notif-item blockquote {margin:0px;font-size:14px;}


#simgenealogy-wrapper.view-notifications .lead {margin:0px;}
#simgenealogy-wrapper.view-notifications .notif-item {margin-bottom:3px; padding: 3px 8px;position:relative}
#simgenealogy-wrapper.view-notifications .notif-item blockquote {font-size:14px;margin:0px}
#simgenealogy-wrapper.view-notifications .notif-item i {font-size:15px; margin-right:5px;}

/* notes */
#simgenealogy-wrapper .popover.gnNotePopover .popover-content {min-width:400px;max-width:100vw;}
#simgenealogy-wrapper #notes-list .modal-body {font-size:90%;}
#simgenealogy-wrapper #notes-list button.close {opacity:0.5;font-size:16px;}
#simgenealogy-wrapper #notes-list button.close:hover {opacity:0.9;}
#simgenealogy-wrapper .notes-item {border-bottom:1px dotted; margin-bottom:10px;padding-bottom:10px;}
#simgenealogy-wrapper .notes-item dt {width:100px;clear:left !important;float:left !important;}
#simgenealogy-wrapper .notes-item dd {margin-left:120px}
#simgenealogy-wrapper .notes-item img.thumbnail {margin:0;}

/* comments modal */
#simgenealogy-wrapper #comments-modal .modal-body {display:flex;flex-flow:column;height:100%;font-size:90%}
#simgenealogy-wrapper #comments-modal .modal-body .comments-panel {flex:1 1 auto;overflow:auto;width:100% !important;max-height:calc(100vh - 200px)}
#simgenealogy-wrapper #comments-modal img.thumbnail {margin:0;}
#simgenealogy-wrapper #comments-modal #comments-list {}
#simgenealogy-wrapper #comments-modal #comments-list button.close {opacity:0.5;font-size:16px;}
#simgenealogy-wrapper #comments-modal #comments-list button.close:hover {opacity:0.9;}
#simgenealogy-wrapper #comments-modal .comment-item dt {width:80px;clear:left !important;float:left !important;}
#simgenealogy-wrapper #comments-modal .comment-item dd {margin-left:100px;}
#simgenealogy-wrapper #comments-modal .comments-textarea-wrapper dt {width:60px;clear:left !important;float:left !important;}
#simgenealogy-wrapper #comments-modal .comments-textarea-wrapper dd {margin-left:80px;}
#simgenealogy-wrapper #comments-modal .comments-textarea-wrapper textarea {max-height:82px;overflow:auto !important;}

#comments-list dl {background-color: #eee;margin-bottom:4px;padding:4px;}
#comments-list .like-link {margin-right:5px;}

#gn-comment-likers-modal .liker {display:table;width:100%;}
#gn-comment-likers-modal .liker > * {display:table-cell;vertical-align:middle;}
#gn-comment-likers-modal .liker .l-avatar {width:58px;text-align:left;}
#gn-comment-likers-modal .liker .l-avatar img {width:48px;height:48px;margin:0;}
#gn-comment-likers-modal .liker .l-name {font-weight:bold;font-size:16px;}
#gn-comment-likers-modal .modal-body {min-height:78px;}

#simgenealogy-wrapper.view-tree .tree-controls > * {margin-bottom:15px;}
#simgenealogy-wrapper.view-tree .tree-controls > .text-right > * {padding:0;}
#pan-wrapper {position:relative;height:45px;width:60px;border-radius:120px;margin-top:-11px;}
#pan-wrapper .chart-pan {position:absolute;opacity:0.5;cursor:pointer;transition:opacity 0.15s ease-in 0s;}
#pan-wrapper .chart-pan:hover {opacity:1}
#pan-wrapper .pan-left {bottom:10px;left:0px}
#pan-wrapper .pan-right {bottom:10px;right:0px;}
#pan-wrapper .pan-up {left:50%;transform:translateX(-50%);}
#pan-wrapper .pan-down {bottom:0px;left:50%;transform:translateX(-50%);}

#tree-chart-wrapper {position:relative;}
#tree-chart-wrapper #tree-fullscreen {display:table;cursor:pointer;z-index:800;position:absolute;top:10px;right:30px;box-sizing:border-box;}
#tree-chart-wrapper #tree-exit-fullscreen {display:none;cursor:pointer;z-index:10;position:absolute;top:25px;right:40px;box-sizing:border-box;}

#tree-chart-wrapper.tree-fullscreen {display:none;position:fixed;top:0px;bottom:0px;left:0px;right:0px;padding:15px;z-index:9999;background-color:#fff;}
#tree-chart-wrapper.tree-fullscreen #tree-chart {margin:0px;height:100%;width:100%;max-width:100%;}
#tree-chart-wrapper.tree-fullscreen #tree-fullscreen {display:none;}
#tree-chart-wrapper.tree-fullscreen #tree-exit-fullscreen {display:table;}

#tree-chart-wrapper #add-friend-node {display:table;cursor:pointer;color:#ddd;z-index:10;position:absolute;top:1px;left:1px;width:160px;height:62px;box-sizing:border-box;border:3px solid;background-color:#fff;border-radius:0.5em;padding:5px;}
#tree-chart-wrapper #add-friend-node > * {display:table-cell;vertical-align:middle;}
#tree-chart-wrapper #add-friend-node > div {font-weight:bold;font-size:18px;}
#tree-chart {width:100%;margin:0 auto 15px;height:700px;text-align: center;position: relative;max-width:1200px;border: solid 1px #666;overflow:auto;}
#tree-chart .tree-chart-inner {position: relative;width:5000px;height:5000px;background-color:white;margin:10px 0px;}
#tree-chart .ui-draggable.node {cursor:pointer;}
#tree-chart .node {display:block;background-color:white;border:1px solid #666;box-shadow: 2px 2px 19px #e0e0e0;-o-box-shadow: 2px 2px 19px #e0e0e0;-webkit-box-shadow: 2px 2px 19px #e0e0e0;-moz-box-shadow: 2px 2px 19px #e0e0e0;-moz-border-radius:0.5em;
border-radius:0.5em;position:absolute;padding:5px;height:auto;-webkit-transition: -webkit-box-shadow 0.15s ease-in;-moz-transition: -moz-box-shadow 0.15s ease-in;-o-transition: -o-box-shadow 0.15s ease-in;transition: box-shadow 0.15s ease-in;z-index:50;}
#tree-chart .node:hover {box-shadow: 2px 2px 19px #444;-o-box-shadow: 2px 2px 19px #444;-webkit-box-shadow: 2px 2px 19px #444;-moz-box-shadow: 2px 2px 19px #fff;opacity:0.9;filter:alpha(opacity=90);}
#tree-chart .node.attached {background-color:#dff0d8;border:1px solid #468847;}
#tree-chart .node.attached:hover {background-color:#C6D7BF;}
#tree-chart .node img.thumbnail {display:block;float:left;width:24px;height:24px;margin-right:4px;margin-bottom:0;padding:0;}
#tree-chart .node .ninfo {display:block;text-align:left;}
#tree-chart .node .ninfo .nfname {font-size:13px;font-weight:bold;}
#tree-chart .node .ninfo .nfname span {display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:calc(100% - 30px);line-height:25px;vertical-align:middle;}
#tree-chart .node .ninfo .nfname a {float: right;}
#tree-chart .node .ninfo .ndetails {padding-left:5px;}
#tree-chart .node .ninfo .ndetails > * {display:inline-block;margin-right:10px;font-size:13px;}
#tree-chart .node .ninfo .nbirthdate {color:#666;}
#tree-chart .node .ninfo .fa-mars {color:#00acee}
#tree-chart .node .ninfo .fa-venus {color:#ed008c}
#tree-chart .node .ntitle {overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;left:50%;transform:translateX(-50%);width:auto;max-width:160px;bottom:-12px;color:#4d4d4d;background-color:#fff;border:1px solid #666;border-radius:3px;padding:3px 5px;font-weight:bold;font-size:12px;line-height:12px;vertical-align:middle;}
#tree-chart .node .ntitle i {cursor:default;}
#tree-chart .node.male {border:1px solid #00acee;}
#tree-chart .node.female {border:1px solid #ed008c;}
#tree-chart .node .easy-delete-node {position:absolute;right:-7px;top:-7px;cursor:pointer;display:none;}
#tree-chart .node .easy-delete-node i {font-size:19px;background-color:#fff;border-radius:30px;}

._jsPlumb_connector { z-index:18; }
._jsPlumb_endpoint { z-index:19; }
._jsPlumb_overlay { z-index:20; }
._jsPlumb_endpoint.friend-endpoint, ._jsPlumb_overlay.friend-overlay {visibility:hidden;}
._jsPlumb_endpoint.friend-endpoint > * {visibility:hidden;}

._jsPlumb_connector.friend-connector {z-index:auto;}
.friends.edit ._jsPlumb_endpoint.friend-endpoint {visibility:visible;z-index:100;cursor:crosshair;color:#1867a9;}
.friends.edit ._jsPlumb_connector {z-index:100;}
.friends.edit ._jsPlumb_overlay.friend-overlay {visibility:visible;z-index:101;}
.friends.edit ._jsPlumb_overlay.friend-overlay button {outline:none;}

/* node modal */
#nodeModal .navbar-nav.nav-justified > li {float:none;height:100%;}
#nodeModal .navbar-nav.nav-justified > li > a {height:100%;width:100%;display:table;padding:15px 0;}
#nodeModal form {margin:0px;}
#nodeModal .nav-stacked > li > a {text-align:center;}
#nodeModal #data-display .form-group {margin-bottom:0;}
#nodeModal #data-entry label, #nodeModal #data-display label {padding-left:0;padding-right:0;}
#nodeModal #data-entry div.controls, #nodeModal #data-display div.controls {margin-left:100px;}
#nodeModal .date-field {cursor:pointer;}
#nodeModal .nav-tabs {margin-top:0px;}
#nodeModal .date-form-group .form-inline .form-group.date-day {width:25%;}
#nodeModal .date-form-group .form-inline .form-group.date-month {width:35%;}
#nodeModal .date-form-group .form-inline .form-group.date-year {width:35%;}
#nodeModal .date-form-group .form-inline .form-group input, #nodeModal .date-form-group .form-inline .form-group select {width:100%;}
#nodeModal #saved-values a {outline:none !important;}
#nodeModal img.nprofilepicture {margin-left:auto;margin-right:auto;}

#modalthumb {position:relative;}
#thumbchange {position:absolute;right:5px;bottom:5px;cursor:pointer;display:none;}
#bioInfo .bio-value {display:inline-block;max-height:80px;overflow:auto;}

/* avatar tip */
.avatar_tip_popup {width:244px;}
.avatar_tip_popup .avatar_tip_popup-left {float:left; margin-right:8px;text-align:center;}
.avatar_tip_popup .avatar_tip_popup-left img {border:1px solid #ddd;border-radius:5px;height:64px;width:64px;}
.avatar_tip_popup .avatar_tip_popup-right {overflow:hidden; vertical-align:top;}
.avatar_tip_popup .avatar_tip_popup-bottom {background-color:#eee;text-align:right;padding:5px 8px;border-radius:5px;margin-top:8px;}

.avatar_tip_popup .avatar_tip_popup-right div {line-height:14px;font-size:12px;}
.avatar_tip_popup .avatar_tip_popup-right .albl {line-height:32px;font-size:20px;font-weight:bold;}
.avatar_tip_popup .avatar_tip_popup-right .blbl {font-size:14px;margin-top:4px;padding-top:4px;border-top:1px solid #6e6e6e;}

.simbunch-wrapper .form-inline .form-group {margin-left:0;margin-right:0;}
.simbunch-wrapper .modal.fade.in {top:0;position:fixed;overflow-x:hidden !important;overflow-y:auto !important;}
.simbunch-wrapper .modal-body {max-height:none;overflow-y:inherit;}
.simbunch-wrapper .form-horizontal .form-group label {margin-bottom:0;padding-top:7px;text-align:right;}
.simbunch-wrapper .checkbox label, .simbunch-wrapper .radio label {padding:0 0 0 5px !important;text-align:left !important;line-height:normal !important;}

#simgenealogy-wrapper .enscroll-track {width: 10px;background: rgba(0, 0, 0, 0);margin-right: 2px;border-radius: 10px;-webkit-transition: background 250ms linear;transition: background 250ms linear;}
#simgenealogy-wrapper .enscroll-track:hover, #colhero-wrapper .enscroll-track.dragging {background: #d9d9d9;background: rgba(0, 0, 0, 0.15);}
#simgenealogy-wrapper .enscroll-track .vertical-handle {width: 7px;right: 0;background: #999;background: rgba(0, 0, 0, 0.4);border-radius: 7px;-webkit-transition: width 250ms;transition: width 250ms;cursor:default !important;}
#simgenealogy-wrapper .enscroll-track:hover .vertical-handle, #colhero-wrapper .enscroll-track.dragging .vertical-handle {width: 10px;}

/* Extra Small */
@media(max-width:767px) {
	
}
/* Small */
@media(min-width:768px) and (max-width:991px) {
	#nodeModal .navbar-nav.nav-justified {margin: 0 auto;display: table;table-layout: fixed;float:none;}
}
/* Medium */
@media(min-width:992px) and (max-width:1199px) {
	#nodeModal .modal-dialog {width:680px;}
}
/* Large */
@media(min-width:1200px) {
	#nodeModal .modal-dialog {width:680px;}
}