*{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:end;background:linear-gradient(#9e9e9e,#d1d1d1);box-shadow:0 0 .2em #444;height:4rem;justify-content:flex-end;margin:0;padding:.5em 0;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;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;width:100%}.menu ul li a:hover{background:#bbb;color:#333}.menu ul li a:after{background:#8a8080;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}#login_form .input-box{position:relative}#login_form .input-box input{border:none;border-radius:none;display:block;font-size:1.5em;outline:none;padding:.7em;width:100%}#login_form .input-box input+label{cursor:text;left:0;position:absolute;top:0;transition:all .25s}#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{color:gray;font-size:1.5em;padding:.7em;position:absolute}#login_form .input-box input:placeholder-shown+label{color:gray;font-size:1.5em;padding:.7em;position:absolute}#login_form p{font-size:2em}#login_form input[type=submit]{border:none;border-radius:none;font-size:2em}.page-nav-bar{margin:1em;text-align:center}.page-nav-bar ul{-ms-flex-pack:center;display:-ms-flexbox;display:flex;justify-content:center;list-style:none;margin:0;padding:0}.page-nav-bar ul li a{background:#eee;border:.1em solid #ccc;border-radius:.3em;color:#ccc;font-weight:700;margin:.3em;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 #ccc;color:#333}.user-list-item{background:#eee;border-radius:.3em;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;overflow:hidden;padding:.5em 0}.user-list-item:not(:last-child){margin-bottom:.5em}.user-list-item .user-attributes{padding:.5em}.btn-group{-ms-flex-item-align:end;align-self:flex-end;display:-ms-inline-flexbox;display:inline-flex;-ms-flex-direction:column;flex-direction:column;justify-self:flex-end;margin-left:auto}.btn-trash{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-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(/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-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%}