body,html{height:100vh;position:fixed;width:100vw}body,html{overflow:hidden}body{@import url("https://fonts.googleapis.com/css2?family=Montserrat&family=Open+Sans&family=Roboto&family=Roboto+Condensed&display=swap");-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;margin:0}h1,h2,h3,h4,h5{font-family:Montserrat,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#ui-login{background-color:#284064;height:100dvh;left:0;padding-top:100px;position:absolute;top:0;width:100vw;z-index:1000}#ui-login .login-box{background-color:#fff;border-radius:20px;height:140px;margin:auto;max-width:80vw;padding:20px 20px 50px;width:500px}#ui-login .login-box.disabled{filter:grayscale(1);opacity:.7;pointer-events:none}#ui-login .login-box .login-failed{color:red;text-align:center;text-transform:uppercase}#ui-main{display:flex;flex-direction:column;height:100dvh}#ui-main #ui-main-left,#ui-main #ui-main-top{background-color:#284064;flex:0 1;flex-basis:50px;flex-direction:column}#ui-main #ui-main-top{color:#fff;display:flex}#ui-main #ui-main-top .ui-main-top-upper{display:flex;flex:1 1;flex-direction:row}#ui-main #ui-main-top .ui-main-top-upper button{height:100%}#ui-main #ui-main-top .ui-main-top-links{display:flex;flex:0 1;flex-basis:0px;flex-direction:row}#ui-main #ui-main-top .ui-main-top-links .link{align-items:center;background-color:#284064;color:#fff;cursor:pointer;display:flex;flex-direction:row;height:100%;min-width:200px;padding-left:15px}#ui-main #ui-main-top .ui-main-top-links .link:hover{background-color:#1a293f}#ui-main #ui-main-content{background-color:#eee;flex:1 1;height:calc(100dvh - 50px);overflow-y:scroll}@media screen and (max-width:600px){#ui-main #ui-bottom-menu{background-color:initial;flex:0 1;flex-basis:calc(72px + env(safe-area-inset-bottom, 0px))}#ui-main #ui-bottom-menu #ui-bottom-menu-ui{background-color:#284064;height:calc(72px + env(safe-area-inset-bottom, 0px));margin:auto;max-width:600px}}@media screen and (min-width:600px){#ui-main #ui-bottom-menu{background-color:initial;border-top-left-radius:10px;border-top-right-radius:10px;bottom:0;left:calc(50dvw - 300px);overflow:hidden;position:absolute;width:600px}#ui-main #ui-bottom-menu #ui-bottom-menu-ui{background-color:#284064;height:calc(72px + env(safe-area-inset-bottom, 0px));margin:auto}}#ui-main #ui-bottom-menu-ui{display:grid;grid-template-columns:25% 25% 25% 25%}#ui-main #ui-bottom-menu-ui .menuitem{color:#fff;cursor:pointer;gap:10px;margin-bottom:env(safe-area-inset-bottom,0);text-align:center;-webkit-user-select:none;user-select:none}#ui-main #ui-bottom-menu-ui .menuitem .icon{margin-top:8px;text-align:center}#ui-main #ui-bottom-menu-ui .menuitem .label{font-size:.8rem;margin-top:5px}#ui-main #ui-bottom-menu-ui .menuitem.active{background-color:#375788}#ui-main #ui-main-bottom{display:flex;flex-direction:row}@keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadeout{0%{opacity:1}to{opacity:1}}.center{text-align:center}.left{text-align:left}.right{text-align:right}.flex0{flex:0 1}.flex1{flex:1 1}.flexb100{flex:0 1;flex-basis:100px}.flexb10{flex:0 1;flex-basis:10px}.flexb20{flex:0 1;flex-basis:20px}.flexb40{flex:0 1;flex-basis:40px}.w100{width:100%}.w90{width:90%}.w50{width:50%}.p10{padding:10px}.ph10{padding:0 10px}.m10{margin:10px}.pb50{padding-bottom:50px}.page-header{color:#284064;display:flex;flex-direction:row;padding-bottom:10px;padding-top:20px;-webkit-user-select:none;user-select:none}.page-header .header{flex:1 1;margin-bottom:0;margin-top:0;text-overflow:ellipsis;white-space:nowrap}.page-header .menu{cursor:pointer;flex:0 1;flex-basis:40px;padding-right:10px;padding-top:5px;text-align:right}table{border-collapse:collapse}table.tbl{border-top:1px solid #ccc;font-size:16px;width:100%}table.tbl th{text-align:left;text-transform:uppercase;white-space:nowrap}table.tbl tr{border-bottom:1px solid #ccc}table.tbl tr:nth-child(odd){background-color:#fff}table.tbl tr td{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}table.tbl tr.large{font-size:18px}table.tbl tr.clickable{cursor:pointer}table.tbl tr.clickable:hover{background-color:#cbdcf6}table.tbl-small{font-size:.8rem}#overlay,.overlay{animation:fadein .3s;height:100dvh;left:0;position:fixed;top:0;width:100vw;z-index:1000}#overlay.dark,.overlay.dark{background-color:#0006}#overlay.darker,.overlay.darker{background-color:#0009}#overlay.hidden,.overlay.hidden{opacity:0;transition:visibility 0s .2s,opacity .2s linear;visibility:hidden}#overlay .spinner,.overlay .spinner{color:#fffc;display:flex;flex-direction:column;height:100dvh;justify-content:center;text-align:center;width:100dvw}#overlay .spinner .progress-bar,.overlay .spinner .progress-bar{border:1px solid #fff;margin:auto;width:50%}#overlay .spinner .progress-bar .progress,.overlay .spinner .progress-bar .progress{background-color:hsla(0,0%,100%,.467);height:20px;width:50%}.frm-section{background-color:#fff;border-radius:10px;padding:10px 10px 20px}.frm-editable{display:flex;flex-direction:row}.frm-editable .content{flex:1 1;padding-right:20px}.frm-editable .edit-ico{align-items:center;cursor:pointer;display:flex;flex:0 1;flex-basis:50px;text-align:center}.frm{border-top:1px solid #6589c0;margin-top:10px;padding-top:5px}.frm label{display:block;font-weight:500;-webkit-user-select:none;user-select:none}.frm input,.frm select,.frm textarea{border:1px solid #ccc;border-radius:5px;font-family:Roboto,sans-serif;font-size:16px;padding:5px 10px;width:calc(100% - 20px)}.frm input::placeholder,.frm select::placeholder,.frm textarea::placeholder{font-style:italic}.frm select{width:100%}.frm textarea{min-height:100px}.frm .data{font-size:1.2rem;min-height:1.3rem;white-space:pre-wrap}.frm-image{margin:-10px -10px 0}.frm-image .image{aspect-ratio:1.7;object-fit:cover;width:100%}.btn-container{padding:0 10px}.btn-primary{background-color:#466fac;border:1px solid #466fac;border-radius:20px;color:#fff;display:block;font-size:16px;height:40px;margin:auto;max-width:480px;padding:5px 15px;white-space:nowrap;width:100%}.btn-primary:disabled{opacity:.5}.btn-secondary{background-color:#333;border:1px solid #ccc;border-radius:20px;color:#e6e6e6;display:block;font-size:16px;height:40px;margin:auto;max-width:480px;padding:5px 15px;white-space:nowrap;width:100%}.btn-secondary:disabled{opacity:.5}.left-menu-panel{animation:slidein .5s;background-color:#fff;display:flex;flex-direction:column;height:100dvh;left:0;margin:auto;max-width:400px;min-width:200px;position:absolute;top:0}.left-menu-panel ul{display:block;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0}.left-menu-panel ul li{border-bottom:1px solid #466fac;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;padding-left:10px}.left-menu-panel ul li:hover{background-color:#eee}@keyframes slidein{0%{left:-300px}to{left:0}}@media screen and (min-width:600px){.bottom-menu-panel{left:calc(50vw - 300px);width:600px}}@media screen and (max-width:600px){.bottom-menu-panel{left:0;width:100vw}}.bottom-menu-panel{background-color:#fff;border-top-left-radius:10px;border-top-right-radius:10px;display:flex;flex-direction:column;overflow:hidden;position:absolute}.bottom-menu-panel ul{display:block;list-style-type:none;margin-block-end:0;margin-block-start:0;margin-inline-end:0;margin-inline-start:0;padding-inline-start:0;-webkit-user-select:none;user-select:none}.bottom-menu-panel ul li{border-bottom:1px solid #466fac;cursor:pointer;display:flex;flex-direction:column;font-weight:700;height:50px;justify-content:center;padding-left:10px}.bottom-menu-panel ul li:hover{background-color:#eee}.bottom-menu-panel-items-50px{animation:slideup-50px .3s;height:50px;top:calc(100dvh - 50px)}@keyframes slideup-50px{0%{top:100dvh}to{top:calc(100dvh - 50px)}}.bottom-menu-panel-items-100px{animation:slideup-100px .3s;height:100px;top:calc(100dvh - 100px)}@keyframes slideup-100px{0%{top:100dvh}to{top:calc(100dvh - 100px)}}.bottom-menu-panel-items-150px{animation:slideup-150px .3s;height:150px;top:calc(100dvh - 150px)}@keyframes slideup-150px{0%{top:100dvh}to{top:calc(100dvh - 150px)}}.bottom-menu-panel-items-200px{animation:slideup-200px .3s;height:200px;top:calc(100dvh - 200px)}@keyframes slideup-200px{0%{top:100dvh}to{top:calc(100dvh - 200px)}}.bottom-menu-panel-items-250px{animation:slideup-250px .3s;height:250px;top:calc(100dvh - 250px)}@keyframes slideup-250px{0%{top:100dvh}to{top:calc(100dvh - 250px)}}.bottom-menu-panel-items-300px{animation:slideup-300px .3s;height:300px;top:calc(100dvh - 300px)}@keyframes slideup-300px{0%{top:100dvh}to{top:calc(100dvh - 300px)}}.bottom-menu-panel-items-350px{animation:slideup-350px .3s;height:350px;top:calc(100dvh - 350px)}@keyframes slideup-350px{0%{top:100dvh}to{top:calc(100dvh - 350px)}}.bottom-menu-panel-items-400px{animation:slideup-400px .3s;height:400px;top:calc(100dvh - 400px)}@keyframes slideup-400px{0%{top:100dvh}to{top:calc(100dvh - 400px)}}.bottom-menu-panel-items-450px{animation:slideup-450px .3s;height:450px;top:calc(100dvh - 450px)}@keyframes slideup-450px{0%{top:100dvh}to{top:calc(100dvh - 450px)}}h1,h2,h3,label,p{color:#284064}#account-dialog-button{float:right}#account-dialog{background-color:#fff;border-radius:0 0 0 20px;display:flex;flex-direction:column;height:500px;padding:5px 0;position:absolute;right:0;top:50px;width:300px;z-index:1001}#account-dialog .account-dialog-header{border-bottom:1px solid #ccc;flex:0 1;flex-basis:50px}#account-dialog .account-dialog-header h3{margin-left:10px;margin-top:10px}#account-dialog .account-dialog-content{flex:1 1}#account-dialog .account-dialog-bottom{display:flex;flex:0 1;flex-basis:40px;flex-direction:row;padding:0 10px}#account-dialog .account-dialog-bottom button{float:right}.dialog-outer{background-color:#fff;border-radius:10px 10px 10px 10px;display:flex;flex-direction:column;margin-left:auto;margin-right:auto;margin-top:100px}.dialog-outer .dialog-header{background-color:#284064;border-radius:10px 10px 0 0;color:#fff;flex:0 1}.dialog-outer .dialog-header .dialog-header-title{color:#fff;font-size:1.3rem;padding:10px 20px}.dialog-outer .dialog-body{flex:1 1;margin-top:0;padding:0 20px 20px}.dialog-outer .dialog-footer{background-color:#284064;border-radius:0 0 10px 10px;color:#fff;flex:0 1;padding:10px;text-align:right}.dialog-outer .dialog-footer button{margin-left:10px;min-width:100px}.toolbar-container{display:flex;flex-direction:row;margin:4px 0;-webkit-user-select:none;user-select:none}.toolbar-container .toolbar-item{background-color:#466fac;border:1px solid #284064;border-radius:8px;color:#fff;cursor:pointer;flex:0 1;margin-right:10px;padding:5px 5px 5px 15px;-webkit-user-select:none;user-select:none;white-space:nowrap}.toolbar-container .toolbar-item .icon,.toolbar-container .toolbar-item .text{padding-right:10px}.toolbar-container .toolbar-item.disabled{background-color:#6589c0;cursor:default;opacity:.8}.card-container{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;justify-content:flex-start}.card-container .card{background-color:#fff;border:1px solid #eee;border-radius:10px;box-shadow:5px 4px 7px -4px #0000006b;box-sizing:border-box;cursor:pointer;height:100px;-webkit-user-select:none;user-select:none}@media screen and (max-width:600px){.card-container .card{width:100%}}@media screen and (min-width:600px) and (max-width:calc(2 * 600px)){.card-container .card{width:calc(50% - 5px)}}@media screen and (min-width:calc(2 * 600px)) and (max-width:calc(3 * 600px)){.card-container .card{width:calc(33.33333% - 6.66667px)}}@media screen and (min-width:calc(3 * 600px)){.card-container .card{width:calc(25% - 7.5px)}}.card-container .card-boat{background-color:#fff;border:1px solid #eee;border-radius:10px;border-radius:0;box-shadow:5px 4px 7px -4px #0000006b;box-sizing:border-box;cursor:pointer;-webkit-user-select:none;user-select:none}@media screen and (max-width:600px){.card-container .card-boat{width:100%}}@media screen and (min-width:600px) and (max-width:calc(2 * 600px)){.card-container .card-boat{width:calc(50% - 5px)}}@media screen and (min-width:calc(2 * 600px)) and (max-width:calc(3 * 600px)){.card-container .card-boat{width:calc(33.33333% - 6.66667px)}}@media screen and (min-width:calc(3 * 600px)){.card-container .card-boat{width:calc(25% - 7.5px)}}.card-container .card-boat .boat-image{aspect-ratio:1.7;object-fit:cover;width:100%}.card-container .card-boat .boat-info{min-height:100px;padding:10px}.card-container .card-boat .boat-info .boat-name{font-size:1.2rem}.card-container .card-boat .boat-info .boat-type{font-size:1rem;margin-top:4px}.card-container .card-boat .boat-info .boat-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:block;display:-webkit-box;font-size:.8rem;margin-top:4px;overflow:hidden}.card-container .card-center{margin:auto}.card-container .add-card{display:flex}.card-container .data-card{display:grid;grid-template-columns:90px auto;padding:10px}.card-container .data-card .card-info{display:inline-block;min-width:0;width:100%}.card-container .data-card .card-image{aspect-ratio:1;background-color:#cbdcf6;border-radius:10px;width:80px}.card-container .data-card .title{font-size:1.2rem}.card-container .data-card .card-text,.card-container .data-card .title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.plus-container{aspect-ratio:1;background-color:#cbdcf6;border-radius:50%;color:#375788;display:flex;flex:1 1;flex-direction:column;margin:auto;width:50px}.plus-container .icon{display:block;flex:1 1;margin-top:7px}.settings-container{background-color:#fff;border-radius:20px;box-shadow:5px 4px 7px -4px #0000006b;margin-bottom:20px;padding:10px 0}.settings-container .header{border-bottom:1px solid #6589c0;color:#284064;font-size:1.2rem;padding:0 10px}.settings-container .settings-item{cursor:pointer;display:grid;grid-template-columns:auto 40px;padding:8px 8px 8px 16px}.settings-container .settings-item .description{font-size:.8rem;font-style:italic}.settings-container .settings-item .ico{display:flex;flex-direction:column;justify-content:center}.settings-item:not(:last-child){border-bottom:1px solid #cbdcf6}.overflow-scroll{overflow-y:scroll}.events .event{background-color:#fff;border-radius:10px;box-shadow:5px 4px 7px -4px #0000006b;box-sizing:border-box;display:grid;grid-template-columns:60px auto;margin-bottom:10px;min-height:80px;padding:10px}.events .event .ico{aspect-ratio:1;background-color:#cbdcf6;border-radius:50%}.events .event .ico img{aspect-ratio:1;border-radius:50%;object-fit:cover;width:100%}.events .event .texts{padding-left:10px}.events .event .texts .title{font-size:1.2rem}.events .event .texts .timestamp{font-size:.8rem;min-width:0;overflow:hidden;white-space:nowrap}.events .event .texts .description{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.8rem;min-width:0;overflow:hidden}.file-upload,.image-upload{box-sizing:border-box;font-family:Poppins,sans-serif}.file-upload .container,.image-upload .container{background-color:#fff;border-radius:.43em;box-shadow:5px 4px 7px -4px #0000006b;margin:3.12em auto;max-width:34.37em;padding:3.12em 1.25em;position:relative;width:90%}.file-upload input[type=file],.image-upload input[type=file]{display:none}.file-upload label,.image-upload label{background-color:#375788;border-radius:.31em;color:#fff;cursor:pointer;display:block;font-size:1.12em;font-weight:500;margin:auto;padding:10px 0;position:relative;text-align:center;width:18.75em}.file-upload .camera-input,.image-upload .camera-input{aspect-ratio:1.6;border-radius:20px;display:flex;flex-direction:column;justify-content:center;max-width:120px}.file-upload .num-of-files,.image-upload .num-of-files{font-weight:400;margin:1.25em 0 1.87em;text-align:center}.file-upload .card-container,.image-upload .card-container{margin-top:10px}.file-upload .file-card,.image-upload .file-card{color:#375788;display:flex;font-weight:500;justify-content:space-between;padding:1.1em 1em}.file-upload .image-card,.image-upload .image-card{color:#375788;font-weight:500;margin:1.1em 1em;position:relative;text-align:center}.file-upload .image-card .image,.image-upload .image-card .image{border-radius:10px;object-fit:cover;width:100%}.file-upload .image-card .image-preview,.image-upload .image-card .image-preview{display:flex;flex-direction:row;height:100dvh;justify-content:center;width:100dvw}.file-upload .image-card .image-preview .image-preview-img,.image-upload .image-card .image-preview .image-preview-img{border-radius:0;max-height:100dvh;max-width:100dvw;object-fit:contain;touch-action:pan-right pinch-zoom;width:auto}.file-upload .image-card .remove,.image-upload .image-card .remove{aspect-ratio:1;background-color:#fff9;border-radius:10px;color:#000;display:flex;flex-direction:column;justify-content:center;position:absolute;right:0;width:40px}.file-upload .image-card .filesize,.image-upload .image-card .filesize{display:none}.image-upload-btns{display:flex;flex-direction:row;justify-content:space-around}@media screen and (max-width:600px){.hide-on-mobile{display:none}}.limit-width-to-mobile{max-width:600px}.wide-container{padding-left:10px;padding-right:10px}.flex-container-with-header{display:flex;flex-direction:column;height:calc(100dvh - 122px - env(safe-area-inset-bottom, 0px))}#bottomdialog{background-color:hsla(0,100%,83%,.333);border-radius:20px;bottom:100px;left:10vw;padding:5px 30px;position:absolute;z-index:1001}.section-center{margin:auto;max-width:900px}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.4d54e9e2.css.map*/