body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.extra-bold{display:flex;font-weight:800}.extra-bold,.medium-font{font-family:"Abhaya Libre",serif;font-size:48px}.medium-font{font-weight:500;letter-spacing:-1px}.button-1{font-size:16px;color:#fff;background-color:#1c8bf9;border:0;width:23%;height:13%;border-radius:6px;-webkit-appearance:none;cursor:pointer;margin:30px auto}.button-1:hover{background-color:#fff;color:#1c8bf9;border:1px solid #1c8bf9}.button-2{font-size:16px;color:#fff;background-color:#1c8bf9;border:0;width:129px;height:40px;border-radius:6px;-webkit-appearance:none;cursor:pointer;margin:0}.button-2:hover{background-color:#fff;color:#1c8bf9;border:1px solid #1c8bf9}.button-3{font-size:13px;color:#fff;background-color:#1c8bf9;border:0;width:69px;height:32px;border-radius:6px;-webkit-appearance:none;cursor:pointer;margin:0}.button-3:hover{background-color:#fff;color:#1c8bf9;border:1px solid #1c8bf9}.button-4{font-size:13px;color:#fff;background-color:#1c8bf9;border:0;width:108px;height:35px;border-radius:6px;-webkit-appearance:none;cursor:pointer;margin-bottom:30px}.button-4:hover{background-color:#fff;color:#1c8bf9;border:1px solid #1c8bf9}.button-5{font-size:13px;color:#fff;background-color:#bd2c26;border:0;width:108px;height:35px;border-radius:6px;-webkit-appearance:none;cursor:pointer;margin-bottom:30px}.button-5:hover{background-color:#fff;color:#bd2c26;border:1px solid #bd2c26}.button-6{font-size:13px;color:#222;background-color:#80bdf7;border:0;width:108px;height:35px;border-radius:6px;-webkit-appearance:none;cursor:pointer;margin-bottom:30px}.button-6:hover{background-color:#fff;color:#222;border:1px solid #80bdf7}.line-break-1{border:1px solid #d3d3d3;width:90%}.login-hero-container{display:flex;flex-direction:row;justify-content:flex-start}.hero-image{width:45%;height:auto;position:absolute;top:15%;left:53%}.hero-p{width:35%;display:flex;flex-direction:column;align-items:flex-start;position:absolute;top:78%;left:49%}#made-easy,#time-attendance{margin:0}@media screen and (max-width:500px){#content-desktop{display:none}.login-form{width:100%;border:none}}.login-form{width:40%;height:480px;align-items:center;border-right:1px solid #ccc;margin:5% 5% 1%}.login-form,.login-form>form{display:flex;flex-direction:column}.form-container{width:100%;height:68%}.form-container>input{width:60%;height:23%;padding:12px 20px;margin:8px auto;border:1px solid #ccc;border-radius:7px;box-sizing:border-box}.employee-card-contents{display:flex;flex-direction:column;height:100%;justify-content:space-around}.employee-card{display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:-6px 8px 8px -2px rgba(28,139,249,.5);border:1px solid #d3d3d3;transition:all .25s;padding:20px;margin:10px 10px 60px;width:200px;height:200px;text-decoration:none;color:#3d3c3c}.employee-card:hover{transform:scale(1.02)}.card-content-mask{position:relative;margin:0 auto;width:100px;height:100px;border-radius:50%;overflow:hidden}.card-content-image{position:absolute;margin:0 auto;left:50%;top:60%;height:150%;width:auto;transform:translate(-50%,-50%)}.card-content-name,.card-content-points,.card-content-position{text-align:center}.employees{display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:5% 4%}.employee-container{display:flex;flex-direction:row;justify-content:space-between;margin:5%}.grid-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:75%;margin:25px}.table-page-header{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%}.infraction-title{width:100%;text-align:left;margin:0 0 14px}.form-create{display:flex;flex-direction:column;width:57%;margin:0 auto}.form-create>label{color:#80bdf7}.form-add,.reformat-input{width:86%;height:51%;color:#bfbfbf;padding:12px 20px;margin:8px auto;background:none;border:none;border-bottom:1px solid #bfbfbf;box-sizing:border-box;font-size:16px}.form-add{font-family:"Helvetica"}.employee-detail-container{display:flex;flex-direction:column;width:25%;border-right:1px solid #d3d3d3}.employee-image-container{display:flex;flex-direction:column;margin:0 17%}.detail-name{text-align:center}.detail-points{text-align:end}.detail-mask{position:relative;margin:0 auto 15px;width:150px;height:150px;border-radius:50%;overflow:hidden}.detail-image{position:absolute;margin:0 auto;left:50%;top:70%;height:175%;width:auto;transform:translate(-50%,-50%)}.employee-stats-container{display:flex;flex-direction:column;text-align:center}.employee-data-container{display:flex;flex-direction:row;justify-content:space-evenly;width:100%}.data-icons{justify-content:space-around}.data-details,.data-icons{display:flex;flex-direction:column}.data-details{width:48%;font-size:12px}#email{overflow-x:scroll}@media screen and (max-width:800px){.detail-mask{width:75px;height:75px}.detail-image{height:150%}}.edit-form-container{width:100%}.form{display:flex;flex-direction:row;justify-content:space-around}.form-edit{width:100%;height:51%;padding:12px 20px;margin:8px auto;background:none;border:1px solid #ccc;border-radius:7px;box-sizing:border-box}#edit-submit{position:relative;top:97px}#reason-edit{font-family:Helvetica;font-size:14px;width:157%;height:59%}@media screen and (max-width:800px){.form{flex-direction:column}#reason-edit{width:100%}}@media screen and (max-width:1064px){#points{padding:0 10%}}#logo2{padding-left:2%;justify-self:start}.nav-container{border-bottom:1px solid #000;display:flex;flex-direction:row;justify-content:space-between}.nav-items>a{text-decoration:none;color:#1c8bf9}.nav-items{list-style:none;display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:50%;-webkit-padding-start:0;padding-inline-start:0}
/*# sourceMappingURL=main.6a80f26a.chunk.css.map */