@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Langar&display=swap);.App{background-color:#f0f0f0;display:flex;height:auto}.logoutButton{background-color:#ff4d4f;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:14px;padding:8px 12px}.logoutButton:hover{background-color:#ff7875}body{background-color:#f0f0f0;font-family:Roboto,sans-serif;margin:0;padding:0}.voters{display:grid;grid-template-columns:1fr 1fr}.timer{display:grid;grid-template-columns:3fr 1.3fr;width:1015px}.timer1{align-items:center;display:flex;display:none;justify-content:center;margin-right:10px}.timer1,.timerBtn{background-color:#fff;border-radius:10px}.timerBtn{margin-bottom:10px}.numVoted,.numVoter{align-items:center;background-color:#fff;border-radius:10px;color:#7a7a7a;display:flex;flex-direction:column;font-weight:600;justify-content:center;padding:20px}.numVoter{margin-right:5px}.numVoted{margin-left:5px}.homeRow{display:flex;height:auto;padding-top:100px;width:100vw}.homeRow .navSpace{background-color:#000;display:grid;width:220px}.homeRow .homeContainer{flex:88% 1;place-items:center}.charts{display:grid;grid-template-columns:3fr 1.5fr;margin-bottom:5px;margin-top:10px;width:1010px}.chart22{margin-top:10px;padding-top:10px}.chart1,.chart22{background-color:#fff;border-radius:10px}.chart1{padding-left:20px}.chart2{border-radius:10px;margin-left:10px}.listContainer{background-color:#fff;border-radius:10px;height:auto;padding:20px;width:970px}.candidateListContainer{margin-top:10px}.homeListContainer{margin-top:5px}.userContainer{margin-top:10px}.positionForm{align-items:center;display:flex;flex-direction:column;width:970px}.positionForm,.topLabel{color:#1ab394;font-size:1.2rem;font-weight:500;letter-spacing:.3rem}.btnAdd{border:1px solid #1ab394!important;border-bottom-right-radius:100px!important;border-top-right-radius:100px!important;font-size:1.3rem!important;padding:0!important}.btnAdd :hover{background-color:#1ab394!important}.positionInput{margin-top:10px}.inputField{display:flex;justify-content:center}#outlined-size-small.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:#1ab394}.listTable{display:flex;justify-content:center;margin-top:10px}.tableList{border:1px solid #1ab394;border-radius:10px;color:gray;font-size:large;height:50px;letter-spacing:.5rem;margin-bottom:10px;width:900px}.tableContent,.tableList{align-items:center;display:flex;justify-content:space-evenly}.tableContent{border-bottom:1px solid #1ab394;padding:10px;width:880px}.positionTabletext{color:#1ab394}.positionTable,.positionTabletext{display:grid;flex:70% 1}.actionTable{color:#1ab394;flex:30% 1}.profileContainer{align-items:center;display:grid;grid-template-columns:auto auto;height:auto;justify-content:space-evenly;margin-bottom:20px;width:100%}.profileRow{border:2px solid #1ab394;border-radius:10px;height:200px;position:relative;width:200px}.HomeprofileContainer{align-items:center;display:flex;flex-direction:row;height:auto;justify-content:center;width:100%}.HomeprofileRow{border:2px solid #1ab394;border-radius:1000px;display:flex;height:55px;margin-bottom:5px;margin-top:5px;width:55px}.HomeCandidate{align-items:center;display:flex;flex-direction:row;justify-content:center}.HomeImgSize{border-radius:10px;max-height:100px;max-width:100px}.HomeCandidateName{color:#314051;font-size:1.5rem;font-weight:500;line-height:0;margin-left:20px}.HomePosition{color:#1ab394;font-size:1.5rem;letter-spacing:.7rem;line-height:0}.header{align-items:center;background-color:#314051;display:flex;height:50px;justify-content:center;padding:10px 20px;width:100vw;z-index:100}.Sidebar,.header{color:#fff;position:fixed}.Sidebar{max-width:300px;top:60px;z-index:999}.ContentArea{background-color:#f0f0f0;flex:1 1}.ContentArea,.homeContainer{align-items:center;display:flex;justify-content:center;text-align:center}.homeContainer{flex-direction:column;height:auto}.HomeText{font-size:24px}.Sidebar{background-color:#314051;height:100vh;margin:0;padding:10px;width:220px}.SidebarList{height:auto;padding:0;width:100%}.SidebarList .row{align-items:center;border-radius:20px;color:#fff;display:flex;font-family:Trebuchet MS,Lucida Sans Unicode,Lucida Grande,Lucida Sans,Arial,sans-serif;font-size:1rem;height:50px;justify-content:center;list-style-type:none;margin:0;width:100%}.SidebarList .row:hover{background-color:#293846;cursor:pointer}.SidebarList #active{background-color:#1ab394}.row #icon{display:grid;flex:30% 1;place-items:center}.row #title{flex:70% 1}.candidateName{color:#314051;font-size:1.5rem;font-weight:500;margin:0}.header{font-family:Langar;font-size:2rem}.position{color:#1ab394;font-size:1.5rem;letter-spacing:.7rem}.votePageLabel{color:#1ab394;text-align:center}.votePageProfile{align-items:center;display:flex;flex-direction:column;justify-content:center;width:10ch}.candidateVoteInfo{width:195px}.votePageProfileContainer{text-align:center}.votePageProfileName{margin:0}.votePageLogout{align-items:end;display:flex;flex-direction:column;justify-content:center}.SPACE .label,.SPACE .tooltip,.SPACE .total{display:none}.votePage{flex-direction:column}.thankYouBody,.votePage{align-items:center;display:flex;justify-content:center;width:100vw}.thankYouBody{height:100vh}.thankYou{align-items:center;color:#1ab394;display:flex;flex-direction:column;justify-content:center}.thankYou h1{font-family:Lucida Sans,Lucida Sans Regular,Lucida Grande,Lucida Sans Unicode,Geneva,Verdana,sans-serif;font-size:3rem}.thankYou p{font-size:1.5rem}.profileAction{display:flex;flex-direction:row}.candidActions{align-items:center;display:flex;flex-direction:column;justify-content:start}.candidBtn{height:50px;width:50px}.categoryAction{align-items:center;display:flex}.categoryActionBtn{display:flex;height:40px}.overlayText{color:red}.homeTopLabel{background-color:#1ab394;border-radius:20px;color:#fff!important;font-size:1.5rem;margin-top:0!important;padding:10px}.candidInfoTitle{background-color:#1ab394;text-align:center}.candidInfoProfile{display:grid;grid-template-columns:1fr 2fr;margin-top:20px;width:100%}.candidInfoImage{display:flex}.candidInfoName{align-items:start;display:flex;font-size:1.5rem;padding-top:10px}.candidateDetails{align-items:center;display:flex;flex-direction:column;justify-content:center}.candidInformation{padding-left:40px;width:100%}.closeInfoBtn{width:250px}.candidateProfileContainer{margin-bottom:10px;margin-top:70px}.sidebarMenuBtn{display:none;left:5px;position:fixed;top:5px;z-index:200}.candidateName{display:flex;justify-content:center}.confirmTitle{background-color:#1ab394;color:#fff;text-align:center;width:auto}.confirmVoteBtns{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr;margin-top:-15px;width:100%}.confirmVoteContainer{width:25vw}.Sidebar.visible{left:0}.loginInput{width:40ch}@media (max-width:600px){.Sidebar{display:block;left:-30%;position:fixed;transition:left .3s ease;width:250px;z-index:100}.sidebarMain{position:fixed;top:0}.sidebarMenuBtn{display:block;left:10px;top:10px}.votePage{width:200px}.listContainer,.loginInput,.votePage{width:80vw}.profileRow{height:100px;width:100px}.App{display:flex;justify-content:center}.candidateName{font-size:1rem}.candidateVoteInfo{border:none;display:block;font-size:.5rem;margin-top:-30px;width:100px}.tableConfirm{width:100vw}.dialogTitle{width:100px}.confirmVoteContainer{width:80vw}.thankYouBody{text-align:center}}.modal{align-items:center;display:flex;justify-content:center;position:fixed}.modal,.modalOverlay{height:100%;left:0;top:0;width:100%}.modalOverlay{background-color:#00000080;position:absolute}.modalContent{background-color:#fff;border-radius:5px;padding:20px;position:relative;z-index:10}.closeBtn{position:relative;right:-200px;top:0}.closeIcon{color:grey}.closeIcon:hover{color:red}#imageUpload{display:none}.uploadIcon{color:#1ab394;cursor:pointer}span{color:#1ab394;font-weight:700}.imgSize{border-radius:10px;max-height:200px;max-width:200px}.buttonContainer{display:flex;position:absolute;top:10px}.login{text-align:center!important}.confirmVote,.loginModal{display:flex;flex-direction:column}.confirmVote{align-items:center;border-radius:20px;justify-content:center;padding:20px;text-align:center}.confirmVoteBtn{display:flex;justify-content:space-evenly;margin-left:20px;margin-right:20px;width:400px}.confirmBtn{height:50px;width:180px}.dialogTitle{background-color:#1ab394;border-radius:20px;color:#fff;width:400px}.confirmTable{width:420px}.candidate{cursor:pointer}.candidate,.candidate.selected .profileRow{position:relative}.overlay{align-items:center;background-color:#0000ffb3;border-bottom-left-radius:10px;border-bottom-right-radius:10px;bottom:0;display:flex;height:30px;justify-content:center;position:absolute;width:100%}.overlayText{color:#fff;font-weight:700}.submit{align-items:center;display:flex;justify-content:center}.submitBtn{height:60px;width:600px}
/*# sourceMappingURL=main.290fa0f0.css.map*/