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;min-height:100%;background:#fff;overflow:auto!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.dashboard .card{border:1px solid #3a3a56;border-radius:10px;position:relative}.dashboard .card h2{font-weight:700}.dashboard .card h5{color:#575757}.dashboard .card button{position:absolute;top:0;right:0;background:#3a3a56;color:#fff;border:none;border-radius:0 8px 0 8px;padding:4px 6px!important;display:flex;justify-content:center;align-items:center;transition:.3s}.dashboard .card button:hover{cursor:pointer}#uploadBtn{background:transparent;border:2px dashed #c7c7c7;border-radius:6px;padding:6px 12px;font-size:14px;color:#575757;display:flex;justify-content:center;align-items:center}#uploadBtn:hover{cursor:pointer}.uploadedFile{position:relative!important;padding:8px!important}.uploadedFile .removeIcon{color:red;position:absolute;top:-7px;right:-7px;transition:.2s}.uploadedFile .removeIcon:hover{cursor:pointer;transform:scale(1.19)}.uploadFile{width:max-content;height:auto;overflow:hidden;border:2px dashed #c7c7c7;padding:6px 12px;margin:auto}.uploadFile img{width:60px;height:auto;max-width:100%;max-height:100%;display:block;margin:auto}.uploadFile h6,.uploadFile p{margin-bottom:0}.uploadFile p{font-size:14px;color:red;cursor:pointer;margin-left:25px;display:flex;justify-content:center;align-items:center}.imgReport{width:120px;height:120px;margin:5px;border:1px solid #d4d4d4;background:#fff;border-radius:3px;text-align:center;position:relative}.statusCardApprove{box-shadow:0 2px 12px 6px rgba(4,119,6,.87);border:3px solid green;border-radius:10px}.statusCard,.statusCardApprove{display:flex;padding:15px;margin:15px;transition:.3s;cursor:pointer;height:130px;width:190px;text-align:center;justify-content:center;flex-direction:column}.statusCard{box-shadow:0 4px 8px 0 rgba(5,111,182,.87);border-radius:10px}.statusCard:hover{background-color:#4f93ec;color:#f0f8ff}.statusCardApprove:hover{background-color:#a3d1a1;color:#f0f8ff}.imgContainer{border:1px solid #d4d4d4;border-radius:3px}.imgContainer,.imgContainer-approved{width:150px;height:150px;margin:5px;background:#fff;text-align:center;position:relative}.imgContainer-approved{border:5px solid green;border-radius:3px}.imgContainer-approved:hover .approve,.imgContainer-approved:hover .reject{opacity:1;cursor:pointer}.imgContainer-rejected{width:150px;height:150px;margin:5px;border:5px solid red;background:#fff;border-radius:3px;text-align:center;position:relative}.imgContainer-rejected:hover .approve,.imgContainer-rejected:hover .reject,.imgContainer:hover .approve,.imgContainer:hover .reject,.imgContainer:hover .textApproved,.imgContainer:hover .textRejected,.imgContainer:hover .textUnderProcess,.imgContainer:hover .underProcess,.imgReport:hover .pushtoReportApprove,.imgReport:hover .pushtoReportReject{opacity:1;cursor:pointer}.imgContainer:hover .img{opacity:.2;cursor:pointer}.deleteIcon,.imgContainer:hover .deleteIcon{opacity:1;cursor:pointer}.deleteIcon{transform:translateY(-50%);left:0;font-weight:500}.deleteIcon,.statusIcon{position:absolute;bottom:0;text-align:center;top:20px;z-index:10;height:20%;color:#000;transition:opacity .3s linear}.statusIcon{transform:translateY(-160%) translateX(40%);right:0;opacity:1;font-weight:900;font-size:10px;cursor:pointer}.textRejected{background-color:#ec3535;border:1px solid #ec3535}.textRejected,.textUnderProcess{position:absolute;bottom:0;transform:translateY(-50%);text-align:center;left:0;right:0;opacity:0;height:20%;color:#000;font-weight:500;cursor:pointer;transition:opacity .3s linear}.textUnderProcess{background-color:#ecd435;border:1px solid #ecd435}.textApproved{position:absolute;bottom:0;transform:translateY(-50%);text-align:center;left:0;right:0;opacity:0;height:20%;background-color:rgba(16,242,8,.881);color:#000;font-weight:500;cursor:pointer;border:1px solid rgba(16,242,8,.881);transition:opacity .3s linear}.reject{transform:translateY(-50%);background-color:#ec3535;border:1px solid #ec3535}.approve,.reject{position:absolute;bottom:0;text-align:center;left:0;right:0;opacity:0;height:20%;z-index:30;color:#fff;cursor:pointer;transition:opacity .3s linear}.approve{transform:translateY(-160%);background-color:#0d7406;border:1px solid #0d7406}.pushtoReportApprove{transform:translateY(-180%);background-color:#0d7406;border:1px solid #0d7406}.pushtoReportApprove,.pushtoReportReject{position:absolute;bottom:0;text-align:center;left:0;right:0;opacity:0;height:22%;z-index:30;color:#fff;cursor:pointer;transition:opacity .3s linear}.pushtoReportReject{transform:translateY(-70%);background-color:#d50808;border:1px solid #d50808}.img{transition:opacity .3s linear;left:0;height:100%;width:100%;position:absolute;opacity:1}.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{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.css-1qgluif-MuiTypography-root .Mui-selected{color:"#FFFFFF !important"}.content{display:flex;align-content:center;justify-content:center;background-color:#eff8e2;min-height:100vh;font-family:canada-type-gibson,sans-serif;font-weight:300;font-size:1.25rem}.text_shadows{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary);font-family:bungee,sans-serif;font-weight:400;text-transform:uppercase;font-size:calc(2rem + 5vw);text-align:center;margin:0;color:var(--color-primary);animation:shadows 1.2s ease-in infinite,move 1.2s ease-in infinite;letter-spacing:.4rem}@keyframes shadows{0%{text-shadow:none}10%{text-shadow:3px 3px 0 var(--color-secondary)}20%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary)}30%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary)}40%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}50%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}60%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary),12px 12px 0 var(--color-quinary)}70%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary),9px 9px var(--color-quaternary)}80%{text-shadow:3px 3px 0 var(--color-secondary),6px 6px 0 var(--color-tertiary)}90%{text-shadow:3px 3px 0 var(--color-secondary)}to{text-shadow:none}}@keyframes move{0%{transform:translate(0)}40%{transform:translate(-12px,-12px)}50%{transform:translate(-12px,-12px)}60%{transform:translate(-12px,-12px)}to{transform:translate(0)}}
/*# sourceMappingURL=main.5d0a621c.chunk.css.map */