body{margin:0;padding: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}body,html{height:100%;overscroll-behavior-x:none}.jumbotron-fullwidth{width:100%}.welcome{font-size:1.5rem;margin-bottom:0}.card-ressource{background-color:#0ff;height:6rem}a:hover{text-decoration:none}.jumbotron-small{padding:.5rem}.btn-fullheight{height:100%;font-weight:600;font-size:4rem}.uppercase{text-transform:uppercase}#root,.page_login,.topContainer{height:100%}.page_login .login_layout{padding:20px 20px 0;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.page_login .login_layout .logo{-webkit-align-self:center;align-self:center;-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@-webkit-keyframes loginAnimation{0%{opacity:1}25%{opacity:1}50%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes loginAnimation{0%{opacity:1}25%{opacity:1}50%{opacity:0}75%{opacity:0}to{opacity:1}}.page_login .login_layout .instructionsBox{min-height:6em;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}.page_login .login_layout .instructions{text-align:center;margin-bottom:0;font-family:Roboto Condensed;font-size:1.8em;font-weight:400;opacity:1;-webkit-animation:loginAnimation 5s infinite;animation:loginAnimation 5s infinite}.page_login .login_layout .instructions span{background-color:#707070;color:#fff;border-radius:20px;padding:0 10px}.page_login .login_layout .instructions.loading{opacity:1;-webkit-animation:loginAnimation .5s infinite;animation:loginAnimation .5s infinite}.page_login .login_layout .instructions.special{opacity:1;-webkit-animation:loginAnimation 1s infinite;animation:loginAnimation 1s infinite}.page_login .login_layout .instructions.special span{background-color:#64ce0d}.page_login .overlay{position:absolute;top:0;left:0;bottom:0;right:0;padding:10px}.page_login .toolbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:flex-end;justify-content:flex-end;grid-gap:10px;gap:10px}.page_login .toolbar .toolButton{border-radius:24px;font-size:1.2em;font-weight:300}.page_login .toolbar .toolButton img{-webkit-filter:brightness(.5);filter:brightness(.5)}.page_login .toolbar .toolButton.showPressed img,.page_login .toolbar .toolButton:active img{-webkit-filter:brightness(100);filter:brightness(100)}.page_login .toolbar .toolButton.showPressed,.page_login .toolbar .toolButton:active{background:#000}.page_login .toolbar .toolButton.modeEnabled{color:#fff;-webkit-filter:none;filter:none;background:#64ce0d;padding-left:.5em}.page_login .toolbar .toolButton.modeEnabled img{-webkit-filter:none;filter:none}.page_login .toolbar .toolButton.modeEnabled.showPressed,.page_login .toolbar .toolButton.modeEnabled:active{background:#418609}.page_login .popup{position:absolute;top:0;left:0;bottom:0;right:0;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;pointer-events:none}.page_login .popup div{font-family:Roboto;font-size:3em;background-color:rgba(85,85,85,.87);color:#fff;padding:20px 40px;border-radius:5px}.page_error{height:100%;padding:10px;-webkit-align-items:stretch;align-items:stretch}.page_error,.page_error .msgbox{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;grid-gap:1em;gap:1em}.page_error .msgbox{-webkit-flex-grow:1;flex-grow:1;-webkit-align-items:center;align-items:center}.page_error .buttonsrow{-webkit-align-self:stretch;align-self:stretch;padding-top:4px;height:64px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.page_error p{margin-bottom:0;font-weight:300;font-size:1.4em;color:#b33232}.page_error .screenButton{width:200px}.page_main{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column}.page_main .topbar{padding:6px 10px 0}.page_main .topbar,.page_main .topbar .navtitle{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row}.page_main .topbar .navtitle{-webkit-flex-grow:1;flex-grow:1;-webkit-align-self:center;align-self:center}.page_main .topbar .navtitle p{margin-bottom:0;-webkit-align-self:center;align-self:center;font-family:Roboto Condensed;font-size:2em;font-weight:300;max-lines:1;text-overflow:ellipsis}.page_main .topbar .userbar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;grid-gap:0;gap:0;color:#000;font-family:Roboto Condensed;font-size:1.8em;font-weight:300}.page_main .topbar .userbar span{-webkit-align-self:center;align-self:center}.topbar .navbutton{width:48px;height:100%;margin-left:8px}.userbar .navbuttonfree{font-size:.8em;font-weight:300;height:48px;padding-left:12px;padding-right:12px;color:#fff;margin-left:8px}.userbar .navbutton,.userbar .navbuttonfree{background:#1c61e0;border-radius:24px}.userbar .navbutton.showPressed,.userbar .navbutton:active,.userbar .navbuttonfree.showPressed,.userbar .navbuttonfree:active{background:#00369b;border-radius:24px}.userbar .btn-cash{background:#ff9a02;height:100%}.userbar .btn-cash.showPressed,.userbar .btn-cash:active{background:#b66d00}.userbar .btn-logout{background:#e20000;height:100%}.userbar .btn-logout.showPressed,.userbar .btn-logout:active{background:#940000}.topbar .btn-back{width:64px;margin-left:0}.topbar .btn-back img{-webkit-filter:brightness(0);filter:brightness(0)}.topbar .btn-back.showPressed img,.topbar .btn-back:active img{-webkit-filter:brightness(100);filter:brightness(100)}.topbar .btn-back.showPressed,.topbar .btn-back:active{background:#000}.page_main .categoriesList{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:stretch;align-content:stretch;grid-gap:0;gap:0;padding:6px}.page_main .categoriesList .categoryItem{width:24.2%;margin-right:6px;margin-bottom:6px}.page_main .warn_overlay{position:absolute;display:-webkit-flex;display:flex;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:center;justify-content:center;pointer-events:none;top:0;left:0;right:0;bottom:0}.page_main .warn_overlay p{background-color:#d60000;color:#fff;padding:10px 30px;text-align:center;margin-bottom:0;font-family:Roboto Condensed;font-size:1.8em;font-weight:400;line-height:1.2em;opacity:1;-webkit-animation:loginAnimation 5s infinite;animation:loginAnimation 5s infinite}.projectsModal{max-width:calc(100% - 40px)}.projectsSelector{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap;grid-gap:4px;gap:4px}.projectsSelector .projectItem{width:49%;height:64px}.page_entry{height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px}.page_entry .topbar{font-size:2em;font-weight:300}.page_entry .topbar p{margin-bottom:0}.page_entry .keypadZone{-webkit-flex-grow:1;flex-grow:1;margin-top:12px;margin-bottom:12px}.page_entry .buttonsBar{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;grid-gap:6px;gap:6px;height:64px}.page_entry .buttonsBar .screenButton{width:200px}.page_progress{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;height:100%;grid-gap:12px;gap:12px}.durationEntryBlock,.valueEntryBlock{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;height:100%}.durationEntryBlock .keypad_num,.valueEntryBlock .keypad_num{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:6px;gap:6px}.incrementEntryBlock{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;height:100%;grid-gap:12px;gap:12px}.incrementEntryBlock .keypad_num.screenButton{width:120px;height:120px;font-size:5em;line-height:1em}.spanh2{grid-column-start:span 2}.entryBlock .valueDisplay{place-self:center stretch}.entryBlock .durationDisplay{place-self:center}.entryBlock .valueDisplay{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;grid-gap:.4em;gap:.4em}.incrementEntryBlock .valueDisplay{width:40%}.entryBlock .input-number{background-color:#eee;border-radius:6px;font-size:4rem;-webkit-flex-grow:1;flex-grow:1;height:1.2em;line-height:1.2em;text-align:right;padding:0 10px}.entryBlock .inputUnit{font-size:2rem;-webkit-align-self:flex-end;align-self:flex-end}.inputDigitsBlock{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;grid-gap:6px;gap:6px}.inputDigitsBlock .inputDigit{font-size:4rem;display:block;width:.8em;height:1.2em;line-height:1.2em;padding:0;background-color:#eee;border-radius:6px;text-align:center}.inputDigitsBlock .inputDigit.current{outline:2px solid #f0c789;background-color:#fff0d3;outline-offset:-2px;-webkit-animation:digitCaretAnimation 1s infinite;animation:digitCaretAnimation 1s infinite}.inputDigitsBlock .inputDigit.empty{color:#bbb}.inputDigitsBlock .inputDigit.empty.current{color:#f0c789}@-webkit-keyframes digitCaretAnimation{0%{opacity:1}25%{opacity:1}50%{opacity:0}75%{opacity:0}to{opacity:1}}@keyframes digitCaretAnimation{0%{opacity:1}25%{opacity:1}50%{opacity:0}75%{opacity:0}to{opacity:1}}.inputDigitsBlock .inputSeparatorUnit{font-size:1.4rem;-webkit-align-self:flex-end;align-self:flex-end;display:inline-block;text-align:center;line-height:1.2em;color:#777}.screenButton,.screenButton:active,.screenButton:focus{outline:none}.screenButton{color:#000;overflow:hidden;position:relative;display:inline-block;border:0;border-radius:5px;background:linear-gradient(171deg,#ddd,#cacaca);padding:4px 10px;border-bottom:4px solid rgba(0,0,0,.25);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.screenButton .label{color:#000;font-size:1.1em;font-weight:300;margin:0}.screenButton.disabled{color:rgba(0,0,0,.5);cursor:not-allowed;opacity:.7}.screenButton.showPressed,.screenButton:active{border:0;margin-top:4px;outline:none;background:linear-gradient(171deg,#ffb340,#ec991c)}.screenButton.sb-validate{background:linear-gradient(171deg,#83f02a,#57df2d)}.screenButton.sb-validate.showPressed,.screenButton.sb-validate:active{background:linear-gradient(171deg,#64ce0d,#34b60d)}.screenButton.sb-danger{background:linear-gradient(171deg,#f08368,#df7c7c)}.screenButton.sb-danger.showPressed,.screenButton.sb-danger:active{background:linear-gradient(171deg,#d35536,#c54a4a)}.screenButton.sb-alt{background:linear-gradient(171deg,#929292,#747474);border-bottom-color:rgba(0,0,0,.35);color:#fff}.screenButton.sb-alt.showPressed,.screenButton.sb-alt:active{background:linear-gradient(171deg,#525252,#424242)}.screenButton.sb-lb-keypadbig{font-size:2.5em;padding:0}.categoryButton,.categoryButton:focus{outline:none}.categoryButton{overflow:hidden;position:relative;width:100%;height:100%;border:0;border-radius:5px;background-color:initial;padding:0}.categoryButton .bgImage{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;border-radius:1px;opacity:1;background:linear-gradient(171deg,#510058,#8b105c)}.categoryButton .buttonContent{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:space-between;justify-content:space-between;height:100%;width:100%}.categoryButton .buttonContent .title{font-family:Roboto Condensed;font-size:1.3em;font-weight:400;text-align:left;background-color:rgba(0,0,0,.5);color:#fff;margin-bottom:0;padding:.3em .3em .2em;line-height:1}.categoryButton .buttonContent .detail{font-size:1em;text-align:left;padding:0 10px;margin:4px;border-radius:16px;background-color:rgba(0,0,0,.8);color:#fff;-webkit-align-self:center;align-self:center;font-weight:300}.categoryButton.showPressed,.categoryButton:active{border:0;outline:none}.categoryButton.showPressed .bgImage,.categoryButton:active .bgImage{opacity:1;box-shadow:inset 0 0 0 1000px rgba(223,0,0,.69)}.categoryButton.showPressed .buttonContent .title,.categoryButton:active .buttonContent .title{background-color:#d60000}.projectButton,.projectButton:focus{outline:none}.projectButton{font-family:Roboto Condensed;font-size:1.3em;font-weight:400;overflow:hidden;position:relative;width:100%;height:100%;border:0;border-radius:5px;padding:0;background:linear-gradient(171deg,#ccc,#aaa);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;align-items:stretch}.projectButton.nonechoice{background:linear-gradient(171deg,#df5a5a,#a84b4b)}.projectButton.active{background:linear-gradient(171deg,#70df5a,#4ba85f)}.projectButton.showPressed,.projectButton:active{border:0;outline:none;background:linear-gradient(171deg,#df0000,#df0000)}.projectButton .sideblock{width:64px;background-color:rgba(0,0,0,.33)}.projectButton .label,.projectButton .sideblock{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.projectButton .label{-webkit-flex-grow:1;flex-grow:1}.projectButton .label p{margin:0}.toolButton,.toolButton:focus{outline:none}.toolButton{font-family:Roboto Condensed;font-size:1em;font-weight:400;overflow:hidden;position:relative;border:0;border-radius:5px;background:none transparent;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;align-items:stretch;margin:0;padding:0}.toolButton.showPressed,.toolButton.subbar.showPressed,.toolButton.subbar:active,.toolButton:active{border:0;outline:none;background:linear-gradient(171deg,#df0000,#df0000)}.toolButton .label{-webkit-flex-grow:1;flex-grow:1;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.toolButton .label p{margin:0}
/*# sourceMappingURL=main.f07f53e3.chunk.css.map */