.App{text-align:center}body{margin:0}.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)}}h1,p{font-family:Open Sans}tbody tr:nth-child(2n){background-color:#fafafa}td,th{color:#484b4d}.mail-btn{align-items:center;background-color:#1da1f2;border:none;border-radius:5px;color:#fff;cursor:pointer;display:flex;font-family:Open Sans;font-size:16px;gap:10px;height:40px;justify-content:center;margin:0;text-align:center;width:100px}button:disabled{opacity:.5}.mail-btn>img{height:25px;width:25px}.pagination-bar{display:flex;justify-content:right;padding:20px}.three-d-table{font-size:12px;width:50%}.datepicker-body{background:#fff;border:1px solid #9c9c9c;border-radius:5px;box-shadow:0 0 4px 0 #9c9c9c40;box-shadow:3px 3px 5px #0003;gap:10px;height:14px;justify-content:space-between;padding:12px;position:relative}.icon{padding:5px}.icon-filter{width:105px}.c1{align-items:center;height:60px;justify-content:flex-start;padding-bottom:15px}.c1,.search{display:flex}.search{padding-top:20px;width:100%}.wider-search-bar{border:1px solid #9c9c9c;border-bottom-right-radius:5px;border-radius:5px;box-shadow:3px 3px 5px #0003;color:#6d6f71;font-size:16px;height:35px;outline:none;padding-left:20px;text-shadow:#9c9c9c;width:100%}.attendance-header{align-items:left;border:0 0 .5px;border-bottom:.5px;border-inline-color:#b6b6b6;color:#1da1f2;font-size:10px;font-style:Open Sans;justify-content:space-between;text-align:left}.custom-button{align-items:center;background-color:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer;display:flex;justify-content:flex-start;padding:0}.datepicker{padding:30px 10px 10px;width:25%}.datepicker,.filter{display:flex;gap:10px;justify-content:flex-end}.filter{padding-left:10px;padding-top:10px;width:15%}.container{padding-left:100px}.searchbar{align-items:center;display:flex;justify-content:flex-start;padding-bottom:15px}.table1{padding-left:100px}.searchBar{align-items:center;display:flex;justify-content:flex-start;width:70%}.App{font-family:sans-serif;height:100%;overflow:auto;width:100%}#snackbar{background-color:#1da1f2;border-radius:2px;bottom:30px;color:#fff;left:50%;margin-left:-125px;min-width:250px;padding:16px;position:fixed;text-align:center;visibility:hidden;z-index:1}#snackbar.show{animation:fadein .5s,fadeout .5s 2.5s;visibility:visible}@keyframes fadein{0%{bottom:0;opacity:0}to{bottom:30px;opacity:1}}@keyframes fadeout{0%{bottom:30px;opacity:1}to{bottom:0;opacity:0}}#modalComponent{align-items:flex-start;background-color:#0006!important;display:flex;height:100vh;justify-content:center;position:absolute;top:0;width:100vw;z-index:999}.modalContainer{background-color:#444;color:#fff;margin:30px 0;padding:30px 60px;width:-webkit-max-content;width:max-content}.action_button{align-items:center;display:flex;gap:20px;justify-content:center}.side-slide-panel{background:#fff;color:#484b4d;font-family:Open Sans,sans-serif;font-size:14px;height:100%;overflow:auto;padding-left:15px;position:fixed;right:-345px;top:0;transition:transform .3s ease-in-out;z-index:1000}.side-slide-panel.open{overflow:auto;transform:translateX(-300px)}.content{color:#484b4d;padding:0}button{margin-top:10px}.checkbox-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(2,1fr)}.checkbox-grid label{align-items:center;display:flex}input[type=checkbox]{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:1px solid #1da1f2;border-radius:3px;box-shadow:#484b4d;height:16px;outline:none;width:16px}input[type=checkbox]:checked{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAOCAYAAAAi2ky3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACoSURBVHgBrdJLDsIgEAbggb0x7rFnwYMY40lKT9IQD2LP0rg3lbWMnUGN0i4K9N8wPPKFF0BBlHV1dXE11QIyQ4gANFSjfx4kZOQXGdvmdt51yTuKkf60fdcrIKG/AkLhO1Kt0yUIQ7xI4vXzjDlI2JH3fDz0aGJsKRLm+WiDEVKEjyWF6Y+bJgX5QjE2jnaAoJcif9AES0BmQ9jePrCyg4HSqPauITEvNbxvVJrvwcgAAAAASUVORK5CYII=);background-size:16px 14px}thead tr th{font-weight:60}.custom{-webkit-text-size-adjust:10px;-moz-text-size-adjust:10px;text-size-adjust:10px;align-items:center;background-color:#fff;border:none;cursor:pointer;display:justify;height:35px;padding-bottom:10px;padding-left:195px;position:right}.customs-button{transform:scale(1.05)}.panel-header{color:#484b4d;margin-left:0;position:relative;text-align:justify;width:300px}.underline{height:100%;left:0;position:absolute;width:0}.topic{display:flex-start}.customs{background-color:#fff;border:none;cursor:pointer;gap:10px;padding-top:10px}.icon{color:#fff}.reset{align-items:center;background-color:#fff;border:none;border-radius:4px;cursor:pointer}.resetApply{padding-right:47px;padding-top:10px}.pagination-container{display:flex;list-style-type:none;.pagination-item{align-items:center;border-radius:16px;box-sizing:border-box;color:#000000de;display:flex;font-size:13px;height:32px;letter-spacing:.01071em;line-height:1.43;margin:auto 4px;min-width:32px;padding:0 12px;text-align:center;&.dots:hover{background-color:initial;cursor:default}&:hover{background-color:#0000000a;cursor:pointer}&.selected{background-color:#1da1f2}.arrow{&:before{border-right:.12em solid #000000de;border-top:.12em solid #000000de;content:"";display:inline-block;height:.4em;position:relative;width:.4em}&.left{transform:rotate(-135deg) translate(-50%)}&.right{transform:rotate(45deg)}}&.disabled{pointer-events:none;.arrow:before{border-right:.12em solid #0000006e;border-top:.12em solid #0000006e}&:hover{background-color:initial;cursor:default}}}}.login{align-items:center;background-color:#e9f2f7;display:flex;font-family:Arial,sans-serif;height:100vh;justify-content:center;margin:0}.login-container{background-color:#fff;border-radius:8px;box-shadow:0 0 10px #0000001a;margin-bottom:10px;padding:20px}.loginLabel{display:block;margin-bottom:8px}.loginInput{border:1px solid #ccc;border-radius:4px;box-sizing:border-box;margin-bottom:16px;padding:8px;width:100%}.loginButton{background-color:#1da1f2;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px;width:100%}.loginStatus{color:#d9534f;margin-top:16px;text-align:center}.loginlogo{padding-bottom:10px}.loginPage{padding:25px;text-align:center}.carasol{height:700px;width:800px}.popup{background:#fff;background-color:#d92728;border:1px solid #ccc;border-radius:4px;height:70px;inset:15px;margin:auto;outline:none;padding:10px;position:absolute;width:500px}.popbody,.successpopbody{background:none;border:none;border-radius:4px;height:90px;inset:auto;overflow:none;padding:20px;right:238px;top:65px;width:250px}.popbody,.successpopbody,.successpopup{margin:auto;outline:none;position:absolute}.successpopup{background:#fff;background-color:#6d9335;border:1px solid #ccc;border-radius:4px;height:70px;inset:15px;padding:10px;width:500px}.vThink{width:200px}.nextbox{background-color:#fff;border-radius:15px;padding:50px}.sidebar{background-color:#fcfcfc;box-shadow:2px 0 5px #0003;color:#fff;height:100%;left:0;padding:0 10px;position:fixed;top:0}.sidebar a{color:#fff;display:block;padding:16px;text-decoration:none}.sidebar a:hover{background-color:#555}.logo{height:20%;left:0;padding-left:10px;padding-top:20px;top:0}.top{padding:30px 20px 10px}.btn:hover{background-color:#3e69e1}.custom-button:hover{color:#fff}.uicon{padding-top:350px}.top{align-items:center;color:#1da1f2;display:flex;font-size:20px;margin-right:20px;padding:10px 20px}.Header{transform:translate(10%,-220%)}.buttons{height:60%}.name{display:flex;justify-content:center}.hovered-button,.setb{background-color:#fff;border:none}.set{padding-top:40px}.hometext{color:#555;padding-top:5px}.hometext.hovered{color:#1da1f2}.settings{color:#555;padding-top:7px}.settings.hovered{color:#1da1f2}.logb{background-color:#fff;border:none;height:20%}.logout{color:#000}.logout.hovered{color:#1da1f2}.lb{height:10%}table{border:1px solid #ccc;border-collapse:collapse;border-radius:10px;overflow-x:auto;position:center;text-align:center;width:100%}thead tr th{background-color:#1da1f2;box-shadow:0 2px 0 #0000001a,0 -2px 0 #0000001a;color:#fff;font-weight:500;text-align:center}td,th{overflow-wrap:break-word;padding:8px}.history{padding-top:80px}.txt-history{color:#1da1f2;font-size:24px;font-weight:600}.FileUpload{background-color:#f4f6f9;padding-left:90px}.title{align-items:center;display:flex;justify-content:flex-start}.text{font-size:16px;font-weight:600}.paratext{font-size:14px;font-weight:400}.cancelProgress{background-color:#fff;border:none;padding-right:15px}.progressDiv{align-items:center;display:flex;justify-content:space-between}.fileUploadName{align-items:flex-start;display:flex;width:85%}
/*# sourceMappingURL=main.f12a4a82.css.map*/