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;background:#f7f7f7!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.loader-body{min-width:100vw;background:#1e2a38!important;padding:0;margin:0;min-height:100vh}.loader{position:relative;width:75px;height:100px;margin:0 auto;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;top:20rem}.loader__bar{position:absolute;bottom:0;width:10px;height:50%;background:#f38f19;-webkit-transform-origin:center bottom;transform-origin:center bottom;box-shadow:1px 1px 0 rgba(0,0,0,.2)}.loader__bar:first-child{left:0;-webkit-transform:scaleY(.2);transform:scaleY(.2);-webkit-animation:barUp1 4s infinite;animation:barUp1 4s infinite}.loader__bar:nth-child(2){left:15px;-webkit-transform:scaleY(.4);transform:scaleY(.4);-webkit-animation:barUp2 4s infinite;animation:barUp2 4s infinite}.loader__bar:nth-child(3){left:30px;-webkit-transform:scaleY(.6);transform:scaleY(.6);-webkit-animation:barUp3 4s infinite;animation:barUp3 4s infinite}.loader__bar:nth-child(4){left:45px;-webkit-transform:scaleY(.8);transform:scaleY(.8);-webkit-animation:barUp4 4s infinite;animation:barUp4 4s infinite}.loader__bar:nth-child(5){left:60px;-webkit-transform:scale(1);transform:scale(1);-webkit-animation:barUp5 4s infinite;animation:barUp5 4s infinite}.loader__ball{position:absolute;bottom:10px;left:0;width:10px;height:10px;background:#f38f19;border-radius:50%;-webkit-animation:ball 4s infinite;animation:ball 4s infinite}@-webkit-keyframes ball{0%{-webkit-transform:translate(0);transform:translate(0)}5%{-webkit-transform:translate(8px,-14px);transform:translate(8px,-14px)}10%{-webkit-transform:translate(15px,-10px);transform:translate(15px,-10px)}17%{-webkit-transform:translate(23px,-24px);transform:translate(23px,-24px)}20%{-webkit-transform:translate(30px,-20px);transform:translate(30px,-20px)}27%{-webkit-transform:translate(38px,-34px);transform:translate(38px,-34px)}30%{-webkit-transform:translate(45px,-30px);transform:translate(45px,-30px)}37%{-webkit-transform:translate(53px,-44px);transform:translate(53px,-44px)}40%{-webkit-transform:translate(60px,-40px);transform:translate(60px,-40px)}50%{-webkit-transform:translate(60px);transform:translate(60px)}57%{-webkit-transform:translate(53px,-14px);transform:translate(53px,-14px)}60%{-webkit-transform:translate(45px,-10px);transform:translate(45px,-10px)}67%{-webkit-transform:translate(37px,-24px);transform:translate(37px,-24px)}70%{-webkit-transform:translate(30px,-20px);transform:translate(30px,-20px)}77%{-webkit-transform:translate(22px,-34px);transform:translate(22px,-34px)}80%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}87%{-webkit-transform:translate(7px,-44px);transform:translate(7px,-44px)}90%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{-webkit-transform:translate(0);transform:translate(0)}}@keyframes ball{0%{-webkit-transform:translate(0);transform:translate(0)}5%{-webkit-transform:translate(8px,-14px);transform:translate(8px,-14px)}10%{-webkit-transform:translate(15px,-10px);transform:translate(15px,-10px)}17%{-webkit-transform:translate(23px,-24px);transform:translate(23px,-24px)}20%{-webkit-transform:translate(30px,-20px);transform:translate(30px,-20px)}27%{-webkit-transform:translate(38px,-34px);transform:translate(38px,-34px)}30%{-webkit-transform:translate(45px,-30px);transform:translate(45px,-30px)}37%{-webkit-transform:translate(53px,-44px);transform:translate(53px,-44px)}40%{-webkit-transform:translate(60px,-40px);transform:translate(60px,-40px)}50%{-webkit-transform:translate(60px);transform:translate(60px)}57%{-webkit-transform:translate(53px,-14px);transform:translate(53px,-14px)}60%{-webkit-transform:translate(45px,-10px);transform:translate(45px,-10px)}67%{-webkit-transform:translate(37px,-24px);transform:translate(37px,-24px)}70%{-webkit-transform:translate(30px,-20px);transform:translate(30px,-20px)}77%{-webkit-transform:translate(22px,-34px);transform:translate(22px,-34px)}80%{-webkit-transform:translate(15px,-30px);transform:translate(15px,-30px)}87%{-webkit-transform:translate(7px,-44px);transform:translate(7px,-44px)}90%{-webkit-transform:translateY(-40px);transform:translateY(-40px)}to{-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes barUp1{0%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}40%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleY(.2);transform:scaleY(.2)}}@keyframes barUp1{0%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}40%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}50%{-webkit-transform:scale(1);transform:scale(1)}90%{-webkit-transform:scale(1);transform:scale(1)}to{-webkit-transform:scaleY(.2);transform:scaleY(.2)}}@-webkit-keyframes barUp2{0%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}50%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}90%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}@keyframes barUp2{0%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}40%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}50%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}90%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}to{-webkit-transform:scaleY(.4);transform:scaleY(.4)}}@-webkit-keyframes barUp3{0%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}to{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}@keyframes barUp3{0%{-webkit-transform:scaleY(.6);transform:scaleY(.6)}to{-webkit-transform:scaleY(.6);transform:scaleY(.6)}}@-webkit-keyframes barUp4{0%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}40%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}90%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}to{-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@keyframes barUp4{0%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}40%{-webkit-transform:scaleY(.8);transform:scaleY(.8)}50%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}90%{-webkit-transform:scaleY(.4);transform:scaleY(.4)}to{-webkit-transform:scaleY(.8);transform:scaleY(.8)}}@-webkit-keyframes barUp5{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}90%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes barUp5{0%{-webkit-transform:scale(1);transform:scale(1)}40%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}90%{-webkit-transform:scaleY(.2);transform:scaleY(.2)}to{-webkit-transform:scale(1);transform:scale(1)}}.line-1{position:relative;top:22rem;width:18em;margin:0 auto;border-right:2px solid #fff;color:#fff;font-size:1.2rem;text-align:center;white-space:nowrap;overflow:hidden;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.anim-typewriter{-webkit-animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .5s steps(44) infinite normal;animation:typewriter 4s steps(44) 1s 1 normal both,blinkTextCursor .5s steps(44) infinite normal}@-webkit-keyframes typewriter{0%{width:0}to{width:18em}}@keyframes typewriter{0%{width:0}to{width:18em}}@-webkit-keyframes blinkTextCursor{0%{border-right-color:#fff}to{border-right-color:transparent}}@keyframes blinkTextCursor{0%{border-right-color:#fff}to{border-right-color:transparent}}.radio-tile-group .input-container{position:relative}.radio-tile-group .input-container .radio-button{opacity:0;position:absolute;top:0;left:0;height:100%;width:100%;margin:0}.radio-tile-group .input-container .radio-tile-label{text-align:center;font-size:.75rem;color:rgba(0,0,0,.87)}.dashboardPaper{border-radius:.5rem;background:#fff;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.chartContainer svg{border-radius:6px;box-shadow:0 2px 1px -1px rgb(0 0 0/20%),0 1px 1px 0 rgb(0 0 0/14%),0 1px 3px 0 rgb(0 0 0/12%)}.chartLoader{width:100%;top:45%;position:relative;padding:1.5rem}.circle{display:inline-table;vertical-align:middle;width:3rem;background-color:#e9d3b7;border-radius:1rem;position:absolute;margin-left:8rem;margin-top:-3rem}.circle__content{display:table-cell;vertical-align:middle;text-align:center}.radio-tile-group .input-container .radio-button:checked+.radio-tile>.circle{background-color:#f7b561}.mobile-padding,.test div.MuiGrid-grid-sm-6:last-child{padding-top:1rem}.padding-1{padding:1rem}.radio-tile-group{padding-top:1rem}.input-container{list-style-type:none;width:33.3%;display:inline-block;padding:0 1rem 1rem}.radio-icon{border:1px solid rgba(0,0,0,.12);border-radius:50%;width:3rem;height:3rem;text-align:center}.radio-tile-group .input-container .radio-tile{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease}.radio-tile-group .input-container .icon svg{fill:#1e2a38;width:1.8rem;height:1.8rem;margin-top:.5rem}.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-icon{background:#00a4e1;-webkit-transform:scale(1.1);transform:scale(1.1);transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-icon svg{fill:#fff;-webkit-transform:scale(1.05);transform:scale(1.05);transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.radio-tile-group .input-container .radio-button:checked+.radio-tile .radio-tile-label{color:#00a4e1;font-weight:700;transition:-webkit-transform .35s ease;transition:transform .35s ease;transition:transform .35s ease,-webkit-transform .35s ease}.formButton svg{height:2.5rem;fill:#00a4e1}.formButton{max-width:200px;display:-webkit-inline-flex;display:inline-flex;padding:.5rem;border-radius:5px;box-shadow:0 2px 1px -1px rgb(0 0 0/20%),0 1px 1px 0 rgb(0 0 0/14%),0 1px 3px 0 rgb(0 0 0/12%);color:#000;text-align:center;font-weight:600;background:#fff;background:linear-gradient(0deg,#fff,#d2f8ff 0,#fff 29%,#fff 69%,#fff)}.formButton:hover{text-decoration:none}@media (min-width:1280px){.formButton{width:200px}}.userActionContainer{padding:1.5rem}.userActionContainer p:first-child{font-size:3rem;color:#fff;line-height:2rem}.userActionContainer p:nth-child(2){font-size:14px;font-weight:600;color:hsla(0,0%,100%,.87)}.overdue{background:#e76f51;border-top-left-radius:.5rem}.dueToday{border-top-right-radius:.5rem;background:#f4a261}.pending{border-bottom-left-radius:.5rem;background:#2f9ec2}.completed{border-bottom-right-radius:.5rem;background:#60c2ac}.userAction{box-shadow:0 2px 4px 0 rgba(14,30,37,.12),0 2px 16px 0 rgba(14,30,37,.32);border-radius:.5rem}.userAction a:hover{text-decoration:none}.userAction>div:first-child{padding-right:.2rem;padding-bottom:.2rem}.userAction>div:nth-child(3){padding-right:.2rem}.inductionContainer>div{padding:.2rem}.inductionContainer>div>a>div{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);border-radius:.5rem;text-align:center;background:#fff}.induction-icon{display:inline-block;background:#0042da;height:3.5rem;width:3.5rem;border-radius:50%}.inductionContainer{padding-top:1.5rem}.induction-icon svg{position:relative;left:-22px;height:2rem;top:10px}.inductionContainer>div>a:hover{text-decoration:none;color:rgba(0,0,0,.87)}.inductionContainer>div>a>div>div{position:relative;top:-25px}.assigned .induction-icon{background:#24bc26}.inductionCompleted .induction-icon{background:#bc9709}.active>p:first-child,.assigned>p,.inductionCompleted>p,.inductionContainer p{top:-10px;position:relative;margin-bottom:0}.inductionContainer p{font-size:.875rem}.inductionNumber{font-size:1.5rem;font-weight:600}.dashboardLabel{padding:.5rem 0;color:rgba(0,0,0,.45);font-size:14px}.fatigueContainer{border-radius:.5rem;padding:1rem;background:#495057;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23);max-height:20rem}.sleepdetail>p{color:hsla(0,0%,100%,.65);font-size:14px;font-weight:600}.fatigueContainer .highcharts-container{top:-180px!important}.userProfilePaper{box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.certificateImage,.userProfileIcon{width:40px;text-align:center;display:inline-block;padding-right:1rem;position:relative;top:-5px}.certificateContent,.profileContent{display:inline-block;padding-left:.5rem;width:75%}.certificateContent{position:relative;top:-5px}.certificateContent>div:first-child,.profileContent>div:first-child{font-size:14px;font-weight:600}.certificateContent>div:first-child,.profileContent>div:nth-child(2){text-overflow:ellipsis;white-space:nowrap;width:250px;overflow:hidden}.editIcon{float:right;position:relative;top:25%}.fatigueContainer rect.highcharts-background{fill:#495057}.pieChartContainer rect.highcharts-background{fill:#dee2e6}@media (min-width:481px){.spacingDesktop{padding:0 1.5rem}}@media (max-width:480px){.hideForMobile{display:none}}.singleMobileBtn{background:#0077b6;min-height:8rem;border-radius:.5rem;box-shadow:0 10px 20px rgba(0,0,0,.19),0 6px 6px rgba(0,0,0,.23)}.singleMobileBtn p{font-size:14px;padding-top:1.3rem;color:hsla(0,0%,100%,.75)}.singleMobileBtn>div:first-child{text-align:center}.singleMobileBtn>div:nth-child(2){padding:.8rem 1rem 0}.singleMobileBtn>div>svg{height:6rem;position:relative;top:15px;left:2px}.singleMobileBtn button{text-transform:uppercase;padding:0;height:3rem;font-weight:600;font-size:15px;color:#fff}.fatigueContainer text{fill:hsla(0,0%,100%,.45)!important;font-weight:600}.appName:hover{text-decoration:none;color:#eee}