@charset "UTF-8";*{box-sizing:border-box;margin:0;padding:0}.base-form .field{padding-bottom:1rem}.base-form .field label{display:block;font-weight:700;color:#292b94}.base-form .field textarea,.base-form .field input{width:100%;padding:.1rem}.base-form .buttons{padding-top:1rem;display:flex;align-items:center;justify-content:right}.base-dialog{position:fixed;top:0;left:0;width:100%;height:100%;background:#ffffffe6;z-index:100000;display:flex;align-items:center;justify-content:center}.base-dialog .base-dialog-container{border:2px solid #292b94;background:#fff}.base-dialog .base-dialog-container .base-dialog-header{background:#292b94;color:#fff;font-weight:700;padding:.5rem}.base-dialog .base-dialog-container .base-dialog-content{padding:.5rem}.base-dialog .base-dialog-container .field{padding-bottom:1rem}.base-dialog .base-dialog-container .field label{display:block;font-weight:700;color:#292b94}.base-dialog .base-dialog-container .field textarea,.base-dialog .base-dialog-container .field input{width:100%;padding:.1rem}.base-dialog .base-dialog-container .buttons{padding-top:1rem;display:flex;align-items:center;justify-content:right}.base-dialog .base-dialog-buttons{padding:.5rem;display:flex;align-items:center;justify-content:right}body{font-family:Helvetica,Arial,sans-serif}header{height:4rem;overflow:hidden;background:#f9f3ee}header .top-header{position:relative}header .top-header .fh-logo{position:absolute;top:.5rem;left:1rem}header .top-header .fh-logo img{height:2.5rem;width:auto}header h1{position:absolute;top:.5rem;left:50%;color:#292b94;transform:translate(-50%)}.main-nav{padding:.5rem;margin:0;overflow:hidden;background:#2c3e50}.main-nav a{margin:.5em;color:#fff;font-weight:700}main{padding:1rem}.frames-view .frames{display:flex;flex-wrap:wrap;width:100%}.frames-view .frames .frame{margin:5px;width:100%;box-sizing:border-box;position:relative}.frames-view .frames .frame img{width:100%;height:auto;border:0px solid #fff}.frames-view .frames .frame.saved img{border:3px solid #00f}.frames-view .frames .frame canvas{position:absolute;top:0;left:0}.frame-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff}.frame-dialog.waiting{pointer-events:none}.frame-dialog.waiting>*{opacity:.3}.frame-dialog .frame-dialog-header{border-bottom:2px solid #000;text-align:right;padding:.5rem;margin-bottom:3rem}.frame-dialog .close-dialog{font-size:1.25rem;padding:.25rem .75rem;text-align:center;border:1px solid #000;border-radius:10px;cursor:pointer}.frame-dialog .frame-dialog-container{position:relative}.frame-dialog .frame-dialog-container .frame-container{display:flex;justify-content:center;position:relative}.frame-dialog .frame-dialog-container .frame-container .frame{width:calc(100% - 6rem);height:auto;position:relative}.frame-dialog .frame-dialog-container .frame-container .frame img{width:100%;height:auto}.frame-dialog .frame-dialog-container .frame-container .frame canvas{position:absolute;top:0;left:0}.frame-dialog .frame-dialog-container .frame-container .prev-frame,.frame-dialog .frame-dialog-container .frame-container .next-frame{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;line-height:4rem;text-align:center;cursor:pointer}.frame-dialog .frame-dialog-container .frame-container .prev-frame{left:.5rem}.frame-dialog .frame-dialog-container .frame-container .next-frame{right:.5rem}.frame-dialog .frame-dialog-container table.track-on td{opacity:.5}.frame-dialog .frame-dialog-container table.track-on tr.tracked td{opacity:1}.frame-dialog .frame-dialog-container .info-container{width:100%;padding:0rem 3rem 2rem}.frame-dialog .frame-dialog-container .info-container .tracked-fish{padding:.5rem 0px}.frame-dialog .frame-dialog-container .info-container .actions{display:flex;align-items:center;min-height:2.5rem}.frame-dialog .frame-dialog-container .info-container .actions .left{flex-grow:1}body.modal{overflow:hidden!important}.hidden{display:none}table th{background:#292b94;color:#fff;padding:.25rem .5rem}table td{padding:4px 5px;border-bottom:1px solid #ccc}table td input,table td select{padding:.1rem .25rem}.form-table{margin-top:1rem;margin-bottom:1rem}.form-table td:nth-child(1){padding-right:1rem;color:#292b94;font-weight:700}.images-view .images{display:flex;flex-wrap:wrap;width:100%}.images-view .images .annotation-image{margin:5px;width:calc(25% - 10px);box-sizing:border-box;position:relative}.images-view .images .annotation-image img{width:100%;height:auto}.images-view .images .annotation-image canvas{position:absolute;top:0;left:0}.toolbar{display:flex;align-items:center;width:100%;padding:0px 1rem 1rem}.toolbar .left{flex-grow:1;justify-content:left}.toolbar .right{justify-content:right}.toolbar .columns-selector select{margin-left:.5rem;width:4rem}.columns.col-1 .frame{width:calc(100% - 10px)}.columns.col-2 .frame{width:calc(50% - 10px)}.columns.col-3 .frame{width:calc(33.3333333333% - 10px)}.columns.col-4 .frame{width:calc(25% - 10px)}.columns.col-5 .frame{width:calc(20% - 10px)}.columns.col-6 .frame{width:calc(16.6666666667% - 10px)}.columns.col-7 .frame{width:calc(14.2857142857% - 10px)}.columns.col-8 .frame{width:calc(12.5% - 10px)}.columns.col-9 .frame{width:calc(11.1111111111% - 10px)}.columns.col-10 .frame{width:calc(10% - 10px)}#detect-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100001;background:#fffc;display:flex;justify-content:center;align-items:center}#detect-dialog .detect-dialog-container{border:2px solid #292b94;background:#fff;max-width:50rem;min-width:20rem}#detect-dialog .detect-dialog-container .detect-dialog-header{padding:.5rem;border-bottom:2px solid #292b94}#detect-dialog .detect-dialog-container .detect-dialog-content{padding:1rem}#detect-dialog .detect-dialog-container .detect-dialog-content select{width:100%;margin-bottom:1rem}.annotation-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100001;background:#fff;overflow-y:auto}.annotation-dialog.waiting{pointer-events:none}.annotation-dialog.waiting>*{opacity:.3}.annotation-dialog .annotation-dialog-header{border-bottom:2px solid #000;text-align:right;padding:.5rem;overflow:hidden}.annotation-dialog .annotation-dialog-header .left{float:left}.annotation-dialog .annotation-dialog-header .right{float:right}.annotation-dialog .annotation-dialog-header .valid-marker{height:2rem;width:2rem}.annotation-dialog .close-dialog{font-size:1.25rem;padding:.25rem .75rem;text-align:center;border:1px solid #000;border-radius:10px;cursor:pointer}.annotation-dialog .annotation-dialog-container{position:relative}.annotation-dialog .annotation-dialog-container .annotation-container{display:flex;justify-content:center;position:relative}.annotation-dialog .annotation-dialog-container .annotation-container .annotation-image{width:calc(100% - 6rem);height:auto;position:relative}.annotation-dialog .annotation-dialog-container .annotation-container .annotation-image img{width:100%;height:auto}.annotation-dialog .annotation-dialog-container .annotation-container .annotation-image canvas{position:absolute;top:0;left:0}.annotation-dialog .annotation-dialog-container .annotation-container .prev-image,.annotation-dialog .annotation-dialog-container .annotation-container .next-image{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;line-height:4rem;text-align:center;cursor:pointer}.annotation-dialog .annotation-dialog-container .annotation-container .prev-image{left:.5rem}.annotation-dialog .annotation-dialog-container .annotation-container .next-image{right:.5rem}.annotation-dialog .annotation-dialog-container .info-container{padding:0rem 3rem 2rem}.annotation-dialog .annotation-dialog-container .info-container table{width:100%}.annotation-dialog .annotation-dialog-container .info-container table td:nth-child(1){padding:0;margin:0;width:1%}.annotation-dialog .annotation-dialog-container .info-container table td:last-child{padding:0;margin:0;width:2rem}.annotation-dialog .annotation-dialog-container .info-container table tr.deleted td{text-decoration:line-through;font-style:italic;opacity:.5}.annotation-dialog .annotation-dialog-container .info-container .tracked-fish{padding:.5rem 0px}.annotation-dialog .annotation-dialog-container .info-container .actions{display:flex;align-items:center}.annotation-dialog .annotation-dialog-container .info-container .actions .left{flex-grow:1}.annotation-dialog .annotation-dialog-container table.in-edit tr td{opacity:.3}.annotation-dialog .annotation-dialog-container table.in-edit tr.edit-on td{opacity:1}.annotation-dialog .edit-button{width:1rem;height:1rem}.annotation-dialog .delete-button,.annotation-dialog .select-button{padding:0;margin:0;width:2rem;height:2rem;position:relative;overflow:hidden;border:0px solid #000;border-radius:0;background-color:transparent}.annotation-dialog .delete-button:before,.annotation-dialog .select-button:before{position:absolute;width:100%;height:100%;top:0;left:0;font-size:2rem;content:"-not set-"}.annotation-dialog .delete-button.selected:before,.annotation-dialog .select-button.selected:before{content:"-not set-"}.annotation-dialog .select-button:before{content:"☐"}.annotation-dialog .select-button.selected:before{content:"☒"}.annotation-dialog .delete-button:before{color:red;content:"⊘"}.annotation-dialog .delete-button.deleted:before{color:#0f0;content:"⊙"}button.delete{min-width:1.5rem;min-height:1rem}body.api-loading,body.loading{pointer-events:none;opacity:.5}.add-button{padding:.25rem .5rem}button{padding:.15rem .5rem}.elevation-folder{padding-left:1rem}main.tester .image-listing .image{float:left;width:25%;padding:5px}main.tester .image-listing .image img{width:100%;height:auto}.dev-view .select-label select{width:100%}.dev-view .fish-image-listing .image{float:left;width:25%;padding:2px}.dev-view .fish-image-listing .image.valid--1 img{border:4px solid #f00}.dev-view .fish-image-listing .image.valid-0 img{border:4px solid #ccc}.dev-view .fish-image-listing .image.valid-1 img{border:4px solid #0f0}.dev-view .fish-image-listing .image img{display:block;width:100%;height:auto}.dev-view .pager{text-align:center}.fish-image-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff}.fish-image-dialog.waiting{pointer-events:none}.fish-image-dialog.waiting>*{opacity:.3}.fish-image-dialog .fish-image-dialog-header{border-bottom:2px solid #000;text-align:right;padding:.5rem}.fish-image-dialog .close-dialog{font-size:1.25rem;padding:.25rem .75rem;text-align:center;border:1px solid #000;border-radius:10px;cursor:pointer}.fish-image-dialog .fish-image-dialog-container{position:relative}.fish-image-dialog .fish-image-dialog-container .fish-image-container{display:flex;justify-content:center;position:relative}.fish-image-dialog .fish-image-dialog-container .fish-image-container .fish-image{width:calc(100% - 6rem);height:auto;position:relative}.fish-image-dialog .fish-image-dialog-container .fish-image-container .fish-image img{width:100%;height:auto}.fish-image-dialog .fish-image-dialog-container .fish-image-container .fish-image canvas{position:absolute;top:0;left:0}.fish-image-dialog .fish-image-dialog-container .fish-image-container .prev-image,.fish-image-dialog .fish-image-dialog-container .fish-image-container .next-image{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;line-height:4rem;text-align:center;cursor:pointer}.fish-image-dialog .fish-image-dialog-container .fish-image-container .prev-image{left:.5rem}.fish-image-dialog .fish-image-dialog-container .fish-image-container .next-image{right:.5rem}.fish-image-dialog .fish-image-dialog-container .info-container{padding:0rem 3rem 2rem}.fish-image-dialog .fish-image-dialog-container .info-container table{width:100%}.fish-image-dialog .fish-image-dialog-container .info-container table td:nth-child(1){padding:0;margin:0;width:1%}.fish-image-dialog .fish-image-dialog-container .info-container table td:last-child{padding:0;margin:0;width:2rem}.fish-image-dialog .fish-image-dialog-container .info-container table tr.deleted td{text-decoration:line-through;font-style:italic;opacity:.5}.fish-image-dialog .fish-image-dialog-container .info-container .tracked-fish{padding:.5rem 0px}.fish-image-dialog .fish-image-dialog-container .info-container .actions{display:flex;align-items:center}.fish-image-dialog .fish-image-dialog-container .info-container .actions .left{flex-grow:1}.fish-image-dialog .fish-image-dialog-container table.in-edit tr td{opacity:.3}.fish-image-dialog .fish-image-dialog-container table.in-edit tr.edit-on td{opacity:1}.fish-image-dialog .edit-button{width:1rem;height:1rem}.fish-image-dialog .delete-button,.fish-image-dialog .select-button{padding:0;margin:0;width:2rem;height:2rem;position:relative;overflow:hidden;border:0px solid #000;border-radius:0;background-color:transparent}.fish-image-dialog .delete-button:before,.fish-image-dialog .select-button:before{position:absolute;width:100%;height:100%;top:0;left:0;font-size:2rem;content:"-not set-"}.fish-image-dialog .delete-button.selected:before,.fish-image-dialog .select-button.selected:before{content:"-not set-"}.fish-image-dialog .select-button:before{content:"☐"}.fish-image-dialog .select-button.selected:before{content:"☒"}.fish-image-dialog .delete-button:before{color:red;content:"⊘"}.fish-image-dialog .delete-button.deleted:before{color:#0f0;content:"⊙"}.elevation-view .frames .image{margin:5px;width:calc(25% - 10px);box-sizing:border-box;position:relative;float:left;text-align:center}.elevation-view .frames .image .time{position:absolute;top:0;left:0;z-index:100;background:#fff;padding:.1rem .25rem}.elevation-view .frames .image.full-size{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#fff}.elevation-view .frames .image img{width:100%;height:auto}.elevation-view .frames .image canvas{position:absolute;top:0;left:0}.disabled{pointer-events:none;opacity:.5;cursor:not-allowed}.valid-marker{width:1rem;height:1rem;border-radius:50%;background:#ccc;display:inline-block;margin-right:1rem}.valid-marker.valid--1{background:red}.valid-marker.valid-1{background:#0f0}.left-right-container{overflow:hidden}.left-right-container .left{float:left}.left-right-container .right{float:right}.top-nav-container{display:flex;align-items:center;height:2rem;padding:.25rem 1rem;background:#292b94;color:#fff;text-align:center;overflow:hidden}.top-nav-container .left{min-width:6rem;text-align:left}.top-nav-container .left .back-link{margin:0;padding:0}.top-nav-container .left .back-link a{display:block;color:#fff;text-decoration:none;margin:0;padding:.25rem;text-transform:uppercase;font-size:.8rem}.top-nav-container .left .back-link a:before{content:"❮ "}.top-nav-container .center{flex-grow:1}.top-nav-container .center h1{font-size:1.25rem}.top-nav-container .right{text-align:right;min-width:8rem}.top-nav-container .right button{color:#fff;background:transparent;border:0px;padding:0;margin:0;font-weight:700;cursor:pointer}.top-nav-container .right button:hover{text-decoration:underline}.dev-image-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff}.dev-image-dialog.waiting{pointer-events:none}.dev-image-dialog.waiting>*{opacity:.3}.dev-image-dialog .dev-image-dialog-header{border-bottom:2px solid #000;text-align:right;padding:.5rem}.dev-image-dialog .close-dialog{font-size:1.25rem;padding:.25rem .75rem;text-align:center;border:1px solid #000;border-radius:10px;cursor:pointer}.dev-image-dialog .dev-image-dialog-container{position:relative}.dev-image-dialog .dev-image-dialog-container .dev-image-container{display:flex;justify-content:center;position:relative}.dev-image-dialog .dev-image-dialog-container .dev-image-container .dev-image{width:calc(100% - 6rem);height:auto;position:relative}.dev-image-dialog .dev-image-dialog-container .dev-image-container .dev-image img{width:100%;height:auto}.dev-image-dialog .dev-image-dialog-container .dev-image-container .dev-image canvas{position:absolute;top:0;left:0}.dev-image-dialog .dev-image-dialog-container .dev-image-container .prev-image,.dev-image-dialog .dev-image-dialog-container .dev-image-container .next-image{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;line-height:4rem;text-align:center;cursor:pointer}.dev-image-dialog .dev-image-dialog-container .dev-image-container .prev-image{left:.5rem}.dev-image-dialog .dev-image-dialog-container .dev-image-container .next-image{right:.5rem}.dev-image-dialog .dev-image-dialog-container .info-container{padding:0rem 3rem 2rem}.model-data-view .dialog-model-images{background:#fff;position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:scroll}.model-data-view .dialog-model-images .image-container{display:flex;flex-wrap:wrap}.model-data-view .dialog-model-images .image-container .image{padding:5px;width:20%}.model-data-view .dialog-model-images .image-container .image img{width:100%;height:auto}.detection-tester-view .frames{width:100%}.detection-tester-view .frames .image{margin:5px;width:calc(25% - 10px);box-sizing:border-box;position:relative;float:left;text-align:center}.detection-tester-view .frames .image.full-size{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#fff}.detection-tester-view .frames .image img{width:100%;height:auto}.detection-tester-view .frames .image canvas{position:absolute;top:0;left:0}.detection-tester-view .frames .elapsed-time{float:right;margin-right:.5rem}.detection-tester-view .frames .break{clear:both;background:#000;color:#fff;width:100%;padding:.5rem;text-align:center;margin:1rem 0px}.detection-result-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;background:#fff}.detection-result-dialog.waiting{pointer-events:none}.detection-result-dialog.waiting>*{opacity:.3}.detection-result-dialog .detection-result-dialog-header{border-bottom:2px solid #000;text-align:right;padding:.5rem;overflow:hidden}.detection-result-dialog .detection-result-dialog-header .left{float:left}.detection-result-dialog .detection-result-dialog-header .right{float:right}.detection-result-dialog .detection-result-dialog-header .valid-marker{height:2rem;width:2rem}.detection-result-dialog .close-dialog{font-size:1.25rem;padding:.25rem .75rem;text-align:center;border:1px solid #000;border-radius:10px;cursor:pointer}.detection-result-dialog .detection-result-dialog-container{position:relative}.detection-result-dialog .detection-result-dialog-container .detection-result-container{display:flex;justify-content:center;position:relative}.detection-result-dialog .detection-result-dialog-container .detection-result-container .detection-result-image{width:calc(100% - 6rem);height:auto;position:relative}.detection-result-dialog .detection-result-dialog-container .detection-result-container .detection-result-image img{width:100%;height:auto}.detection-result-dialog .detection-result-dialog-container .detection-result-container .detection-result-image canvas{position:absolute;top:0;left:0}.detection-result-dialog .detection-result-dialog-container .detection-result-container .prev-image,.detection-result-dialog .detection-result-dialog-container .detection-result-container .next-image{font-size:2rem;position:absolute;top:50%;transform:translateY(-50%);width:2rem;line-height:4rem;text-align:center;cursor:pointer}.detection-result-dialog .detection-result-dialog-container .detection-result-container .prev-image{left:.5rem}.detection-result-dialog .detection-result-dialog-container .detection-result-container .next-image{right:.5rem}.detection-result-dialog .detection-result-dialog-container .info-container{padding:0rem 3rem 2rem}.detection-result-dialog .detection-result-dialog-container .info-container table{width:100%}.detection-result-dialog .detection-result-dialog-container .info-container table td:nth-child(1){padding:0;margin:0;width:1%}.detection-result-dialog .detection-result-dialog-container .info-container table tr.deleted td{text-decoration:line-through;font-style:italic;opacity:.5}.detection-result-dialog .detection-result-dialog-container .info-container .tracked-fish{padding:.5rem 0px}.detection-result-dialog .detection-result-dialog-container .info-container .actions{display:flex;align-items:center}.detection-result-dialog .detection-result-dialog-container .info-container .actions .left{flex-grow:1}.detection-result-dialog .detection-result-dialog-container table.in-edit tr td{opacity:.3}.detection-result-dialog .detection-result-dialog-container table.in-edit tr.edit-on td{opacity:1}.detection-result-dialog .edit-button{width:1rem;height:1rem}.detection-result-dialog .delete-button,.detection-result-dialog .select-button{padding:0;margin:0;width:2rem;height:2rem;position:relative;overflow:hidden;border:0px solid #000;border-radius:0;background-color:transparent}.detection-result-dialog .delete-button:before,.detection-result-dialog .select-button:before{position:absolute;width:100%;height:100%;top:0;left:0;font-size:2rem;content:"-not set-"}.detection-result-dialog .delete-button.selected:before,.detection-result-dialog .select-button.selected:before{content:"-not set-"}.detection-result-dialog .select-button:before{content:"☐"}.detection-result-dialog .select-button.selected:before{content:"☒"}.detection-result-dialog .delete-button:before{color:red;content:"⊘"}.detection-result-dialog .delete-button.deleted:before{color:#0f0;content:"⊙"}.folder-view .frames{width:100%}.folder-view .frames .frame-image{margin:5px;width:100%;box-sizing:border-box;position:relative;float:left;text-align:center}.folder-view .frames .frame-image .time{position:absolute;top:0;left:0;z-index:100;background:#fff;padding:.1rem .25rem}.folder-view .frames .frame-image.full-size{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#fff}.folder-view .frames .frame-image img{width:100%;height:auto}.folder-view .frames .frame-image canvas{position:absolute;top:0;left:0}.folder-view .frames .elapsed-time{float:right;margin-right:.5rem}.folder-view .frames .break{clear:both;background:#000;color:#fff;width:100%;padding:.5rem;text-align:center;margin:1rem 0px}#image-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;background:#fff}#image-dialog img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.debug-folder-view .images img{width:20%;height:auto}#show-hide-main-menu{position:absolute;top:.5rem;right:1rem;z-index:10001}#show-hide-main-menu button{background:transparent url(/img/show-menu.png) center center no-repeat;background-size:contain;border:0px;width:3rem;height:3rem;color:transparent;font-size:0px;cursor:pointer}#main-menu{position:fixed;top:4rem;right:0;height:calc(100% - 4rem);z-index:1000;background-color:#f4a892}#main-menu hr{border:1px solid #292b94}#main-menu ul{list-style:none;padding:1rem}#main-menu ul li{padding:.5rem 1rem;font-size:1.5rem;color:#292b94}#main-menu ul li a{color:#292b94;text-decoration:none}#main-menu ul li a:hover{text-decoration:underline}.frames-view{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.frames-view .frame-image{width:100%;box-sizing:border-box;position:relative;text-align:center}.frames-view .frame-image .time{position:absolute;top:0;left:0;z-index:100;background:#fff;padding:.1rem .25rem}.frames-view .frame-image img{width:100%;height:auto}.frames-view .frame-image canvas{position:absolute;top:0;left:0}.home-view .pipes a{font-weight:400;color:#000;font-size:.9rem}.modal-dialog{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100001;background:#fffc;display:flex;justify-content:center;align-items:center}.modal-dialog .container{border:2px solid #292b94;background:#fff;max-width:50rem;min-width:20rem}.modal-dialog .container .header{padding:.5rem;border-bottom:2px solid #292b94}.modal-dialog .container .content{padding:1rem}.modal-dialog .container .content select{width:100%;margin-bottom:1rem}table td.action-buttons{width:1%;pointer-events:none}table td.action-buttons img{margin:0px .25rem;height:2rem;width:auto;opacity:0}table td.action-buttons img.checked{opacity:.5}table tr.edit-on td.action-buttons{pointer-events:auto}table tr.edit-on td.action-buttons img{opacity:.25;cursor:pointer}table tr.edit-on td.action-buttons img.checked{opacity:1}img.icon{height:2rem;width:auto;cursor:pointer;opacity:.75}img.icon:hover{opacity:1}.info-icon{height:1.5rem;width:auto;opacity:.25}.home-view .fishhearts{display:flex;flex-wrap:wrap}.home-view .fishhearts .fishheart{display:block;position:relative;color:#292b94;text-decoration:none;background:#fff;text-align:center;border:1px solid #292b94;border-radius:3px;padding:1rem;margin:1rem;width:calc(25% - 2rem);cursor:pointer}.home-view .fishhearts .fishheart img{max-width:200px;width:100%}.home-view .fishhearts .fishheart .last-updated{position:absolute;top:5px;right:5px;font-size:.9rem}.login-view{display:flex;align-items:center;justify-content:center;padding-top:5rem}.login-view .login-container{width:20rem;padding:1rem;border-radius:1rem;text-align:center}.login-view .login-container h1{font-size:1.1rem;padding-bottom:.5rem}.login-view .login-container input{width:100%;border:2px solid #292b94;padding:5px;margin:.3rem 0px}.login-view .login-container .submit{padding-top:1rem}.login-view .login-container .submit button{background:#292b94;border:2px solid #292b94;color:#fff;font-weight:700;padding:.25rem 1rem}table td.center{text-align:center}table td.right{text-align:right}.elevations-view table{width:100%}#elevation-dialog{position:fixed;z-index:1000000;top:0;left:0;height:100%;width:100%;background:#fff;overflow:auto}#elevation-dialog .elevation-dialog-header{background:#292b94;padding:.5rem 1rem;text-align:right}#elevation-dialog .toolbar{margin-top:1rem}#elevation-dialog .toolbar .left{text-align:left;flex-grow:0;min-width:5rem}#elevation-dialog .toolbar .center{flex-grow:1;text-align:center}#elevation-dialog .toolbar .right{text-align:right;min-width:5rem;flex-grow:0}#elevation-dialog main{overflow:hidden;padding-bottom:5rem}body.modal-mode{overflow:hidden}.fishheart-nav-bar{background:#292b94;overflow:hidden}.fishheart-nav-bar .fishheart-nav{list-style:none;padding-top:.6rem;overflow:hidden;text-align:left}.fishheart-nav-bar .fishheart-nav li{display:inline-block;overflow:hidden;margin:0px .3rem}.fishheart-nav-bar .fishheart-nav li a{padding:.2rem .5rem;border:2px solid #fff;border-bottom:0px solid #292b94;display:block;color:#fff;font-weight:700;text-decoration:none}.fishheart-nav-bar .fishheart-nav li.selected a{background:#fff;color:#292b94}.filter-container.open{border-left:4px solid #292b94;border-right:4px solid #292b94}.filter-container .filter-toolbar{padding:.5rem}.filter-container .filter-toolbar .left span{margin-right:2rem}.filter-container .filter-fields{border-top:2px solid #292b94;border-bottom:4px solid #292b94;padding:1rem 1rem 0px}.filter-container .filter-fields .filter-field{padding-bottom:1rem}.filter-container .filter-fields .filter-field .label{color:#292b94;font-weight:700}.elevation-view .best{border:5px solid #0f0!important}.elevation-view .elevation-view-header{padding-bottom:1rem;display:flex}.elevation-view .elevation-view-header label{font-weight:700}.elevation-view .elevation-view-header .left{justify-content:left}.elevation-view .elevation-view-header .center{flex-grow:1;justify-content:center;text-align:center}.elevation-view .elevation-view-header .center .valid-marker,.elevation-view .elevation-view-header .center label{margin-left:2rem}.elevation-view .elevation-view-header .right{justify-content:right}.elevation-view .frames{width:100%}.elevation-view .frames .frame-image{margin:5px;width:100%;box-sizing:border-box;position:relative;float:left;text-align:center}.elevation-view .frames .frame-image .time{position:absolute;top:0;left:0;z-index:100;background:#fff;padding:.1rem .25rem}.elevation-view .frames .frame-image.full-size{position:fixed;z-index:1000;top:0;left:0;width:100%;height:100%;background:#fff}.elevation-view .frames .frame-image img{width:100%;height:auto}.elevation-view .frames .frame-image canvas{position:absolute;top:0;left:0}.elevation-view .frames .elapsed-time{float:right;margin-right:.5rem}.elevation-view .frames .break{clear:both;background:#000;color:#fff;width:100%;padding:.5rem;text-align:center;margin:1rem 0px}