.loading_spinner{width:14px;height:14px;border:3px solid #DDD;border-radius:50%;border-top:3px solid #74ac00;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;vertical-align:text-bottom;margin-left:5px;display:inline-block}@-webkit-keyframes spin{0{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0{transform:rotate(0)}100%{transform:rotate(360deg)}}#initial-loading .loading_spinner{display:inline-block;margin:0 auto;margin-top:150px;width:80px;height:80px;border:15px solid #DDD;border-top:15px solid #74ac00}.loading_spinner.huge{width:80px;height:80px;border:15px solid #DDD;border-top:15px solid #74ac00}.loading_spinner.big{width:40px;height:40px;border-width:8px}.SplitTaxon>*:first-child{content:''}.taxon.has-com-name .secondary-name{color:#aaa;white-space:nowrap}.SplitTaxon.taxon.has-com-name .sciname:before{content:'';display:inline-block}.SplitTaxon.taxon.has-com-name .sciname:after{content:'';display:inline-block}.SplitTaxon.taxon.has-com-name.no-parens .secondary-name:before{content:'';display:inline-block}.SplitTaxon.taxon.has-com-name.no-parens .secondary-name:after{content:'';display:inline-block}.SplitTaxon.taxon.has-com-name .secondary-name:before,.SplitTaxon.taxon.has-com-name.parens .secondary-name:before{content:'(';display:inline-block}.SplitTaxon.taxon.has-com-name .secondary-name:after,.SplitTaxon.taxon.has-com-name.parens .secondary-name:after{content:')';display:inline-block}.SplitTaxon.taxon.has-com-name.genus .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.genus .sciname.secondary-name:after,.SplitTaxon.taxon.has-com-name.species .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.species .sciname.secondary-name:after,.SplitTaxon.taxon.has-com-name.subspecies .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.subspecies .sciname.secondary-name:after,.SplitTaxon.taxon.has-com-name.infraspecies .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.infraspecies .sciname.secondary-name:after,.SplitTaxon.taxon.has-com-name.variety .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.variety .sciname.secondary-name:after,.SplitTaxon.taxon.has-com-name.form .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.form .sciname.secondary-name:after,.SplitTaxon.taxon.has-com-name.hybrid .sciname.secondary-name:before,.SplitTaxon.taxon.has-com-name.hybrid .sciname.secondary-name:after{font-style:normal}.taxon .altname{color:#aaa}.SplitTaxon .inactive{margin-left:5px}.SplitTaxon .inactive a{color:#d9534f;text-decoration:none}.gmapv3control.overlaycontrol li.taxon label{max-width:200px;vertical-align:top}.bootstrap .UserImage,body>[role="dialog"] .UserImage,body>.popover[role="tooltip"] .UserImage,body>div>.popover[role="tooltip"] .UserImage{display:inline-block;border-radius:120px;width:40px;height:40px;line-height:0;font-size:32px;background-size:cover;background-position:center;background-color:#aaa;color:white;text-align:center;border:2px solid white;vertical-align:middle;color:white;overflow:hidden}.bootstrap .UserImage .icon-person,body>[role="dialog"] .UserImage .icon-person,body>.popover[role="tooltip"] .UserImage .icon-person,body>div>.popover[role="tooltip"] .UserImage .icon-person{line-height:0;color:white}.ObservationsGridItem .UserImage:hover,.ObservationsGridItem .UserImage:active{opacity:1;color:#eee}.TaxonAutocomplete .ui-autocomplete,body>[role="dialog"] .TaxonAutocomplete .ui-autocomplete{font-size:1.0}.TaxonAutocomplete .ui-autocomplete li,body>[role="dialog"] .TaxonAutocomplete .ui-autocomplete li{width:100%}.TaxonAutocomplete li.warning,body>[role="dialog"] .TaxonAutocomplete li.warning{background:#e66666;text-align:center;cursor:default;list-style:none}.TaxonAutocomplete li.ui-state-focus,body>[role="dialog"] .TaxonAutocomplete li.ui-state-focus{background:#f6f6f6}.TaxonAutocomplete .ac-select-thumb,body>[role="dialog"] .TaxonAutocomplete .ac-select-thumb{margin:0;padding:0;height:34px;width:34px;text-align:center}.TaxonAutocomplete .ac-select-thumb .glyphicon-search,body>[role="dialog"] .TaxonAutocomplete .ac-select-thumb .glyphicon-search{top:3px;left:1px}.ObservationsGrid{display:flex;flex-wrap:wrap}.ObservationsGrid .ObservationsGridCell{flex-grow:1;padding:2px;min-width:260px;margin:0 auto}.ObservationsGrid .Observation{position:relative}.ObservationsGrid .Observation .quality{position:absolute;top:0;left:0;padding:5px 10px;font-size:16px}.ObservationsGrid .Observation .quality.research{background:#74ac00;color:white}.ObservationsGrid .Observation .quality .full{display:none}.ObservationsGrid .Observation .with-sounds{position:absolute;top:0;right:0;padding:5px 10px;font-size:16px;background-color:rgba(0,0,0,0.7);color:white}.ObservationsGrid .Observation .photo{background:#ccc;text-align:center;display:flex;align-items:center;justify-content:center}.ObservationsGrid .Observation .photo i{color:white;font-size:180px}.ObservationsGrid .Observation .caption{background:#464646;color:white;height:60px;padding:10px;position:relative;padding-right:86px;white-space:nowrap}.ObservationsGrid .Observation .caption .display-name{font-size:17px;display:block;overflow:hidden;text-overflow:ellipsis;color:inherit}.ObservationsGrid .Observation .caption .secondary-name{display:block;overflow:hidden;text-overflow:ellipsis;color:inherit}.ObservationsGrid .Observation .caption .UserImage{position:absolute;right:10px;bottom:40px;border:2px solid white;height:45px;width:45px}.ObservationsGrid .Observation .caption .UserImage i.icon-person{font-size:36px}.ObservationsGrid .Observation .caption .UserImage:hover{opacity:1}.ObservationsGrid .Observation .caption .meta{position:absolute;bottom:10px;right:8px;color:white}.ObservationsGrid .Observation .caption .meta .count{margin-right:5px}.ObservationsGrid .Observation .caption .meta .count i{margin-right:1px}.FlashMessage .alert{margin-bottom:10px}.FlashMessage a{color:#337ab7}.FlashMessage a.contact{color:#a94442;text-decoration:underline}.FlashMessage .message{display:inline-block;width:95%}.FlashMessage .message .bold{margin-right:3px;font-weight:bold}.FlashMessage .message .fa{margin-right:5px}.FlashMessage .action{display:inline-block;float:right}.FlashMessage .action .fa{font-size:18px;vertical-align:middle;cursor:pointer}#bodywrapper{min-height:auto;height:100%;margin-bottom:-15px}#bodywrapper:after{height:0}#wrapper.bootstrap{position:inherit}#initial-loading{width:100%}#app{position:absolute;top:56px;left:0;right:0;bottom:15px;display:flex}body.modal-open #app{right:15px}#Lifelist{display:flex;flex-direction:column;flex:1;width:100%;min-width:980px;padding:0 30px}#Lifelist .lifelist-title button.export{float:right;vertical-align:middle;border-radius:20px}#Lifelist .view-selectors{padding:5px 0 15px}#Lifelist .pill-button{border-radius:20px;border:1px solid #e7e7e7;letter-spacing:.02em;background:inherit}#Lifelist .pill-button .icon-treeview{float:left;line-height:16px}#Lifelist .pill-button .fa,#Lifelist .pill-button .icon-treeview{margin-right:6px;color:#74ac00}#Lifelist .pill-button.selected{border:0;background:#74ac00;color:white}#Lifelist .pill-button.selected .fa,#Lifelist .pill-button.selected .icon-treeview{color:white}#Lifelist .pill-button:not(:first-child){margin-left:15px}.bootstrap h2{font-size:24px;margin-top:15px}div,span,.bootstrap .btn,.bootstrap .btn:focus,.bootstrap .btn:active:focus{outline:0}.bootstrap button{border:0;background:0;padding:0}.bootstrap .more button.btn{border-radius:20px;padding:5px 15px}.bootstrap .more button.btn i.fa{margin-right:5px}.iconic-taxa-selectors{margin-bottom:10px}.iconic-taxa-selectors .jump-to{display:inline-block;margin-bottom:5px;vertical-align:middle}.iconic-taxa-selectors .iconic-taxon-icon{border:1px solid #e7e7e7;background:inherit;display:inline-block;border-radius:20px;font-size:23px;padding:1px 1px;color:#979797;width:28px;height:28px;text-align:center;margin-left:4px;outline:0}.iconic-taxa-selectors .iconic-taxon-icon:focus{outline:0}.iconic-taxa-selectors .iconic-taxon-icon.selected,.iconic-taxa-selectors .iconic-taxon-icon:hover{color:#74ac00;border:1px solid #aaa}.iconic-taxa-selectors .iconic-taxon-icon[disabled]{opacity:.2;cursor:default}.FlexGrid{display:flex;flex:1;background:#fff;overflow:hidden}.FlexCol.tree-col{display:flex;flex-direction:column;width:50%;max-width:633px;padding-right:20px}.FlexCol.details-col{display:flex;flex-direction:column;overflow:hidden;width:50%;border-left:1px solid #ddd;padding-left:20px}.FlexCol.details-col .Details{height:80%}.FlexCol .loading_spinner{margin:0 auto;margin-top:60px;display:flex}.FlexCol h3{text-align:center;margin-top:5px}.FlexCol h3 button.nostyle{outline:0}.FlexCol h3 .fa{font-size:13px;font-weight:100;line-height:24px;vertical-align:text-top;margin-right:5px;cursor:pointer}.FlexCol #TaxaTree,.FlexCol #TaxaList,.FlexCol .ObservationsGrid,.FlexCol .ObservationsTab,.FlexCol .SpeciesGrid{height:100%;overflow:auto;overscroll-behavior-y:contain}#TaxaList ul{padding:0}#TaxaList ul li{list-style:none}.name-row{white-space:nowrap}.name-row>.name-label,.name-row>.fa,.name-row>span{cursor:pointer}.name-row>.fa.disabled{cursor:default;color:#ddd}.name-row>.fa{font-size:13px;vertical-align:middle}.name-row>.fa-binoculars{font-size:12px;vertical-align:text-top}.name-row>span{margin-left:5px;color:#979797}.name-row>span[class*=" icon-"]:before{vertical-align:inherit;font-size:11px}.name-row .icon-collapse,.name-row .icon-expand,.name-row .icon-focus{font-size:12px;line-height:12px;vertical-align:text-top;color:#ccc}.name-row .icon-collapse:hover,.name-row .icon-expand:hover,.name-row .icon-focus:hover{color:inherit}.name-row .icon-collapse+.icon-expand{margin-left:2px}.name-row .icon-focus{font-size:10px}.name-row>.fa-chevron-down{margin-left:2px}.name-row .descendants{color:#74ac00}.name-label{display:inline-block}.name-label.featured .display-name{font-weight:600;color:#74ac00}.name-label.featured-ancestor .display-name{font-weight:600}.bootstrap .badge.green{padding:3px 7px 1px 7px;vertical-align:inherit;background-color:#74ac00;font-size:14px;font-weight:500}.Details{display:flex;flex:1;flex-direction:column;height:100%;overflow:hidden}.Details h3 .SplitTaxon .display-name{color:inherit}.Details .stats{text-align:center;margin-bottom:10px}.Details .stats .loading_spinner{display:inline-block;margin:0}.Details .stat{padding:0 15px;display:block;outline:0;margin:0 auto}.Details .stat.clicky{cursor:pointer}.Details .stat:not(:first-child){margin-top:3px}.Details .stat .attr{font-weight:700;margin-right:4px}.Details .stat .attr:after{content:":"}.Details .stat.selected .attr{font-weight:800}.Details .stat .value{margin-left:3px}.Details .flex-container{height:100%;overflow:hidden}.Details .empty{margin:0 auto;margin-top:30px;font-size:16px;text-align:center;max-width:60%}.Details .empty button{border-radius:30px;display:block;margin:0 auto;margin-top:20px}.Details .SpeciesGrid.unobserved .empty{margin-top:74px}.more{width:100%;margin:30px 0;text-align:center}.more .loading_spinner{margin-top:0;width:30px;height:30px;border-width:6px}.taxon-image{width:25px;height:25px;margin:1px}.tree{padding:0;list-style:none;position:relative}.tree,.tree>* ul{padding:0;list-style:none;position:relative}.tree>* ul.nested{margin:0 0 0 1em}.tree ul.nested:before{content:"";display:block;width:0;position:absolute;top:0;bottom:0;left:0;border-left:1px solid;color:#ddd}.tree ul.nested li{margin:0;padding:0 1em;line-height:1.5em;position:relative}.tree ul.nested li:before{content:"";display:block;width:10px;height:0;border-top:1px solid;margin-top:-1px;position:absolute;top:.75em;left:0;color:#ddd}.tree ul.nested li:last-child:before{background:white;height:auto;top:.75em;bottom:0}.tree ul.nested li:last-child{margin-bottom:10px}#TaxaList .tree>li>.name-row{font-size:18px;padding:3px 0 4px 0;font-weight:300}#TaxaList .tree ul.nested li:last-child{margin-bottom:20px}#TaxaList ul.nested{font-size:15px}#TaxaList .ancestry{margin-right:3px}#TaxaList .ancestry .expander{padding-right:3px;cursor:pointer}#TaxaList .ancestry .SplitTaxon{cursor:pointer}#TaxaList .ancestry .SplitTaxon .secondary-name{display:none}#TaxaList .ancestry .SplitTaxon:not(:first-child):before{content:"\203A";padding:0 4px 0 1px;font-size:16px;cursor:auto}#TaxaList .name-row .SplitTaxon>a{color:inherit}.bootstrap .form-group.TaxonAutocomplete .ac-select-thumb,.bootstrap .place-search .ac-select-thumb{float:left;border:0;background:inherit;text-align:left;width:23px;color:#979797;margin:0}.bootstrap .form-group.TaxonAutocomplete input.form-control.ui-autocomplete-input,.bootstrap .place-search input.form-control.ui-autocomplete-input{border-radius:20px}.bootstrap .search-options{display:flex;margin-bottom:10px;min-height:34px}.bootstrap .search-options .place-search{display:inline-block;margin-right:20px;flex-grow:1}.bootstrap .search-options .place-search .icon-state{color:#979797;float:left;line-height:34px;margin-right:8px}.bootstrap .search-options .place-search .icon-state .glyphicon{font-size:17px}.bootstrap .search-options .place-search .badge{height:32px;border-radius:34px;line-height:28px;background-color:#74ac00;font-weight:500;font-size:14px;padding:3px 4px 3px 14px}.bootstrap .search-options .place-search .badge .clear{padding:0 8px;font-size:20px;float:right;cursor:pointer;outline:0}.bootstrap .search-options .place-search .PlaceAutocomplete .form-group{margin-bottom:0}.bootstrap .search-options .dropdown{margin-left:auto;line-height:33px}.bootstrap .search-options .dropdown:not(:first-child){margin-left:10px}.bootstrap .search-options .dropdown button.btn{border-radius:20px;background:#ddd;border:0;font-weight:700;padding:5px 12px;font-size:12px;margin-top:5px}.bootstrap .search-options .dropdown button.btn .caret{margin-left:5px}.bootstrap .search-options .dropdown .dropdown-menu{left:auto;right:0;white-space:nowrap;line-height:22px}.bootstrap .search-options .dropdown .dropdown-menu li{padding:3px 20px;cursor:pointer}.bootstrap .search-options .dropdown .dropdown-menu li a{padding:0;line-height:inherit;outline:0}.bootstrap .search-options .dropdown .dropdown-menu li:not(:first-child){margin-top:2px}.bootstrap .search-options .dropdown .dropdown-menu li.divider{padding:0;margin:10px 0}.bootstrap .search-options .dropdown .dropdown-menu li.selected,.bootstrap .search-options .dropdown .dropdown-menu li:hover{background-color:#f5f5f5}.bootstrap .search-options .dropdown .dropdown-menu li[disabled]{cursor:default;color:#ccc;pointer-events:none}.ExportModal .modal-header{font-size:24px}.ExportModal .modal-body{font-size:16px}.ExportModal .modal-body .export-filters .intro:after{content:":"}.ExportModal .modal-body ul{list-style:none;padding-left:10px;margin:10px 0 0 0}.ExportModal .modal-body ul li input{margin-right:10px}.ExportModal .modal-body ul li label{font-weight:normal}.ExportModal .modal-body ul li label .filter-label{font-weight:700}.ExportModal .modal-footer button{min-width:80px}.ExportModal .modal-footer .taxa-count{float:left;font-size:16px;line-height:34px}.ExportModal button.btn-primary .loading_spinner{border:3px solid rgba(221,221,221,0.2);border-top:3px solid white}.ui-autocomplete .ac-result,.ui-autocomplete .category{font-family:Whitney,"Trebuchet MS",Arial,sans-serif}.ui-autocomplete .ac-result .ac-label,.ui-autocomplete .category .ac-label{color:#333}.ui-autocomplete .ac-thumb i.icon{width:40px;height:40px;line-height:40px;margin:3px}.SpeciesGrid{display:flex;flex-wrap:wrap}.SpeciesGrid .result{flex-grow:1;padding-right:5px;padding-bottom:5px;min-width:160px;max-width:300px;margin-right:0}.SpeciesGrid .result .thumbnail{padding:0;margin-bottom:0;position:relative}.SpeciesGrid .result .thumbnail .overlay{position:absolute;background-color:rgba(0,0,0,0.3);color:white;width:100%;line-height:30px;padding:0 9px;margin-top:-30px}.SpeciesGrid .result .thumbnail .overlay a{color:white}.SpeciesGrid .result .thumbnail .display-name{display:block;font-weight:700;color:inherit;font-size:16px}.SpeciesGrid .result .thumbnail .caption{height:58px}.SpeciesGrid .result .thumbnail .caption .display-name,.SpeciesGrid .result .thumbnail .caption .secondary-name{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.SpeciesGrid .result .thumbnail.TaxonThumbnail .photo{line-height:170px !important;font-size:170px;text-align:center;background-color:#ccc;color:white}.FlashMessage .alert{margin:10px 0 0}@media(min-width:1345px){.FlexCol.tree-col{min-width:633px;width:633px}.FlexCol.details-col{width:100%}}