*{margin:0;padding:0;box-sizing:border-box;font-family:Lato,sans-serif}html{scroll-behavior:smooth}.app{display:grid;grid-template-columns:300px 1fr;grid-template-rows:repeat(auto-fit,minmax(1fr));height:100vh}.page-title{color:#000;letter-spacing:-2px;display:inline-block;font-weight:300;padding:30px 0 25px 30px;margin-top:0;display:block;border-bottom:1px solid rgba(0,0,0,.2);box-shadow:0 1px 5px rgba(0,0,0,.15);background-color:#fafafa;border-left:38px solid #ed3a3a;text-transform:uppercase;font-size:48px}.content{background-color:#e0e0e0;grid-column:2/3;grid-row:1/4}.material-icons{color:#ed3a3a}.submit{color:#ed3a3a!important;font-weight:600}.chart-title{font-size:3rem;padding:34px;text-align:center}.navigation{grid-column:1/1;grid-row:1/3;border-right:1px solid #bdbdbd;position:fixed;top:0;left:0;height:100vh;width:300px}.navigation__wrapper{height:100%;background-color:#fafafa}.navigation__logo{width:50%;display:block;margin:0 auto;padding:30px 0;border-bottom:1px solid #ed3a3a}.navigation__logo_manager{display:block;margin:0 auto;padding:10px 0;width:80%}.navigation__list{display:flex;flex-direction:column;padding-top:20px}.navigationLink--link{color:#000;font-size:1.1rem}.navigationLink--link-active{background-color:#e1e1e1;font-weight:700}.footer{background-color:#fafafa;grid-column:1/-1;grid-row:3/4;text-align:center;padding:20px 0;display:flex;flex-direction:column-reverse;border-top:1px solid #bdbdbd;position:fixed;bottom:0;left:0;width:100%;z-index:99999}.footer__social{display:flex;width:10%;margin:0 auto;justify-content:center}.footer__social>li{margin:0 10px}.instruction{padding-bottom:200px}.instruction__navigation{font-size:1.4rem;padding:20px 20px 40px!important;border-bottom:1px solid #000;margin-bottom:50px}.instruction__navigation a{color:#000;position:relative;text-decoration:none;padding-bottom:5px;margin:5px;-webkit-transition:color .4s ease-out;transition:color .4s ease-out}.instruction__navigation a:hover:after{border-color:#ed3a3a}.instruction__navigation a:after{border-radius:1em;border-top:.1em solid #ed3a3a;content:"";position:absolute;right:100%;bottom:.14em;left:0;-webkit-transition:right 1s cubic-bezier(0,.5,0,1),border-color .4s ease-out;transition:right 1s cubic-bezier(0,.5,0,1),border-color .4s ease-out}.instruction__navigation a:hover:after{right:0}.instruction .section-title{font-size:2.56rem;padding:0;margin:0}.instruction .section{max-width:1000px;margin-left:40px}.instruction__dfn{display:block;padding:20px;max-width:1000px}.instruction__img{margin-right:10px}.addEmployeesChapter__list--item{display:flex;align-items:center;padding:10px}.addEmployeesChapter__icon{margin-right:10px}.addEmployeesChapter__addButton,.addEmployeesChapter__success{display:flex;align-items:center;padding:10px}.employeesChapter__list{margin-left:30px}.employeesChapter__list--item{display:flex;align-items:center;padding:10px}.employeePanelChapter__list{margin-left:30px}.employeePanelChapter__list--item{display:flex;align-items:center;padding:10px}.employeePanelChapter__subsection{font-size:1.5rem;padding:10px}.employeePanelChapter__removeWrapper{display:flex;align-items:center;padding:10px}.employeePanelChapter__paragraph{padding:20px}.addEmployee__wrapper{padding:10px}.addEmployee .input-field .prefix.active{color:#ed3a3a}.addEmployee .input-field input[type]:focus+label,.addEmployee .input-field label{color:#000}.addEmployee .input-field input[type]:focus{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #000}.errorList{margin-bottom:20px}.errorList__icon{margin-right:10px;color:#ed3a3a}.errorList__errorMessage{padding:10px 15px;margin:5px 0;color:#000;font-weight:700}.AddEmployeePageForm__successPopUp--icon{color:green}.employee:hover{cursor:pointer;background-color:rgba(237,58,58,.1)}.employees__filterWrapper{width:80%;padding:0 20px}.employees__filter--title{font-weight:300}.employees__body{display:block;max-height:480px;overflow:auto}.employees__body .employees__record,.employees__tableHead{display:table;width:100%;table-layout:fixed}.employees__tableHead{width:calc(100% - 1em);border-bottom:2px solid #9e9e9e}.employees .input-field .prefix.active{color:#ed3a3a}.employees .input-field input[type=number]::-webkit-inner-spin-button,.employees .input-field input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.employees .input-field input[type]:focus+label,.employees .input-field label{color:#000}.employees .input-field input[type]:focus{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #000}.rankingPage{padding-bottom:200px}.EmployeePanelPage{padding-bottom:120px}.EmployeePanelPage__list{padding:20px}.EmployeePanelPage__list--item{margin:20px;font-size:18px}.EmployeePanelPage__list--span{font-weight:700}.EmployeePanelPage__list--btn{margin-left:15px}.EmployeePanelPage__diagram{position:relative;width:1100px;height:450}.EmployeePanelPage__timeRecords{width:60%;margin:20px 0 50px;border-top:1px solid #000;border-bottom:1px solid #000}.addEmployeePageForm{padding:10px}.addEmployeePageForm .input-field label{color:#000;font-weight:700}.addEmployeePageForm .input-field input[type]:focus+label{color:#000}.addEmployeePageForm .input-field input[type]:focus{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #000}.addDay{padding:30px 10px}.addDay__row{width:50%}.addDay .input-field input[type]:focus+label,.addDay .input-field label{color:#000}.addDay .input-field input[type]:focus{border-bottom:1px solid #000;box-shadow:0 1px 0 0 #000}.TimeRecords{width:100%}.TimeRecords__body{display:block;max-height:500px;overflow:auto}.TimeRecords__body .TimeRecords__record,.TimeRecords__tableHead{display:table;width:100%;table-layout:fixed}.TimeRecords__tableHead{width:calc(100% - 1em)}
/*# sourceMappingURL=main.8bf862b3.chunk.css.map */