@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:"Poppins",sans-serif}body{text-decoration:none!important}.login,body{background-color:#fff}.login{width:330px;height:550px;border-radius:10px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;box-shadow:0 0 10px 1px #d3d3d3}.login h1{margin-top:110px;margin-left:30px;color:#e91e63}.nameInput{width:80%;margin-left:30px;border:none;border-bottom:2px solid #e91e63;outline:none;color:#a01845;font-size:1.1rem;margin-top:65px;background-color:transparent}.first{margin-top:70px;margin-bottom:10px}.eye{left:261px}.eye,.eye2{fill:#e91e63;width:25px;top:317px;position:absolute;cursor:pointer;transition:all 1s ease}.eye2{left:286px}.caps,.eye2{margin-left:-25px;display:none}.caps{fill:#e91e63;width:25px;position:absolute;cursor:pointer;left:256px;top:315px}.name{top:223px}.name,.pass{position:absolute;cursor:pointer;color:#e91e63;left:29px;transition:all .3s linear}.pass{top:317px}.second{margin-top:50px}.error{font-size:.9rem;padding:30px;display:none;color:grey}.passInput{width:80%;margin-left:30px;border:none;border-bottom:2px solid #e91e63;outline:none;font-size:1.1rem;color:#a01845;background-color:transparent;margin-top:66px}.loading{width:40px;height:40px;top:50%;left:45%}.load,.loading{border-radius:50%;border:4px solid #d3d3d3;border-top-color:#e91e63;position:absolute;display:none;transform:translate(-50%,-50%);-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}.load{width:30px;height:30px;top:22%;left:210px}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.admin{left:0;margin-left:23px}.admin,.user{width:130px;height:40px;background-color:#e91e63;border:none;border-radius:5px;color:#fff;font-size:1rem;cursor:pointer;outline:none;transition:all .5s ease;position:absolute;top:460px}.user{margin-left:20px;left:155px}.admin:hover,.user:hover{background-color:#f83d7b}#test{position:absolute;border-top-left-radius:10px;border-top-right-radius:10px}.dashboard{height:100%}#decoration{position:absolute;transform:rotate(180deg);bottom:0}.sideNavbar{width:200px;height:100%;background-color:#131316;position:absolute;display:flex;transition:all .5s ease;flex-direction:column;-webkit-animation:fromLeft 1s forwards;animation:fromLeft 1s forwards}@-webkit-keyframes fromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}@keyframes fromLeft{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.topNavbar{width:100%;height:55px;position:absolute;z-index:999;background-color:#16161a}.topNavbar h1{color:#ebebeb;font-size:1.7rem;margin-left:15px;margin-top:5px}.line1,.line2,.line3{width:35px;border-radius:25px;height:3px;position:absolute;background-color:#fff}.line2{top:10px}.line2,.line3{transition:all .3s linear}.line3{top:20px}.line1{transition:all .3s linear}.hamburger{position:absolute;left:94%;background-color:transparent;cursor:pointer;width:35px;height:25px;top:16px}@media only screen and (max-width:700px){.hamburger{left:91%}}.icon{margin-left:10px;margin-top:7px}.dashboard p{color:#d3d3d3;margin-top:18px;margin-left:20px;font-size:1.1rem}.first,.thirth{display:flex;background-color:transparent;text-align:center;margin-top:55px;height:60px;transition:all .5s ease;cursor:pointer;margin-bottom:0}.first,.thirth,a,a:hover{text-decoration:none}.thirth{margin-top:0}.first:hover,.five:hover,.four:hover,.thirth:hover{background-color:#222227}.five,.four,.second{display:flex;background-color:transparent;text-align:center;height:60px;transition:all .5s ease;cursor:pointer;margin-top:0}.second:hover{background-color:#222227}.userStatus{float:right;margin-right:15px;font-size:1rem;margin-top:15px;color:#d3d3d3}.servers{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-column-gap:50px;margin-left:150px;margin-top:50px}.statusButton{position:absolute;top:520px;margin-left:25px;width:140px;height:40px;cursor:pointer;outline:none;border:none;font-size:1rem;border-radius:5px;background-color:#e91e63;color:#fff;transition:all .5s ease}.statusButton:hover{background-color:#f13775}.home{left:35%;top:300px;transform:translate(-50%,-50%);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"box1 logBox" "box2 logBox";margin-bottom:50px}.home,.logBox{position:absolute}.logBox{grid-area:logBox;margin-top:40px;width:350px;height:537px;margin-left:80px;border-radius:5px;background-color:#181818}.logBox p{color:#e9e8e8;font-size:1.2rem;margin-left:15px;margin-top:10px}.box2,.home .box1{height:160px;width:83.4%;margin-top:40px;border-radius:5px;background-color:#085b7c;margin-left:80px}.box2{grid-area:box2;margin-top:130px;background-color:#4a0975}.box1{grid-area:box1}.box1Addon,.box2Addon{height:105px;margin-top:15px;width:400px;border-bottom-left-radius:5px;border-bottom-right-radius:5px;background-color:#03455f}.box2Addon{background-color:#39015f}.box1 p,.box2 p{color:#fff;text-align:center;margin-top:15px;font-size:1.2rem}.box1 h6,.box2 h6{color:#fff;margin-top:15px;margin-left:40px;font-size:1.1rem}.box1 h6 span,.box2 h6 span{color:#90ee90}.box1 h6 span{margin-left:0;margin-top:-25px}.box1 button{position:absolute;left:40%;margin-top:35px;border:none;border-radius:5px;font-size:1rem;background-color:#ca1338;height:35px;color:#fff;transition:all .5s ease;cursor:pointer;outline:none}.down{width:190px}.open{display:none;width:120px;margin-left:25px}.box2Down{left:40%;width:190px}.box2Down,.box2Open{position:absolute;margin-top:35px;border:none;border-radius:5px;font-size:1rem;background-color:#ca1338;height:35px;color:#fff;transition:all .5s ease;cursor:pointer;outline:none}.box2Open{left:45%;width:120px;display:none}.box1 button:hover,.box2 button:hover{background-color:#d81d42}.serverIcon,.serverIcon2{top:97px}.memoryIcon,.memoryIcon2,.serverIcon,.serverIcon2{width:30px;stroke:#fff;position:absolute;left:85px;height:30px}.memoryIcon,.memoryIcon2{top:138px}.memoryIcon2{top:428px}.serverIcon2{top:386px}.s1{width:110px;height:360px;position:absolute;top:90%;margin-left:40px;background-color:#085b7c;transform:translateY(-100%)}.logBox h6{font-size:1rem}.s1P{left:70px;color:#168ebd}.s1P,.s2P{position:absolute;top:495px}.s2P{left:238px;color:#871dce}.s1:before{color:#86c2da;height:50px;background-color:#03455f;top:-50px}.s1:before,.s2:before{content:"";padding-left:5px;padding-right:5px;width:100px;position:absolute}.s2:before{color:#d59dfa;height:100px;background-color:#39015f;top:-90px}.s2{width:110px;height:320px;background-color:#4a0975;top:90%;margin-left:200px;transform:translateY(-100%)}.mainC,.s2{position:absolute}.mainC{left:60%;top:350px;transform:translate(-50%,-50%);margin-bottom:50px}.customers{width:700px;display:flex}.customers p{font-size:1.35rem;color:#171717}.customers p:nth-child(3){position:absolute;left:82%}.customers p:nth-child(2){position:absolute;left:50%}.customers hr{width:700px;margin-top:3px;background-color:#37373f;border:1px solid #37373f;border-radius:3px;top:30px;position:absolute}.firstCompany{display:flex;margin-top:20px;background-color:#fddde7;padding:15px}.firstCompany p{font-size:1.2rem}.firstCompany p:nth-child(3){position:absolute;left:83.5%}.firstCompany p:nth-child(2){position:absolute;left:54.5%}.addonCompany1{background-color:#ece9e9}.addonCompany1,.addonCompany2,.addonCompany3{margin-top:10px}.addonCompany3{background-color:#ece9e9}.colDiv{width:745px}.statistics{position:absolute;left:61%;top:350px;transform:translate(-50%,-50%);margin-bottom:50px}.infoGreen{background-color:#36c75c}.infoBlue,.infoGreen{width:18px;height:18px;border-radius:50%}.infoBlue{background-color:#097894}.infoPink{width:18px;height:18px;background-color:#d81aa9;border-radius:50%}.blue,.green,.pink{display:flex;font-size:1.15rem}.green{position:absolute;top:-155px;left:-100px}.yearBlue,.yearGreen,.yearPink{color:#181818;margin-left:7px;margin-top:-5px}.pink{left:65px}.blue,.pink{position:absolute;top:-155px}.blue{left:-20px}.grafic{width:900px;top:55%;left:47%;transform:translate(-50%,-50%)}.grafic,.points{position:absolute}.points{left:-350px}.workers{position:absolute;left:60%;top:350px;transform:translate(-50%,-50%);margin-bottom:50px}.infoWorkers{display:flex;width:700px;font-size:1.35rem}.infoWorkers,.worker p{color:#171717}.infoWorkers p:nth-child(3){position:absolute;left:87%}.infoWorkers p:nth-child(2){position:absolute;left:50%}.worker{display:flex;margin-top:10px;background-color:#e9f5f8;padding:15px}.worker p{font-size:1.2rem}.worker:nth-child(3),.worker:nth-child(5){background-color:#d9f4ff}.worker:nth-child(3){margin-top:20px}.worker p:nth-child(3){position:absolute;left:90%}.worker p:nth-child(2){position:absolute;left:42%}.workers hr{width:700px;margin-top:3px;background-color:#37373f;border:1px solid #37373f;border-radius:3px;top:30px;position:absolute}.addTask{position:absolute;top:400px;left:60%;transform:translate(-50%,-50%);display:flex;flex-direction:column;margin-bottom:50px}.addTask input{width:370px;font-size:1.25rem;border:none;border-bottom:3px solid #f33473;outline:none;padding:0;color:#970d3b}.addTask label{color:#ff4281;font-size:1.3rem;top:0;transition:all .5s ease}.addBtn,.addTask label{position:absolute;cursor:pointer}.addBtn{width:45px;height:45px;margin-left:15px;border:none;border-radius:50%;outline:none;left:365px;top:-17px;background-color:#f33473;margin-top:5px}.plus{stroke:#fff;margin-left:-.5px;margin-top:0}.allTasks{margin-top:15px;height:350px;overflow:auto}.allTasks div{margin-top:10px;background-color:#f0f0f0;border-radius:7px;width:425px;display:grid;grid-template-columns:380px 50px}.allTasks div button{outline:none;border:none;background-color:transparent;cursor:pointer;margin-top:0;height:40px;width:40px;border-radius:50%}.trash{padding:5px}.allTasks div p{font-size:1.25rem;word-wrap:break-word;word-break:break-all;width:350px;padding:7px;color:#000;transition:all .5s linear}.zero{margin-top:10px;background-color:#f0f0f0;border-radius:7px;width:425px}.zeroTasks{padding:15px}.needAdmin{position:absolute;margin-top:30px;display:none;font-size:1.21rem}@media only screen and (max-width:1200px){.grafic{width:850px}.points{left:-325px}}.hamburger{display:none}@media only screen and (min-width:1100px){.sideNavbar{display:block!important}}@media only screen and (max-width:1100px){.sideNavbar{z-index:2;width:300px;display:none;border-bottom-left-radius:10px;border-bottom-right-radius:10px}.statusButton{margin-left:78px;top:450px}#decoration{bottom:0;border-top-left-radius:10px;border-top-right-radius:10px}.dashboard p{color:#d3d3d3;margin-top:15px;margin-left:20px;font-size:1.22rem}.statistics{position:absolute;left:50%;transform:translate(-50%,-50%)}.hamburger{display:block}.topNavbar{z-index:3}.userStatus{display:none}.home{left:27%}.mainC{left:51%}.mainC,.workers{position:absolute;transform:translate(-50%,-50%)}.workers{left:50.5%}.addTask{position:absolute;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column}}@media only screen and (max-width:450px){.addTask input{width:275px}.allTasks div{width:320px;display:flex}.allTasks div button{margin-right:5px}.allTasks div p{font-size:1rem;width:320px;padding:7px 0 7px 7px}.addBtn{left:265px;top:-10px}.addBtn,.plus,.trash{width:40px;height:40px}.addTask label{position:absolute;color:#ff4281;font-size:1.1rem;top:0;cursor:pointer;transition:all .5s ease}}@media only screen and (max-width:900px){.grafic{width:700px}.points{left:-250px}}@media only screen and (max-width:750px){.customers,.grafic{width:600px}.points{left:-210px}.firstCompany p:nth-child(3){position:absolute;left:81%}.customers p:nth-child(3){position:absolute;left:79%;width:120px}.customers hr{width:600px}.infoWorkers{display:flex;width:500px;font-size:1.35rem;color:#171717}.workers hr{width:500px}}@media only screen and (max-width:640px){.grafic{width:500px}.points{left:-160px}}@media only screen and (max-width:530px){.grafic{width:400px}.points{left:-100px}}@media only screen and (max-width:420px){.grafic{width:350px}.points{left:-60px}}@media only screen and (max-width:360px){.grafic{width:310px}.points{left:-50px}}@media only screen and (max-width:625px){.customers{width:500px}.firstCompany p:nth-child(3){position:absolute;left:79%}.customers p:nth-child(3){position:absolute;left:76%;width:120px}.customers p:nth-child(2){position:absolute;left:47%;width:120px}.customers hr{width:500px}}@media only screen and (max-width:425px){.customers{width:350px!important}.firstCompany p:nth-child(3){position:absolute;left:67%!important}.customers p:nth-child(3){position:absolute;left:69%!important;width:120px}.firstCompany p:nth-child(2){position:absolute;left:53%}.customers p:nth-child(2){position:absolute;left:43%!important}.customers hr,.infoWorkers{width:350px!important}.infoWorkers{display:flex;font-size:1.35rem;color:#171717}.workers hr{width:350px!important}.infoWorkers p:nth-child(3){position:absolute;left:81%!important}.infoWorkers p:nth-child(2){position:absolute;left:45%!important}.worker p:nth-child(2){position:absolute;left:28%!important}}@media only screen and (max-width:520px){.customers{width:400px}.firstCompany p:nth-child(3){position:absolute;left:72%}.customers p{font-size:1.25rem}.customers p:nth-child(3){position:absolute;left:72%;width:120px}.customers p:nth-child(2){position:absolute;left:45%;width:120px}.customers hr{width:400px}.infoWorkers{display:flex;width:400px;font-size:1.35rem;color:#171717}.workers hr{width:400px}.infoWorkers p:nth-child(3){position:absolute;left:84%}.infoWorkers p:nth-child(2){position:absolute;left:47%}.worker p:nth-child(2){position:absolute;left:32%}}@media only screen and (max-width:360px){.customers{width:310px!important}.firstCompany p:nth-child(3){position:absolute;left:63%!important}.customers p:nth-child(3){position:absolute;left:62%!important;width:120px}.firstCompany p:nth-child(2){position:absolute;left:46%}.customers p:nth-child(2){position:absolute;left:35%!important}.customers hr,.infoWorkers{width:310px!important}.infoWorkers{display:flex;font-size:1.35rem;color:#171717}.workers hr{width:310px!important}.infoWorkers p:nth-child(3){position:absolute;left:79%!important}.infoWorkers p:nth-child(2){position:absolute;left:43%!important}.worker p:nth-child(2){position:absolute;left:23%!important}.worker{padding-left:5px}}@media only screen and (max-width:990px){.home{left:24%}}@media only screen and (max-width:930px){.home{left:20%}}@media only screen and (max-width:850px){.home{left:45%;grid-template-areas:"box1" "box2" "logBox"}.logBox{margin-top:130px;margin-bottom:50px;width:400px}.s2{left:50px}.s2P{left:290px}}@media only screen and (max-width:500px){.home{left:42%}.logBox{width:350px}.s2{left:0;margin-left:215px}.s2P{left:255px}.box1,.box2{width:350px!important}.box1Addon,.box2Addon{width:350px}.s1{margin-left:25px}.s1P{left:60px}.box1 button{left:38%}.hamburger{left:87%}}@media only screen and (max-width:400px){.home{left:38%}.logBox{width:300px}.s2{left:0;margin-left:175px}.s2P{left:210px}.box1,.box2{width:300px!important}.box1Addon,.box2Addon{width:300px}.s1{margin-left:15px}.s1P{left:50px}.box1 button,.box2 button{left:35%}}
/*# sourceMappingURL=main.58968967.chunk.css.map */