:root{--text-primary:#b6b6b6;--text-secondary:#ececec;--bg-primary:#23232e;--blue-theme:#13d6f8;--bg-secondary:#141418;--transition-speed:600ms;font-family:Open Sans;font-size:16px}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}body ::-webkit-scrollbar,body::-webkit-scrollbar{height:.25rem;width:.25rem}body ::-webkit-scrollbar-track,body::-webkit-scrollbar-track{background:#1e1e24}body ::-webkit-scrollbar-thumb,body::-webkit-scrollbar-thumb{background:#6649b8}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@media only screen and (max-width:425px){.main{margin-bottom:6rem}}@media only screen and (min-width:640px){.main{align-items:center;display:flex;flex-direction:column;margin-left:6rem;overflow-y:hidden}}.navbar{background-color:var(--bg-primary);position:fixed;transition:width .2s ease;z-index:10}.navbar img{max-height:100%;max-width:100%}.navbar .logo>.nav-link{background-color:transparent;-webkit-filter:none!important;filter:none!important;justify-content:center;transition:all var(--transition-speed) ease-in-out .5s}.navbar-nav{align-items:center;display:flex;flex-direction:column;height:100%;list-style:none;margin:0;padding:0}@media only screen and (min-width:640px){.navbar{height:100vh;top:0;width:6rem}.navbar:hover .logo{height:10rem;width:10rem}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline;opacity:1;transition:opacity var(--transition-speed)}}@media only screen and (max-width:640px){.navbar{bottom:0;height:-webkit-fit-content;min-height:5rem;width:100vw}.navbar-nav{-webkit-overflow-scrolling:touch;flex-direction:row;overflow-x:auto}}.nav-item{width:100%}.logout{margin-top:auto}.logo{display:flex;height:100px;justify-content:center;margin:1rem 0;width:100%}.nav-link{align-items:center;color:var(--text-primary);display:flex;-webkit-filter:grayscale(100%) opacity(.7);filter:grayscale(100%) opacity(.7);margin:.25rem 0;min-height:5rem;text-decoration:none;transition:var(--transition-speed)}.nav-link svg{color:var(--blue-theme);margin:0 1.5rem;min-height:2rem;min-width:3rem}@media only screen and (min-width:425px){.nav-link svg{min-width:2rem}}.active,.nav-link:hover{background:var(--bg-secondary);-webkit-filter:grayscale(0) opacity(1);filter:grayscale(0) opacity(1)}.link-text{color:var(--blue-theme);margin-left:1rem;opacity:0}@media only screen and (max-width:600px){.link-text,.logo{display:none}.nav-link{justify-content:center}}.dashboard-container{background-color:var(--primary-black);color:var(--blue-theme);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;overflow:hidden auto;width:calc(100% - 2rem)}.dashboard-container>.right-top{margin-top:1rem}.dashboard-container .sensitive-data{background-color:#fff;border:1px solid #000;border-radius:.3rem;color:#000;cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:.3rem;-webkit-user-select:none;-ms-user-select:none;user-select:none;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.ArrayTable-and-showcase-holder{display:flex;justify-content:space-evenly;padding:2rem;width:100%}.site-inv-dropdowns .drop-down-list,.site-inv-dropdowns .drop-down-menu{width:12rem}@media only screen and (max-width:640px){.ArrayTable-and-showcase-holder{flex-direction:column;padding:.5rem}.ArrayTable-and-showcase-holder>*{flex:none!important;margin:1rem 0}.current-and-live{align-items:center;display:flex;flex-direction:column;width:95%}.current-and-live>*{flex:2 1!important}.site-inv-dropdowns{align-items:center;flex-direction:column;right:unset!important}.site-inv-dropdowns .timer-label{flex:none!important;gap:3rem!important;justify-content:center!important;margin:auto!important;width:80%}}@media only screen and (min-width:640px){.current-and-live{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;padding:1rem;width:100%!important}.current-and-live>*{min-height:10rem;min-width:16rem;padding:.5rem 0;width:25%}.current-and-live:first-child{width:50%}}.site-inv-dropdowns{display:flex;gap:2rem;justify-content:flex-end;margin-top:1rem;position:relative;right:1rem;top:0;width:100%}.site-inv-dropdowns .timer-label{display:flex;flex:3 1;gap:5rem;justify-content:flex-start;margin-left:2rem}.site-inv-dropdowns .timer-label span{background-color:var(--bg-primary);border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;padding:.5rem}@media only screen and (max-width:640px){.dashboard-container{margin-bottom:10vh;width:100%}}.backdrop{align-items:center;background:rgba(0,0,0,.882);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:100}@media only screen and (max-width:640px){.backdrop{height:100vh}}.modal{align-items:center;border-radius:12px;display:flex;flex-direction:column;height:min(50%,300px);justify-content:center;margin:auto;padding:0 2rem;width:clamp(50%,700px,90%)}.spinner{-webkit-animation:spinner_animation 2s linear 0s infinite;animation:spinner_animation 2s linear 0s infinite;border:.2vw solid #1d7ae5;border-bottom-color:#fff;border-radius:50%;padding:3vw;-webkit-transform-origin:center center;transform-origin:center center}@-webkit-keyframes spinner_animation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}@keyframes spinner_animation{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}.login--label{font-size:small;font-weight:600}.login-input{color:#000;font-weight:lighter;margin:.5rem 0;outline:none;padding:.3rem;width:100%}.valid{border:2px solid #2fb32f}.invalid{border:2px solid #ac3c3c}.login-wrapper{font-weight:700;margin:.5rem 1rem;position:relative;width:90%}.show-password{color:var(--bg-primary);cursor:pointer;margin:0 .5rem;padding:.15rem;position:absolute;right:0;top:50%}.details-container{background-color:#fff;border-radius:.5rem;box-shadow:0 0 .5rem -.2rem #000;color:#000;cursor:pointer;flex:2 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:.5rem;min-height:8rem;padding:1rem;transition:all 1s}.details-container>.heading{font-size:large;font-weight:700;height:1.5rem;margin:.5rem auto;text-align:center;text-transform:uppercase;width:100%}.details-container>.content{display:flex;justify-content:space-around;max-height:10rem;min-height:5rem;overflow:hidden auto}.details-container>.content>.unit-and-title{align-items:center;display:flex;flex-direction:column;font-size:large;margin:.5rem}.details-container>.content>.unit-and-title>.unit-value{font-size:large;margin:.5rem}.details-container>.content>.unit-and-title>.unit-title{font-size:medium;margin:.5rem;text-transform:capitalize}.chart-container{aspect-ratio:4/3;background-color:var(--bg-primary);border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;box-shadow:.2rem .2rem .6rem -.2rem #555;height:70vh;position:relative;width:calc(100% - 5rem)}@media only screen and (max-width:768px){.chart-container{height:auto;width:100%}}.chart-container .chart-container-title{align-items:center;color:#fff;display:flex;height:2rem;justify-content:space-between;margin:.5rem;text-transform:capitalize}.chart-container .chart{background-color:#fff;height:85%;margin:.5rem auto;width:100%}.chart-container .reduce-space{width:6rem}.chart-container .status-circle{border-radius:50%;height:1.5rem;margin-right:1rem;width:1.5rem}.make-content-center{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.make-content-center .top-row{align-items:center;background-color:var(--bg-primary);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-evenly;margin-bottom:1rem;padding:.5rem 0;width:100%}.make-content-center .export-to-csv-btn{background-color:#e64d4d;background-size:200% auto;border-radius:10px;color:#fff;display:block;margin:10px;max-width:12rem;padding:.8rem 2rem;text-align:center;text-transform:uppercase;transition:.5s}.make-content-center .export-to-csv-btn a{color:#fff}.make-content-center .export-to-csv-btn:hover{background-position:100%;color:#fff;text-decoration:none}.drop-down-menu{align-items:center;border:.1rem solid var(--bg-primary);border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;color:var(--bg-primary);cursor:pointer;display:flex;min-width:7rem;padding:.3rem .5rem;position:relative;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.drop-down-menu>.drop-down-search{background-color:transparent;border:none;color:var(--bg-primary);height:100%;outline:none;padding:.3rem 0;width:100%}.drop-down-menu>.drop-down-search:active,.drop-down-menu>.drop-down-search:focus,.drop-down-menu>.drop-down-search:hover{border:none;color:inherit}.drop-down-menu>p{align-items:center;display:flex;gap:.3rem}.drop-down-menu:hover{background-color:var(--bg-primary);color:#fff}.drop-down-menu:hover .drop-down-list{border:1px solid #000;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.drop-down-menu .freeze{border:1px solid #000!important;height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important}.drop-down-menu .drop-down-list{background-color:#fff;border:none;border-radius:.2rem;box-shadow:0 0 .3rem -.1rem #fff;color:#000;height:0;left:0;min-width:7rem;overflow:hidden;position:absolute;top:100%;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.drop-down-menu .drop-down-list:hover{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.drop-down-menu .drop-down-list>li{list-style:none;padding:.3rem 1rem;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s}.drop-down-menu .drop-down-list>li:hover{background-color:var(--bg-primary);color:#fff}.drop-down-menu.inverted{border:.1rem solid var(--blue-theme)!important;color:var(--blue-theme)!important;position:relative;z-index:2}.drop-down-menu.inverted .drop-down-list{background-color:var(--bg-primary)!important;color:#fff}.analysis-table-holder{border:.1rem double #000;border-radius:.3rem;margin:2rem;max-width:calc(100% - 6rem);overflow-x:auto;padding:.3rem;position:relative}.analysis-table-holder .analysis-table{margin-bottom:.3rem}.analysis-table-holder .analysis-table tbody,.analysis-table-holder .analysis-table thead{position:relative}.analysis-table-holder .analysis-table td{background-color:#fafad2;border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;color:#000}.analysis-table-holder .analysis-table th{background-color:#f0f8ff;color:var(--blue-theme);padding:.5rem}.analysis-table-holder .analysis-table td,.analysis-table-holder .analysis-table th{text-align:center}.analysis-table-holder .analysis-table td:first-child,.analysis-table-holder .analysis-table th:first-child{background-color:#f0f8ff;border:none;color:var(--blue-theme);left:-.3rem;position:-webkit-sticky;position:sticky}.pagination-btns{display:flex;gap:.3rem;justify-content:center;margin-bottom:2rem;overflow-x:auto;width:20rem}.pagination-btns li{background-color:#f0f8ff;border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;list-style:none}.pagination-btns li div{color:var(--blue-theme);cursor:pointer;padding:.5rem}.user-profile{background-color:#eee;border-radius:1rem;-webkit-border-radius:1rem;-moz-border-radius:1rem;-ms-border-radius:1rem;-o-border-radius:1rem;box-shadow:.1rem .1rem .5rem -.2rem #000;max-height:38rem;max-width:20rem;overflow:hidden;padding:1rem 0;position:relative}@media Only screen and (min-width:640px){.user-profile{align-items:center;display:flex;justify-content:center;max-width:40rem;padding:2rem}}.user-profile>.back-arrow-holder{cursor:pointer;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1rem;position:absolute;right:0;top:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.user-profile>.back-arrow-holder>.back-arrow{border-radius:30%;height:2rem;width:2rem}.split-for-user-profile{align-items:center;display:flex;flex-direction:column;justify-content:center}@media Only screen and (min-width:640px){.split-for-user-profile{height:100%;justify-content:space-evenly;width:30%}}.user-title{align-items:center;display:flex;flex-direction:column;margin:.5rem 0}.user-title>h3{color:#9032f1;text-transform:capitalize}.user-title>p{color:#eb24eb;font-weight:500;letter-spacing:.2rem;margin-top:.3rem;text-align:center;text-transform:capitalize}.img-container{align-items:center;border:.2rem solid #9032f1;border-radius:50%;box-shadow:.1rem .3rem .8rem -.5rem #000;display:flex;height:8rem;justify-content:center;margin:.2rem auto;overflow:hidden;width:8rem}.img-container>img{height:100%;object-fit:contain;width:100%}.user-details{height:calc(100% - 12rem);overflow:hidden;padding:.5rem 1rem;width:100%}@media Only screen and (min-width:640px){.user-details{height:100%;width:70%}}.user-details .title-with-value-card>h4{color:#9032f1;text-transform:capitalize}.user-details .title-with-value-card>p{border-radius:.2rem;margin:.5rem 0;padding:.5rem}.worker-details-holder{-ms-overflow-style:none;aspect-ratio:2/2;border:.1rem solid #181c24;border-radius:.3rem;margin:2rem auto;max-width:25rem;overflow-y:scroll;padding:.5rem;scrollbar-width:none}.worker-details-holder::-webkit-scrollbar{display:none}.worker-details-holder .list-item{align-items:center;background-color:#555;border-radius:.3rem;box-shadow:.2rem .2rem .3rem -.1rem #888;cursor:pointer;display:flex;margin-bottom:1rem;padding:.5rem;width:100%}.worker-details-holder .list-item .avatar{width:20%}.worker-details-holder .list-item .avatar img{background-color:#000;border-radius:50%;box-shadow:0 0 .3rem -.1rem #fff;height:100%;object-fit:cover;outline:none;width:100%}.worker-details-holder .list-item .user-details{color:#fff;display:flex;flex-direction:column;justify-content:space-evenly;margin-left:5%;padding:0 .3rem;width:80%}.worker-details-holder .list-item .user-details .username{font-weight:700}.worker-details-holder .list-item .user-details .occupation{font-size:small;font-style:italic}.pie-chart{display:flex;justify-content:center;margin:1rem auto;position:relative}.pie-chart .circular-progress-circle{height:400px;position:relative;width:400px}.pie-chart .pie-title{text-transform:capitalize}.recharts-layer.recharts-pie-sector{cursor:pointer}.worker-view{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;width:100%}#worker-attendence-heading{color:#555;margin:.5rem auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.array-junction-box-container{align-items:center;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.array-junction-box-container>h3{color:#555;font-size:large;font-weight:700;margin:.2rem}.array-table{border-radius:.5rem;-webkit-border-radius:.5rem;-moz-border-radius:.5rem;-ms-border-radius:.5rem;-o-border-radius:.5rem;box-shadow:0 0 1rem -.5rem #111;margin:1rem 0 0;max-width:60rem;width:95%}.array-table,.array-table thead{background-color:#333;overflow:hidden}.array-table thead{cursor:pointer}.array-table thead th{padding:.5rem}.array-table tbody{background-color:#555;cursor:pointer}.array-table tbody td{color:#fff}.array-table>thead th{padding:.5rem}.array-table tr>td{border:2px solid #666;cursor:context-menu;padding:.3rem;text-align:center;transition:padding .5s;width:33%;word-break:break-all}.array-table tr.strings-table-container .animate-data{overflow:hidden;transition:max-height .5s ease-in}.array-table tr.strings-table-container .strings-table{width:100%}.array-table tr.strings-table-container .strings-table thead{color:var(--blue-theme)}.array-table tr.strings-table-container .strings-table tr{display:flex;justify-content:space-around}.array-table tr.strings-table-container .strings-table tr td{border:2px dashed #666}.array-table tr.strings-table-container[data-active=active] .animate-data{max-height:640px}.array-table tr.strings-table-container[data-active=inactive] td{border:none;padding:0}.array-table tr.strings-table-container[data-active=inactive] .animate-data{max-height:0}.tool-tip-btn,.tool-tip-info{cursor:pointer}.tool-tip-btn:hover~.tool-tip-info,.tool-tip-info:hover{display:block}.tool-tip-info{background-color:#222;border-radius:.5rem;bottom:-.5rem;box-shadow:0 0 .5rem -.1rem #eee;display:none;left:2rem;padding:.2rem .5rem;position:absolute;width:8rem;z-index:10}.details-showcase{border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;flex:1 1;margin:1rem;max-width:22rem;min-width:17rem;overflow:hidden;padding:.1rem}.details-showcase .details-showcase-header,.details-showcase .inner-content{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1rem}.details-showcase .details-showcase-header li,.details-showcase .inner-content li{align-items:center;display:flex;justify-content:space-between;list-style:none;margin:.3rem auto;text-align:center;text-transform:capitalize;width:80%}.details-showcase .details-showcase-header li span:first-child,.details-showcase .inner-content li span:first-child{flex:3 1}.details-showcase .details-showcase-header li span:nth-child(2),.details-showcase .inner-content li span:nth-child(2){flex:1 1}.details-showcase .details-showcase-header li span:nth-child(3),.details-showcase .inner-content li span:nth-child(3){flex:2 1}.details-showcase .details-showcase-header{border-radius:.3rem;-webkit-border-radius:.3rem;-moz-border-radius:.3rem;-ms-border-radius:.3rem;-o-border-radius:.3rem;color:#fff;font-weight:700;height:30%;max-height:3rem;text-transform:uppercase}.details-showcase .inner-content{color:#000;height:70%}@media screen and (max-width:640px){.vcb{min-height:15rem;width:100%}}@media screen and (max-width:360px){.vcb{min-height:22rem;width:100%}}.analytics-container{align-items:center;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;width:100%}.analytics-container .date-picker{background-color:var(--bg-primary);border-radius:5%;color:var(--blue-theme)!important;padding:.5rem 1rem}.analytics-container .date-picker label{display:block;margin-bottom:.5rem}.analytics-container .date-picker input{background-color:var(--bg-primary);border:1px solid #fff;color:#fff!important;padding:.2rem}@media only screen and (max-width:1120px){.analytics-container{width:100%}}*{box-sizing:border-box;margin:0;padding:0}.container{background-color:var(--primary-black);color:var(--blue-theme);min-height:100vh}.logo-container{margin:1rem auto;width:12rem}.logo-container>img{border-radius:.5rem;width:inherit}.login-component{align-items:center;background-color:var(--bg-primary);box-shadow:.1rem .1rem 1rem 0 #000;color:var(--primary-white);display:flex;flex-direction:column;justify-content:center;margin:0 auto;padding:1rem;width:clamp(500px,50vw,500px)}.login-component>*{-webkit-user-select:none;-ms-user-select:none;user-select:none}.login-component>h3{font-size:large;margin:.2rem 1rem 1rem}.login-greetings{color:var(--primary-white);font-family:monospace;font-size:small;font-weight:300;letter-spacing:.1rem}.login-forgot-password{color:var(--blue-theme);font-size:small;font-weight:lighter;letter-spacing:.1rem;margin:.2rem 1rem 0;text-decoration:none}.login-btn{background-color:var(--blue-theme);border:none;border-radius:.2rem;color:var(--bg-secondary);cursor:pointer;letter-spacing:.1rem;margin:1rem 0;padding:.5rem;width:90%}.login-btn:hover{background-color:#44a3ff}input[type=password]::-ms-clear,input[type=password]::-ms-reveal{display:none}.small-btn{background-color:#dfa220;width:200px!important}@media only screen and (max-width:640px){.container{height:90vh}.login-component{height:90%;width:100%}}@media only screen and (min-width:640px){.container{align-items:center;border-radius:1rem;display:flex;justify-content:center}.login-component{border-radius:1rem;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;min-height:60vh;position:relative}.login-component>h3{font-size:x-large;margin-bottom:2rem;margin-top:.5rem}.login--label{font-size:medium}.login-btn{margin:2rem 0;width:90%}}
/*# sourceMappingURL=main.9e6ce978.css.map*/