@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600&display=swap");*{font-family:Poppins,sans-serif}*,body,html{margin:0;padding:0}body,html{color:#000;background-color:#f7f7f7;width:100vw;overflow-x:hidden}a{color:inherit;text-decoration:none}*{box-sizing:border-box}.contents{min-height:calc(100vh - 60px)}header{justify-content:space-between;height:60px;border-bottom:1px solid #ccc;padding:10px;background-color:#fff;z-index:10}header,header .left,header .right{display:flex;align-items:center;gap:10px}header .left,header .right{cursor:default}header .left a,header .right a{display:flex;align-items:center;gap:10px}header .title{font-weight:800}header .logo img{height:40px}.login,.panel{border:1px solid #ccc;background-color:#fff;border-radius:5px;padding:10px;margin:30px}.login>.title{font-weight:500;font-size:14px}label{display:block;padding:10px 0}input,select{border:1px solid #727283;border-radius:4px;padding:5px;background-color:#fff;width:300px}button{border:none;background-color:#05a;padding:7px 15px;color:#fff;font-size:15px;border-radius:4px;cursor:pointer;display:inline-block}button>i.fa{margin:0 7px}button.link{border:none;background:none;padding:7px;display:inline;color:#000}button.link:hover{background-color:#eee}button+button{margin-left:4px}button.secondary{background-color:#666}.padded{padding:20px}.roundButton{align-self:center;background-color:#05a;border-radius:50%;display:inline-block;padding:20px;margin:20px auto}.roundButton .fa{font-size:40px}main{position:relative;padding:20px}main .centered{max-width:900px;margin:0 auto}table{width:100%;border-collapse:collapse}tbody tr{border-bottom:1px solid #ccc}thead tr{background-color:#52a287;color:#fff}td,th{text-align:left;vertical-align:top;padding:10px;white-space:nowrap;text-align:right}td:first-child,th:first-child{text-align:left}.pullout{position:absolute;right:0;top:0;padding:20px;height:calc(100vh - 60px);background-color:#fff;border-left:1px solid #ccc;box-shadow:-10px 10px 10px 0 rgba(0,0,0,.3)}.react-gravatar{border-radius:50%}.closer{position:absolute;left:0;top:0;height:calc(100vh - 60px);background-color:rgba(0,0,0,.2);width:100vw}.inline{display:inline}span.breaks{white-space:normal}@media (max-width:800px){main{padding:10px 0}main .centered{max-width:100vw}}@media (max-width:700px){td:nth-child(2),th:nth-child(2){display:none}}@media (max-width:600px){td:nth-child(5),th:nth-child(5){display:none}}@media (max-width:500px){td:nth-child(3),th:nth-child(3){display:none}}