.page-outer{display:flex;justify-content:center;background-image:url(/background.jpg);min-height:100dvh}.page-outer .page-inner{display:flex;flex-direction:column;width:100%;max-width:600px;background:#fff;color:#fff}.page-outer .page-inner .page-content{background:#fff;flex:1}.page-outer .page-inner .page-content.padded{padding:10px 20px}.page-outer .page-inner .icons{height:60px;display:flex;align-items:flex-end;justify-content:space-between;align-items:center;padding:0 15px;font-size:24px;background:#3b4ba0}.page-outer .page-inner .page-title{font-size:32px;letter-spacing:5px}.page-outer .page-inner .page-subtitle{margin-top:-10px;font-size:18px;letter-spacing:5px}.page-outer .page-inner .user-avatar{margin-top:20px}.page-outer .page-inner .user-avatar>img{border-radius:50%;height:100px;width:100px}.page-outer .page-inner .user-name{font-size:16px}.page-outer .page-inner .info-date{margin-top:20px;font-size:18px}.page-outer .page-inner .info-time{font-size:24px;font-weight:500}.page-outer .page-inner .info-status{margin-top:20px;font-size:24px;font-weight:500}.custom-view-field{display:inline-block;width:100%;min-width:150px;max-width:300px}.custom-view-field.display-edit{border:1px solid rgba(0,0,0,.26);border-radius:4px;padding:0 10px;height:43px;margin-top:5px;background-color:#f2f2f2}.custom-view-field.display-edit .value{line-height:43px}.custom-view-field.display-view{color:#2565de}.custom-view-field.display-view-fullwidth{width:100%;max-width:100%;display:flex;align-items:center;color:#2565de}.fbs-table-iterator table{border-collapse:collapse;border:1px solid var(--main-color)}.fbs-table-iterator table th,.fbs-table-iterator table td{padding:8px;border-left:1px solid var(--main-color)}.fbs-table-iterator table th{text-align:left;font-weight:500;background-color:var(--main-color-light);border-bottom:2px solid var(--main-color)}.fbs-table-iterator table td{vertical-align:middle;border:1px solid #EEE}.fbs-table-iterator .remove-button{padding:4px 8px;background:transparent;border:1px solid #c00;color:#c00;cursor:pointer}.fbs-table-iterator .add-button{margin-top:8px;padding:6px 12px;background:#1976d2;color:#fff;border:none;cursor:pointer}.user-options{margin-top:10vh;display:flex;flex-wrap:wrap;justify-content:center;gap:30px;max-width:600px}.user-options .user-option{width:40%;max-width:250px;height:25dvh;max-height:250px;font-size:1.2rem;display:flex;flex-direction:column;justify-content:center}.user-options .check-in-out{border:none}.user-options .check-in-out:active{box-shadow:inset #3c465580 0 0 40px,inset #3c465580 0 0 40px,inset #000 0 0 36px -24px}.text-input{margin:10px auto;width:90%;max-width:260px}.text-input .text-input-title{color:#000;text-align:left}.text-input .text-input-field{border:1px solid black;width:100%;height:40px;line-height:40px;border-radius:20px;padding:0 20px;font-size:20px;outline:none}table.check-in-history{color:#000;width:100%}table.check-in-history th{font-size:18px;font-weight:400;border-bottom:1px solid #999}table.check-in-history th.title{text-align:left}table.check-in-history td{font-size:14px}table.check-in-history td.title{text-align:left}td{padding:10px 0}table{width:95%;margin:0 auto;text-align:left}.schedule-block{margin:20px 15px;padding-bottom:15px;color:#222;cursor:pointer;box-shadow:0 3px 6px #00000040;border-radius:8px}.schedule-block .banner{display:flex;justify-content:space-between;color:#eee;background-color:green;padding:5px 10px;border-radius:8px 8px 0 0}.schedule-block .banner.over-2{background-color:#f11212}.schedule-block .banner.over-1{background-color:#ff6234}.schedule-block .banner.current{background-color:#43ba1a}.schedule-block .banner.future{background-color:#999}.schedule-block .banner .week{flex:1;text-align:left}.schedule-block .banner .week .no{color:#fff;font-weight:400}.schedule-block .banner .job{flex:1;text-align:right}.schedule-block .banner .job .no{color:#fff;font-weight:400}.schedule-block.dialog{margin:0 5px}.schedule-block .schedule-order{margin:20px 10px;border:1px solid #999}.schedule-block .schedule-order .info{background-color:#fff}.schedule-block .schedule-order .info .line{display:flex;justify-content:space-between;padding:3px 10px;text-align:left}.schedule-block .schedule-order .info .line>div:nth-of-type(1){flex:0 1 80%;text-align:left}.schedule-block .schedule-order .info .line>div:nth-of-type(2){flex:0 1 20%;text-align:right}.schedule-block .schedule-order.dialog{margin:10px 5px}.schedule-block .action-block{background-color:#fff;border-top:1px solid #999;border-radius:0 0 8px 8px;padding:8px 5px;display:flex}.schedule-block .action-block .action-left{flex:0 0 110px}.schedule-block .action-block .action-left .blob{width:100px;height:30px;line-height:30px;border-radius:8px;color:#fff;background-color:red}.schedule-block .action-block .action-left .blob.tws-status-W{background-color:red}.schedule-block .action-block .action-left .blob.tws-status-R{background-color:#00f}.schedule-block .action-block .action-left .blob.tws-status-H{background-color:red}.schedule-block .action-block .action-left .blob.tws-status-S,.schedule-block .action-block .action-left .blob.tws-status-1,.schedule-block .action-block .action-left .blob.tws-status-2,.schedule-block .action-block .action-left .blob.tws-status-3{background-color:orange}.schedule-block .action-block .action-left .blob.tws-status-C{background-color:green}.schedule-block .action-block .action-text{flex:1;text-align:left}.schedule-block .action-block .action-right{flex:0 0 40px}.team-step-status-W{color:#fff;background-color:red}.team-step-status-R{color:#fff;background-color:#00f}.team-step-status-H{color:#fff;background-color:red}.team-step-status-S,.team-step-status-1,.team-step-status-2,.team-step-status-3{color:#fff;background-color:orange}.team-step-status-C{color:#fff;background-color:green}.team-step-buttons{width:100%;display:flex;justify-content:space-around}.team-step-buttons.column{flex-direction:column}.team-step-buttons.column .option{margin:10px auto;width:100%;height:60px;line-height:60px}.team-step-buttons .option{width:150px;height:50px;line-height:50px;font-size:20px;text-align:center;border:2px solid transparent;border-radius:8px;color:#fff;background-color:#aaa}.team-step-buttons .option.ticked.status-W{background-color:red}.team-step-buttons .option.ticked.status-R{background-color:#00f}.team-step-buttons .option.ticked.status-H{background-color:red}.team-step-buttons .option.ticked.status-S,.team-step-buttons .option.ticked.status-1,.team-step-buttons .option.ticked.status-2,.team-step-buttons .option.ticked.status-3{background-color:orange}.team-step-buttons .option.ticked.status-C{background-color:green}.team-step-buttons .option:not(.ticked):hover{cursor:pointer}.team-step-buttons .option:not(.ticked):hover.status-W{background-color:red}.team-step-buttons .option:not(.ticked):hover.status-R{background-color:#00f}.team-step-buttons .option:not(.ticked):hover.status-H{background-color:red}.team-step-buttons .option:not(.ticked):hover.status-S{background-color:orange}.team-step-buttons .option:not(.ticked):hover.status-1{background-color:orange}.team-step-buttons .option:not(.ticked):hover.status-2{background-color:orange}.team-step-buttons .option:not(.ticked):hover.status-3{background-color:orange}.team-step-buttons .option:not(.ticked):hover.status-C{background-color:green}body{margin:0;font-family:Poppins,-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}body,html,#root{height:100dvh;min-height:100dvh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}a{color:#fff;text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}.error-message{min-height:40px;font-weight:700;color:red}.sopp-field-label{margin:0 0 5px;font-weight:500;color:#000;text-align:left}.MuiMenuItem-root .MuiSvgIcon-root{margin-right:5px}.centred{text-align:center}.blueback{background:linear-gradient(#3b4ba0,#5f6eb2)}.flex-column{display:flex;flex-direction:column;height:100%}.staff-buttons{display:flex;justify-content:space-around}.staff-button{font-size:1.2rem;color:#fff;background-color:#ddd;border:none;padding:15px 20px;border-radius:4px;cursor:pointer}.staff-button.button0{color:#666;background:#999}.staff-button.button1{background:#ce6045}.staff-button.button2{background:#359f83}.input-container{display:flex;flex-direction:column;text-align:left;margin:10px auto;color:#000;width:90%}.input-container label{font-size:1.2rem}.input-container .text-input{padding:10px;font-size:1.2rem;width:100%;max-width:100%;margin-top:0}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mt-0{margin-top:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.mb-0{margin-bottom:0!important}.mx-0{margin:0!important}.pt-0{padding-top:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.pb-0{padding-bottom:0!important}.px-0{padding:0!important}.mt-5{margin-top:5px!important}.ml-5{margin-left:5px!important}.mr-5{margin-right:5px!important}.mb-5{margin-bottom:5px!important}.mx-5{margin:5px!important}.pt-5{padding-top:5px!important}.pl-5{padding-left:5px!important}.pr-5{padding-right:5px!important}.pb-5{padding-bottom:5px!important}.px-5{padding:5px!important}.mt-10{margin-top:10px!important}.ml-10{margin-left:10px!important}.mr-10{margin-right:10px!important}.mb-10{margin-bottom:10px!important}.mx-10{margin:10px!important}.pt-10{padding-top:10px!important}.pl-10{padding-left:10px!important}.pr-10{padding-right:10px!important}.pb-10{padding-bottom:10px!important}.px-10{padding:10px!important}.mt-15{margin-top:15px!important}.ml-15{margin-left:15px!important}.mr-15{margin-right:15px!important}.mb-15{margin-bottom:15px!important}.mx-15{margin:15px!important}.pt-15{padding-top:15px!important}.pl-15{padding-left:15px!important}.pr-15{padding-right:15px!important}.pb-15{padding-bottom:15px!important}.px-15{padding:15px!important}.mt-20{margin-top:20px!important}.ml-20{margin-left:20px!important}.mr-20{margin-right:20px!important}.mb-20{margin-bottom:20px!important}.mx-20{margin:20px!important}.pt-20{padding-top:20px!important}.pl-20{padding-left:20px!important}.pr-20{padding-right:20px!important}.pb-20{padding-bottom:20px!important}.px-20{padding:20px!important}.mt-25{margin-top:25px!important}.ml-25{margin-left:25px!important}.mr-25{margin-right:25px!important}.mb-25{margin-bottom:25px!important}.mx-25{margin:25px!important}.pt-25{padding-top:25px!important}.pl-25{padding-left:25px!important}.pr-25{padding-right:25px!important}.pb-25{padding-bottom:25px!important}.px-25{padding:25px!important}.mt-30{margin-top:30px!important}.ml-30{margin-left:30px!important}.mr-30{margin-right:30px!important}.mb-30{margin-bottom:30px!important}.mx-30{margin:30px!important}.pt-30{padding-top:30px!important}.pl-30{padding-left:30px!important}.pr-30{padding-right:30px!important}.pb-30{padding-bottom:30px!important}.px-30{padding:30px!important}.mt-40{margin-top:40px!important}.ml-40{margin-left:40px!important}.mr-40{margin-right:40px!important}.mb-40{margin-bottom:40px!important}.mx-40{margin:40px!important}.pt-40{padding-top:40px!important}.pl-40{padding-left:40px!important}.pr-40{padding-right:40px!important}.pb-40{padding-bottom:40px!important}.px-40{padding:40px!important}.mt-50{margin-top:50px!important}.ml-50{margin-left:50px!important}.mr-50{margin-right:50px!important}.mb-50{margin-bottom:50px!important}.mx-50{margin:50px!important}.pt-50{padding-top:50px!important}.pl-50{padding-left:50px!important}.pr-50{padding-right:50px!important}.pb-50{padding-bottom:50px!important}.px-50{padding:50px!important}.mt-60{margin-top:60px!important}.ml-60{margin-left:60px!important}.mr-60{margin-right:60px!important}.mb-60{margin-bottom:60px!important}.mx-60{margin:60px!important}.pt-60{padding-top:60px!important}.pl-60{padding-left:60px!important}.pr-60{padding-right:60px!important}.pb-60{padding-bottom:60px!important}.px-60{padding:60px!important}.mt-80{margin-top:80px!important}.ml-80{margin-left:80px!important}.mr-80{margin-right:80px!important}.mb-80{margin-bottom:80px!important}.mx-80{margin:80px!important}.pt-80{padding-top:80px!important}.pl-80{padding-left:80px!important}.pr-80{padding-right:80px!important}.pb-80{padding-bottom:80px!important}.px-80{padding:80px!important}.clickable{cursor:pointer}.clickable-ul{cursor:pointer;text-decoration:underline}.flex-centred{display:flex;justify-content:center;align-items:center}.flex-between{width:100%;display:flex;justify-content:space-between}