.warnbox{-ms-flex-align:stretch;-ms-flex-pack:stretch;align-items:stretch;background:#ffc964;border:1px solid #fff;border-radius:.3em;box-shadow:0 0 1em #ffc964;-ms-flex-direction:row;flex-direction:row;justify-content:stretch;padding:.3em}.warnbox,.warnbox__icon{display:-ms-flexbox;display:flex}.warnbox__icon{-ms-flex-pack:center;-ms-flex-align:center;align-items:center;border-right:1px solid #fff;color:#fff;font-size:2em;font-weight:700;justify-content:center;line-height:.5em;margin:0;padding:.25em;text-shadow:0 0 .2em #fff}.warnbox h3{color:#fff;margin:.3em}.warnbox div span{margin-left:1em}*{box-sizing:border-box}html{font-family:Helvetica,sans-serif;font-size:16px}body,html{height:100%}body{background-color:#fff;margin:0;padding:0;width:100%}#wrapper{-ms-flex-pack:start;-ms-flex-align:stretch;align-items:stretch;justify-content:flex-start;min-height:100%}#wrapper,.header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}.header{-ms-flex-pack:center;background:linear-gradient(#9e9e9e,#d1d1d1);box-shadow:0 0 .2em #444;height:4rem;justify-content:center;margin:0;max-width:100vw;padding:.5em;position:fixed;top:0;z-index:100}.header h1{color:#fff;display:inline-block;margin:0}.header .hamburger{display:inline-block;float:right;font-size:1em;position:relative;width:3em}.header .hamburger hr{background:#fff;border:none;border-radius:.2em;box-shadow:inset 0 0 .2em #000;height:.5em;margin:0;position:relative;transition:all .25s;width:3em}.header .hamburger hr:first-child{-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0}.header .hamburger hr:nth-child(2){margin:.5em 0}.header .hamburger hr:nth-child(3){-webkit-transform-origin:0 100%;-ms-transform-origin:0 100%;transform-origin:0 100%}.header .hamburger-active hr:first-child{background:#000;box-shadow:0 0 .1em #000;-webkit-transform:translate(.25em) rotate(45deg);-ms-transform:translate(.25em) rotate(45deg);transform:translate(.25em) rotate(45deg)}.header .hamburger-active hr:nth-child(2){opacity:0;-webkit-transform:rotate(0deg) scale(.2);-ms-transform:rotate(0deg) scale(.2);transform:rotate(0deg) scale(.2)}.header .hamburger-active hr:nth-child(3){background:#000;box-shadow:0 0 .1em #000;-webkit-transform:translate(.25em) rotate(-45deg);-ms-transform:translate(.25em) rotate(-45deg);transform:translate(.25em) rotate(-45deg)}.container{margin:0 auto;width:clamp(5ch,100%,75ch)}.container .breadcrumb{padding-top:1rem}.container .breadcrumb ul{background:#eee;border:.05em solid #fff;border-radius:.3em;box-shadow:inset 0 0 .3em #ccc,0 0 .5em #ddd;display:-ms-flexbox;display:flex;list-style-type:none;margin:0 .5em;padding:.3em}.container .breadcrumb ul li a{-ms-flex-align:center;align-items:center;background:#ccc;color:#fff;display:-ms-inline-flexbox;display:inline-flex;height:2em;padding:.5em;position:relative;text-align:center;text-decoration:none;vertical-align:middle}.container .breadcrumb ul li a:after{border-bottom:1em solid transparent;border-left:1em solid #ccc;border-top:1em solid transparent;content:"";left:100%;position:absolute;top:0;z-index:2}.container .breadcrumb ul li a:hover{background-color:#777}.container .breadcrumb ul li a:hover:after{border-left:1em solid #777}.container .breadcrumb ul li:first-child a{border-bottom-left-radius:.3em;border-top-left-radius:.3em}.container .breadcrumb ul li:not(:first-child) a{margin-left:.2em;padding-left:1.5em}.container .breadcrumb ul li:not(:first-child) a:before{border-bottom:1em solid transparent;border-left:1em solid #eee;border-top:1em solid transparent;content:"";left:0;position:absolute;top:0;z-index:1}.page{background:#fff;-ms-flex:1;flex:1;margin-top:4rem;width:100%}.menu ul,.page{display:-ms-flexbox;display:flex}.menu ul{-ms-flex-direction:column;flex-direction:column;list-style:none;margin:0;padding:0}.menu ul li a{color:#666;display:block;font-size:2em;font-style:none;padding:1em;position:relative;text-decoration:none;transition:all .15s ease-in-out;width:100%}.menu ul li a:hover{background:#888;color:#fff;padding-left:.5em;text-shadow:0 0 1em #fff}.menu ul li a:after{background:#ccc;content:"";height:.1em;left:0;position:absolute;top:100%;width:100%;z-index:2}#login_form{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:0 auto;padding:1em;width:100%}#login_form .input-box{background:#fafafa;border-bottom:1px solid #ccc;border-radius:.3em;display:block;font-size:1.5em;margin:0;min-width:100%;position:relative}#login_form .input-box:hover{background:#fff}#login_form .input-box input{background:none;border:none;border-radius:none;display:block;font-size:1em;outline:none;padding:.7em;width:100%}#login_form .input-box input+label{cursor:text;font-size:.7em;left:.25em;overflow:hidden;position:absolute;right:0;text-overflow:ellipsis;top:.15em;transition:all .25s;-webkit-user-select:none;-ms-user-select:none;user-select:none}#login_form .input-box input::-webkit-input-placeholder{color:transparent}#login_form .input-box input:-ms-input-placeholder{color:transparent}#login_form .input-box input::placeholder{color:transparent}#login_form .input-box input:-ms-input-placeholder+label{bottom:0;color:gray;font-size:1em;left:0;padding:.7em;position:absolute;right:0;top:0}#login_form .input-box input:placeholder-shown+label{bottom:0;color:gray;font-size:1em;left:0;padding:.7em;position:absolute;right:0;top:0}#login_form .input-box__info{color:#ccc;font-size:.7em}#login_form .input-box__hint{background:red;border-bottom-left-radius:.3em;border-bottom-right-radius:.3em;color:#fff;font-size:.7em;left:0;position:absolute;right:0;top:calc(100% - .6em);z-index:1}#login_form p{font-size:2em}.page-nav-bar{margin:2em;text-align:center}.page-nav-bar ul{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;list-style:none;margin:0;padding:0}.page-nav-bar ul,.page-nav-bar ul li a{-ms-flex-pack:center;justify-content:center}.page-nav-bar ul li a{-ms-flex-align:center;align-items:center;background:#eee;border:.1em solid #ccc;border-radius:.3em;color:#ccc;display:-ms-inline-flexbox;display:inline-flex;font-weight:700;margin:.3em;min-height:2rem;min-width:2rem;padding:.2em .5em;text-decoration:none}.page-nav-bar ul li a.active{background:#888;color:#eee}.page-nav-bar ul li a:hover{background:#fff;border:.1em solid #444;color:#333}.user-list-item{-ms-flex-negative:1;-ms-flex-positive:1;background:#eee;border-radius:.3em;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:row;flex-direction:row;flex-grow:1;flex-shrink:1;margin:0 .5em;min-width:calc(50% - 1em);overflow:hidden;padding:.5em 3em 0 0;position:relative}.user-list-item:not(:last-child){margin-bottom:.5em}.user-list-item .user-attributes{padding:.5em}.user-list-item .btn-group{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;bottom:0;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;justify-content:center;position:absolute;right:0;top:0}.btn-trash{background:#eee;background-image:url(/b.svg);background-origin:border-box;background-position:0;background-repeat:no-repeat;border:none;border-bottom-left-radius:1.5em;border-top-left-radius:1.5em;height:3em;margin-left:auto;padding:0 0 0 3em;position:relative;transition:background-size .15s,padding .2s,width .1s;width:3em}.btn-trash:not(:last-of-type){margin-bottom:.5em}.btn-trash:hover{background-color:#000;background-position:0;box-shadow:0 0 .5em #333;color:#ccc;-webkit-filter:invert(120%);filter:invert(120%);padding-right:.5em;width:auto}.btn-trash:hover:before{border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.btn-edit{background:#eee;background-image:url(/a.svg);background-origin:border-box;background-position:0;background-repeat:no-repeat;border:none;border-bottom-left-radius:1.5em;border-top-left-radius:1.5em;height:3em;margin-left:auto;padding:0 0 0 3em;position:relative;transition:background-size .15s,padding .2s,width .1s;width:3em}.btn-edit:not(:last-of-type){margin-bottom:.5em}.btn-edit:hover{background-color:#000;background-position:0;box-shadow:0 0 .5em #333;color:#ccc;-webkit-filter:invert(120%);filter:invert(120%);padding-right:.5em;width:auto}.btn-edit:hover:before{border-radius:50%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}footer{-ms-flex-negative:0;background:#bbb;color:#fff;display:block;flex-shrink:0;margin-top:1rem;padding:.5rem 0;text-shadow:0 0 .2em #34d;width:100%}.contentbox{-ms-flex-line-pack:stretch;align-content:stretch;background:#f4f4f4;border:1px solid #fff;border-radius:.5em;box-shadow:0 0 .5em #ddd,inset 0 0 1em #fff;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:1em .5em;padding:1em}.contentbox,.contentbox h2{display:-ms-flexbox;display:flex}.contentbox h2{flex-break:after;-ms-flex-preferred-size:100%;flex-basis:100%;margin:0}.button{border:1px solid #999;border-radius:.2rem;color:#333;display:block;font-weight:700;margin:0;min-width:100%;overflow:hidden;padding:.5em;position:relative;text-align:center;text-decoration:none;width:auto;z-index:1}.button--disabled{color:#999}.button button{background:none;border:none;border-radius:none;display:block;font-size:2em;overflow:hidden;text-overflow:ellipsis;transition:all .1s ease-in-out;width:100%}.button:before{background:transparent;border-radius:.2rem;content:"";height:100%;position:absolute;right:0;top:0;transition:all .25s ease-in-out;width:0;z-index:-1}.button:hover{color:#fff}.button:hover button{background:#333;border-radius:.3rem;color:#fff}.button:hover:before{background:#333;content:"";height:100%;left:0;right:auto;top:0;width:100%}.textbox{background:#fafafa;border-bottom:1px solid #ccc;border-radius:.3em;display:block;font-size:1.5em;margin:0;min-width:100%;position:relative}.textbox:hover{background:#fff}.textbox input{background:none;border:none;border-radius:none;display:block;font-size:1em;outline:none;padding:.7em;width:100%}.textbox input+label{cursor:text;font-size:.7em;left:.25em;overflow:hidden;position:absolute;right:0;text-overflow:ellipsis;top:.15em;transition:all .25s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.textbox input::-webkit-input-placeholder{color:transparent}.textbox input:-ms-input-placeholder{color:transparent}.textbox input::placeholder{color:transparent}.textbox input:-ms-input-placeholder+label{bottom:0;color:gray;font-size:1em;left:0;padding:.7em;position:absolute;right:0;top:0}.textbox input:placeholder-shown+label{bottom:0;color:gray;font-size:1em;left:0;padding:.7em;position:absolute;right:0;top:0}.textbox__info{color:#ccc;font-size:.7em}.textbox__hint{background:red;border-bottom-left-radius:.3em;border-bottom-right-radius:.3em;color:#fff;font-size:.7em;left:0;position:absolute;right:0;top:calc(100% - .6em);z-index:1}.checkbox{font-size:1.5em;position:relative}.checkbox label{margin-left:1em;padding-left:.5em;transition:all .25s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}.checkbox label:before{background:radial-gradient(circle,#e2e2e2 0,#b8b8b8 100%);border:1px solid #ccc;border-radius:.3em;box-shadow:0 0 .5em #fff,inset 0 0 .3em #fff}.checkbox label:after,.checkbox label:before{content:"";height:1em;left:0;position:absolute;top:0;width:1em}.checkbox label:after{-ms-flex-align:center;-ms-flex-pack:center;align-items:center;display:-ms-flexbox;display:flex;justify-content:center;padding:0;text-shadow:0 0 .2em #888;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);transition:all .25s ease-in-out}.checkbox input{display:none}.checkbox input:checked+label{text-shadow:0 0 .5em #888}.checkbox input:checked+label:before{box-shadow:0 0 .5em #fff,inset 0 0 .5em #fff}.checkbox input:checked+label:after{color:#fff;content:"✔";-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.row{-ms-flex-pack:space-evenly;-ms-flex-align:stretch;align-items:stretch;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-evenly;width:100%}.row:not(:last-child){margin-bottom:1em}.column{-ms-flex-positive:1;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;flex-grow:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.5em}