body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{text-decoration:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*    !*background-image: -webkit-gradient(linear, left bottom, left top, from(#f0f0f0), color-stop(1%, #f0f0f0), color-stop(99%, #0a8276), to(#0a8276));*!*/
/*    !*background-color: #08665C;*!*/
/*    !*background-color: #0078c1;*!*/
/*    !*width: 90vw;*!*/
/*    !*padding-top: 7vh;*!*/
/*    !*border-radius: 20px;*!*/
/*    !*background-color: #ffffff;*!*/

/*    !*padding: 5vh 10vw 2vh 10vw;*!*/
/*    !*background-image:  linear-gradient(121.21deg, #bde3ff -17.31%, #fff7f5 46.37%, #fff 65.87%);*!*/
/*    !*background-image:  linear-gradient(121.21deg, #bde3ff -17.31%, #fff7f5 46.37%, #fff 65.87%);*!*/
/*    !*background-image: linear-gradient(to top, #0a8276, #0a8276 1%, #0a8276 99%, #0a8276);*!*/.mobile-welcome3-background{background-image:linear-gradient(121.21deg,#bde3ff -17.31%,#fff7f5 46.37%,#fff 65.87%);height:100vh;width:100vw}.mobile-welcome3-background,.mobile-welcome3-header{align-items:center;display:flex;flex-direction:column}.mobile-welcome3-header{color:#262626;height:18vh;justify-content:flex-start;padding-top:6vh}.mobile-welcome3-header img{fill:#0078c1;height:7vh}.mobile-welcome3-header-title{font-size:3.5vh}.mobile-welcome3-operation-panel{align-items:center;align-self:center;justify-content:space-around;width:100vw}.mobile-welcome3-operation-main{align-items:center;display:flex;height:60vh;justify-content:space-evenly}.operation-panel{align-items:center;background-color:#fff;box-shadow:2px 2px 10px 3px #00000014;display:flex;flex-direction:column;justify-content:space-between;width:80vw}.operation-panel .message{color:#6d737b;font-size:16px;padding:20px;text-align:center}.operation-panel .message p{margin-bottom:4px}.operation-panel .MuiButton-root{background-color:#e2f1fd;border-color:#282c34;border-radius:0;border-style:solid;color:#0078c1;font-size:1.2rem;height:6vh;margin-bottom:3vh;width:80%}.operation-panel .MuiButton-root.MuiButton-text{background-color:#e2f1fd00;color:#6d737b;font-size:.9rem;height:2vh;width:80%}.mobile-welcome3-operation-main .MuiButton-root:hover{background-color:#ddf0ff;color:#0078c1}.mobile-welcome3-operation-main>.operation-link{background-color:#0a827600;font-size:1rem;height:4vh;margin-top:-1vh;text-decoration:underline}.cabinet-name-panel{align-items:center;display:flex;flex-direction:column;font-size:20px;justify-content:space-around;padding-top:5vh}.cabinet-name{color:#282c34;font-size:26px;font-weight:700}.mobile-welcome-background{align-items:center;background-color:#0078c1;display:flex;flex-direction:column;height:100vh;width:100vw}.mobile-welcome-guide-panel{display:flex;font-size:1rem;justify-content:flex-end;padding-top:10px;width:90vw}.mobile-welcome-guide-container{align-items:flex-start;color:#fff!important;display:flex;justify-content:flex-end}.mobile-welcome-header{align-items:center;color:#fff;display:flex;flex-direction:column;height:18vh;justify-content:flex-start;padding-top:6vh}.mobile-welcome-header img{height:7vh}.mobile-welcome-header-title{font-size:3vh;text-align:center}.mobile-welcome-operation-panel{align-items:center;align-self:center;background-color:#d6eaf6;border-radius:20px;justify-content:space-around;width:90vw}.mobile-welcome-operation-main{padding:5vh 10vw 2vh}.mobile-welcome-operation-main>button{background-color:#0078c1;font-size:1.2rem;height:8vh;margin-bottom:3vh}.mobile-welcome-operation-main>.operation-link{background-color:#0a827600;font-size:1rem;height:4vh;margin-top:-1vh;text-decoration:underline}.mobile-welcome-operation-language{padding:3vh 10vw 5vh}.mobile-welcome-operation-language-title{font-size:.8rem}.mobile-welcome-language-button-panel{align-items:center;display:flex;flex-direction:row;justify-content:space-around;margin-top:20px;width:100%}.mobile-welcome-language-button-panel button{background-color:#0078c1;border-radius:0;font-size:1.8vh;width:30vw}.mobile-detail-card-title{color:gray;font-size:14px;font-weight:700}.mobile-detail-description{font-size:14px}.cell-card-container{padding:0 20px}.cell-card{background:#fff;border:1px solid #c4c4c4;border-radius:6px;border-top:5px solid #c4c4c4;box-shadow:2px 2px 10px 3px #00000014;display:flex;flex-direction:column;justify-content:center;padding-top:10px;position:relative;text-align:center}.cell-card.isUsed{background-color:#f3d1d130;border-top-color:#e45559;color:#e45559}.cell-card.active{background-color:#00b1501a;border-top-color:#00b150;color:#00b150}.cell-card.disable{background-color:#e9e9e933;border-top-color:#888;color:#888}.cell-name{color:#373636;height:5vh}.cell-status{border-radius:0 0 6px 6px;font-size:14px;font-weight:600;line-height:28px}.cell-card.active .cell-status{background-color:#00b15030}.cell-card.isUsed .cell-status{background-color:#f3d1d130}.cell-card.disable .cell-status{background-color:#e9e9e933}.select-user-form-operation-panel{align-items:center;display:flex;flex-direction:column;width:100%}.select-user-form-operation-panel .person-operation-panel{align-items:center;background-color:#fff;box-shadow:2px 2px 10px 3px #00000014;display:flex;flex-direction:column;height:30vh;justify-content:space-evenly;margin-bottom:10px;padding:10px;width:80%}.select-user-form-operation-panel .operation-panel-message{color:#6d737b;font-size:16px;text-align:center}.operation-panel-message svg{font-size:45px}.select-user-form-operation-panel .MuiButton-root{background-color:#f8fbff;border-color:#282c34;border-radius:0;border-style:solid;color:#0078c1;font-size:1.2rem;height:6vh;margin-bottom:3vh;width:80%}.select-user-form-operation-panel .MuiButton-root:hover{background-color:#ddf0ff;color:#0078c1}.form-title{color:#0078c1}.wait-scan-form{display:flex;flex-direction:column;height:70vh;justify-content:space-evenly;width:100%}.wait-scan-form,.wait-scan-image{align-items:center}.scan-image svg{font-size:80px}.wait-scan-image svg{animation:fade 3s infinite;color:#707070}.scan-finish-image svg{color:#009678;font-size:80px}@keyframes fade{0%{opacity:1}50%{opacity:.3}to{opacity:1}}.locker-cell-management-page .MuiStepLabel-label{font-size:.7rem}.complete-form{align-items:center;display:flex;flex-direction:column;height:70vh;justify-content:space-evenly;width:100%}.complete-form img{width:50vw}