:root{--font-family: Times, "Times New Roman", serif;--form-font-family: Arial, Helvetica, sans-serif;--color-blue-light: #b3d1ff;--color-blue-mediumlight: #1976d2;--color-blue-mediumdark: #1253a4;--color-blue-dark: #0a3d91;--responsive-navbar-collapse-point: 600px}body{margin:0}body,html{background-color:#333;display:grid;margin:0;padding:0;font-family:var(--font-family);height:100vh;box-sizing:border-box}.clickable{font-weight:700;color:var(--color-blue-mediumdark);cursor:pointer}.card{border:1px solid var(--color-blue-dark);border-radius:12px;box-sizing:border-box;box-shadow:0 5px 15px 5px #a9a9a9;margin:10px 10px 20px;padding:6px;max-width:1000px;min-width:275px}.card-list{display:grid;grid-auto-flow:row;grid-template-columns:1fr;justify-items:center}.titled-card{padding:0}.widget{width:100%;align-items:center;max-width:1000px;min-width:275px}h2.titled-card-titlebar,h3.titled-card-titlebar{margin:0}.titled-card-titlebar{display:inline-block;box-sizing:border-box;border-top-left-radius:12px;border-top-right-radius:12px;width:100%;height:2em;margin:0;color:#f5f5f5;background-color:var(--color-blue-mediumlight);padding:6px 12px}.titled-card-content{margin:0;padding:10px}.toolbar{display:flex;flex-direction:row;justify-content:start;align-items:stretch;padding:0}.toolbar-wrapper{display:flex;flex-direction:row;width:100%;justify-content:space-between;border-bottom:1px solid #ccc}.toolbar-button{padding:8px 12px;display:flex;align-content:center;justify-content:center;text-align:center;flex-wrap:wrap;margin:0;border:1px solid transparent;background:transparent;font-style:italic;text-decoration:none;color:#000;cursor:pointer;-webkit-user-select:none;user-select:none}.toolbar-button:hover{border:1px solid darkgray;box-shadow:inset 0 0 10px #003cb426}.button-tray{display:flex;flex-direction:row;margin:auto;padding:20px;justify-content:center;gap:20px}.button-tray button{border-color:#000}.data-wrapper{padding:20px;display:grid;gap:1rem;max-width:1000px;margin:auto}.data-value-pair{display:grid}.data-value-pair label,.data-value-list label{font-weight:700}.data-value-list{display:grid;gap:1rem}.data-value-list .data-value{display:flex;flex-direction:column}.error-message{color:red;font-weight:700}form.form-blue input[type=text],form.form-blue input[type=password],form.form-blue input[type=email],form.form-blue input[type=time],form.form-blue select,form.form-blue textarea{box-sizing:border-box;padding:.75rem;border:1px solid var(--color-blue-light);border-radius:6px;font-family:var(--form-font-family);font-size:1rem;background:#f7fbff;color:var(--color-blue-dark);outline:none;transition:border .2s}form.form-blue input[type=text]:focus,form.form-blue input[type=password]:focus,form.form-blue input[type=email]:focus,form.form-blue input[type=time]:focus,form.form-blue select:focus,form.form-blue textarea:focus{border-color:var(--color-blue-mediumlight)}form.form-blue label{color:var(--color-blue-dark)}textarea.long-form{resize:vertical;word-wrap:break-word;height:400px;font-family:var(--form-font-family)}.popover-warning{padding:40px;text-align:center}.popover-warning h1,.popover-warning p{color:red}.responsive-navbar{background-color:#aaa;overflow:hidden;width:100%;min-width:310px}.responsive-navbar a{display:block;float:left;color:#000;text-align:center;padding:14px 16px;text-decoration:none;font-size:17px;cursor:pointer}.responsive-navbar a:hover{background-color:#777;color:#f5f5f5}.responsive-navbar a.active{background-color:var(--color-blue-mediumdark);color:#f5f5f5}.responsive-navbar .icon{display:none;background-color:#aaa}.responsive-navbar .icon:hover{background-color:#777}.navbar-l2{background-color:#bbb}.navbar-l2 a.active{background-color:var(--color-blue-mediumlight)}@media screen and (max-width: 600px){.responsive-navbar{position:relative}.responsive-navbar a.active{float:none;text-align:left}.responsive-navbar a:not(.active){display:none}.responsive-navbar .icon{display:block;position:absolute;right:0;top:0}.responsive-navbar.compact{position:relative}.responsive-navbar.compact .icon{position:absolute;right:0;top:0}.responsive-navbar.compact a{float:none;display:block;text-align:left}}
