body{box-sizing:border-box;background-image:linear-gradient(45deg,#4ebd36,#7e7cf9);background-attachment:fixed;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;min-height:100vh;margin:0;padding:100px;font-family:Roboto,sans-serif;display:-ms-flexbox;display:flex}table{border-collapse:collapse;min-width:600px;max-width:1000px}tr{color:gray;background:#fff}tr:nth-child(odd){background:#f5f5f5}thead tr:first-child{color:#fff;background:#e25644}tfoot tr:first-child{background:#f5f5f5}td,th{text-align:left;padding:18px}thead th:hover{color:#fff400;cursor:pointer}thead tr th:first-child{border-top-left-radius:10px}thead tr th:last-child{border-top-right-radius:10px}tfoot tr th:first-child{border-bottom-left-radius:10px}tfoot tr th:last-child{border-bottom-right-radius:10px}tbody tr:hover{color:#585858;cursor:pointer;background:#f5f5f5}tr.active,tr.active:hover{color:#585858;background:#cbcbcb}.new-employee-form{color:gray;box-sizing:border-box;background:#f5f5f5;border-top:54px solid #e25644;border-radius:10px;-ms-flex-direction:column;flex-direction:column;-ms-flex-item-align:start;align-self:flex-start;width:300px;margin-left:24px;padding:24px;display:-ms-flexbox;display:flex;position:relative}.new-employee-form:before{content:"New employee";color:#fff;font-size:16px;font-weight:700;position:absolute;top:-36px}.new-employee-form label{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:100%;margin-bottom:8px;display:-ms-flexbox;display:flex}.new-employee-form label input,.new-employee-form label select{box-sizing:border-box;color:gray;border:1px solid gray;border-radius:4px;outline-color:gray;width:150px;padding:4px}.new-employee-form button{box-sizing:border-box;color:#fff;cursor:pointer;background:#e25644;border:2px solid transparent;border-radius:10px;margin-top:16px;padding:8px 0;font-family:Roboto,sans-serif;font-size:14px;font-weight:700;transition:color .25s,background .25s,border .25s}.new-employee-form button:hover{color:#e25644;background:#fff;border:2px solid #e25644}.cell-input{color:gray;background:0 0;border:none;outline:none;padding:0;font-size:16px}.notification{box-sizing:border-box;background:rgba(132,132,132,.3);border-radius:10px;width:300px;min-height:100px;padding:0 16px;position:absolute;top:10px;right:10px}.notification .title{font-size:20px;font-weight:900;display:block}.notification.warning{background:rgba(255,212,39,.3)}.notification.success{background:rgba(10,189,0,.3)}.notification.error{background:rgba(253,0,0,.3)}
/*# sourceMappingURL=index.c35c18e7.css.map */