@import url(https://fonts.googleapis.com/css2?family=Lato:wght@400;700&family=Merriweather+Sans:wght@400;700&family=Merriweather:wght@400;700&family=Poppins:wght@400;700&display=swap);.container{height:auto;margin:0 auto;max-width:1024px;width:100%}*{box-sizing:border-box;font-family:Merriweather,sans-serif;margin:0;padding:0;word-break:break-all}ul{list-style-type:none}li{color:#374151;font-family:Lato,sans-serif;font-size:14px}li:hover{color:#2595f2;cursor:pointer;text-decoration:underline}body{min-height:100vh;padding-bottom:50px;width:100%}h3{color:#374151}.button__primary,.button__secondary{border-radius:5px;font-family:Lato,sans-serif;font-weight:700;height:40px;padding:0 15px;width:auto}input,label{display:block}label{font-size:14px;margin-bottom:5px}input,label{color:#374151;font-family:Lato,sans-serif;font-weight:700}input{border:1px solid #374151;border-radius:5px;font-size:13px;height:35px;margin-bottom:20px;padding:0 10px;width:600px}input:focus{outline:none}i{color:#374151;font-size:14px}.button__primary{background-color:#374151;border:none;color:#fff}.button__secondary{background-color:transparent;border:2px solid #374151}.button__error{border:2px solid red;color:red}.button1{align-items:center;display:flex;gap:5px;justify-content:space-between}.button1 p{text-transform:capitalize}a{font-family:Lato,sans-serif;font-size:14px;text-decoration:none}a:hover{text-decoration:underline}a.primary{color:#fff}a.secondary{color:#374151}a.secondary:hover{color:#2595f2}p{color:#374151;font-size:14px}body:has(.header) main{padding-top:90px}textarea{border-radius:5px;color:#374151;font-size:12px;min-height:250px;padding:10px;resize:none;width:600px}textarea:focus{outline:none}button.disabled{opacity:.6}.actions{align-items:center;display:flex;gap:20px;justify-content:center}.actions button{margin:0}img.loading__img{height:150px;width:150px}.loading{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center}.loading p{font-size:20px;font-weight:700;letter-spacing:2px;margin-top:-20px}.notFound p{letter-spacing:0}@media screen and (max-width:860px){.container{padding:0 20px}}@media screen and (max-width:600px){.container{padding:0 10px}input,label{margin-inline:auto;width:100%}input{height:45px}}@media screen and (max-width:460px){.actions{flex-direction:column;width:100%}.actions button{margin:0;width:100%}}.homepage{align-items:center;align-self:center;display:flex;flex-direction:column;justify-content:center;margin-top:25vh}.homepage h3{font-size:26px;margin-bottom:30px;text-align:center}.homepage p{font-size:14px;margin-top:10px;text-align:center;width:80%}.homepage .actions button{margin-left:20px;margin-top:20px}@media screen and (max-width:720px){.homepage p{width:95%}.homepage .actions{flex-direction:column;margin-top:30px;width:100%}.homepage .actions button{height:45px;margin:0;width:100%}}.auth{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.auth h3{margin-bottom:20px;text-align:center}.auth p.desc{margin:-15px 0 25px;text-align:center}.auth p.desc span{font-weight:700;opacity:1}.auth button{width:100%}.auth .waiting{opacity:.6}.auth .redirect{font-size:13px;font-weight:700;margin-top:10px}.auth .redirect a{margin-left:5px}@media screen and (max-width:700px){.auth,.auth .auth__container,.auth input{width:100%}}.passwordField{margin-bottom:20px;width:auto}.passwordField .field{align-items:center;border:1px solid #374151;border-radius:5px;display:flex;justify-content:space-between;max-width:600px;padding-right:5px;width:100%}.passwordField .field input{border:none;margin:0;min-width:90%}.error{color:red;font-family:Poppins,sans-serif;font-size:13px;margin-bottom:15px;margin-top:-12px;width:100%}.verifications{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center}.verifications h3,.verifications p{text-align:center}.verifications p{font-weight:700;line-height:30px;margin-top:20px;max-width:600px}.verifications i{align-items:center;background-color:#f3f4f6;border-radius:50%;display:block;display:flex;font-size:37px;height:80px;justify-content:center;margin:0 auto 20px;text-align:center;width:80px}.verifications i.fa-x{background-color:red;color:#fff}.verifications i.success{background-color:green;color:#fff}.verifications .link{color:#2595f2;text-decoration:underline}.header{align-items:center;background-color:#fff;border-bottom:1px solid #2595f2;display:flex;height:70px;justify-content:space-between;left:0;position:fixed;right:0;z-index:4}.header .link{text-decoration:none}.header nav ul{align-items:center;display:flex;gap:20px;justify-content:space-between}.header nav ul li{font-weight:700}.header nav ul li a{color:#374151}.header nav ul li .active,.header nav ul li a:hover{color:#2595f2}.header nav ul li.logout{color:red}@media screen and (max-width:460px){.header nav{gap:20px;width:68%}.header nav li{font-size:12px;margin:0}}.dashboard .elections{margin-top:5px}.dashboard .elections,.dashboard .elections .content{height:auto;width:100%}.dashboard .elections .content .elections{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(3,1fr);height:auto;margin-top:20px}.dashboard .elections .content .elections .election{background-color:#f3f4f6;background:#f3f4f6;border-radius:10px;box-shadow:inset -20px -20px 60px #cfcfd1,inset 20px 20px 60px #fff;height:250px;padding:20px;position:relative;width:100%}.dashboard .elections .content .elections .election .heading{align-items:center;display:flex;justify-content:space-between}.dashboard .elections .content .elections .election .heading .actions{gap:7px}.dashboard .elections .content .elections .election .heading .actions i{color:green;font-size:14px;margin:0}.dashboard .elections .content .elections .election .heading .actions i.fa-trash{color:red}.dashboard .elections .content .elections .election i{font-size:20px}.dashboard .elections .content .elections .election:hover{text-decoration:none}.dashboard .elections .content .elections .election .desc{font-family:Lato,sans-serif;margin-top:20px}.dashboard .elections .content .elections .election .control{align-items:center;bottom:10px;display:flex;height:30px;justify-content:flex-end;left:0;padding:0 20px;position:absolute;width:100%}.dashboard .elections .content .elections .add{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0}.dashboard .elections .content .elections .add i{font-size:24px;margin-bottom:20px}@media screen and (max-width:860px){.dashboard .elections .content .elections{gap:34px;grid-template-columns:1fr 1fr}}@media screen and (max-width:700px){.dashboard .elections .content .elections{gap:20px}.dashboard .elections .content .elections .election .heading .actions{flex-direction:row;justify-content:flex-end;width:auto}}@media screen and (max-width:500px){.dashboard .elections .content .elections{gap:24px;grid-template-columns:1fr}}.election .intro{margin-bottom:10px;text-align:center}.election h3.intro{color:#2595f2}.election p.intro{margin-bottom:20px;opacity:.8;text-align:left;word-break:break-all}.election .notes{padding:0 10px}.election .notes p{align-items:center;display:flex;font-family:Lato,sans-serif;font-weight:700;justify-content:flex-start}.election .notes p span{background-color:red;border-radius:50%;display:block;font-size:20px;font-weight:700;height:7px;margin-right:10px;width:7px}.election .components{padding:20px 0}.election .voted{flex-direction:column;height:90vh;width:100%}.election .voted,.election .voted .fa-check{align-items:center;display:flex;justify-content:center}.election .voted .fa-check{background-color:green;border-radius:50%;color:#fff;font-size:24px;height:50px;margin-bottom:20px;width:50px}.election .voted button{background-color:transparent;border:none;color:#2595f2;text-decoration:underline}.election .voted button:hover{cursor:pointer}.election__component{background:#f3f4f6;border-radius:8px;border-radius:5px;height:auto;margin-bottom:20px;min-height:200px;overflow:hidden}.election__component .component__header{align-items:center;border-bottom:2px solid #2595f2;display:flex;font-family:Lato,sans-serif;font-weight:700;height:50px;justify-content:space-between;margin-bottom:30px;padding:0 20px;width:100%}.election__component .component__content{height:calc(100% - 70px);min-height:150px;padding:10px 20px;width:100%}.election__component .component__content .candidates{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);height:auto;padding-bottom:20px;place-items:center;width:100%}.election__component .component__content .candidates .candidate{background:#e0e0e0;border:2px solid #2595f2;border-radius:5px;box-shadow:20px 20px 60px #bebebe,-20px -20px 60px #fff;height:200px;overflow:hidden;position:relative;width:100%}.election__component .component__content .candidates .candidate img{height:70%;width:100%}.election__component .component__content .candidates .candidate .text__content{padding:0 10px;width:100%}.election__component .component__content .candidates .candidate .cover{align-items:center;background-color:green;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:.5;position:absolute;top:0;width:100%;z-index:2}.election__component .component__content .candidates .candidate .cover i{align-items:center;background-color:#fff;border-radius:50%;color:#2595f2;display:flex;font-size:24px;height:70px;justify-content:center;margin-bottom:20px;width:70px}.election__component .component__content .candidates .candidate .cover p{color:#2595f2;opacity:1}@media screen and (max-width:820px){.election__component .component__content .candidates{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:585px){.election__component .component__content .candidates{grid-template-columns:1fr}}.voters{min-height:80vh;padding-top:20px}.voters h3{text-align:center}.voters table{border-collapse:collapse;margin-top:20px;width:100%}.voters table,.voters tbody,.voters td,.voters th,.voters thead,.voters tr{border:2px solid #374151}.voters td,.voters th{color:#374151;padding:5px 0;text-align:center}.voters th{color:#2595f2}.voters .fa-x{color:red}.voters .fa-check{color:green}.results{min-height:90vh}.results h3{color:#2595f2;text-align:center}.results .result___category{margin-bottom:20px;min-height:200px}.results .result___category caption{color:#2595f2;font-weight:700;margin-bottom:5px;text-align:left}.results .result___category table{border-collapse:collapse;height:auto;margin-top:30px;width:100%}.results .result___category table,.results .result___category td,.results .result___category th,.results .result___category tr{border:1px solid #374151}.results .result___category th{color:#374151}.results .result___category tr{height:40px;text-align:center}.results .result___category .won{background-color:#9cca9c}.results .result___category td{width:20%}.results .result___category td:nth-child(2){width:40%}body:has(main.results){background-color:#f3f4f6}body:has(main.results) .header{background-color:#f3f4f6}.createElection{align-items:center;display:flex;justify-content:center;min-height:92vh}.createElection .createElection__container{min-height:60vh;width:100%}.createElection .createElection__container h3.rules{margin-top:30px}.createElection .createElection__container .agree_to_rules{align-items:center;display:flex;gap:20px;justify-content:flex-start;width:auto}.createElection .createElection__container .agree_to_rules input,.createElection .createElection__container .agree_to_rules label{display:block;margin:0;width:auto}.createElection .createElection__container button{margin-top:20px;width:200px}@media screen and (max-width:860px){.createElection .createElection__container h3.rules{font-size:16px;margin-bottom:10px}}.rules{padding:0 20px}.rules ul{list-style-type:disc;margin-top:10px}.rules ul li{font-family:Poppins,sans-serif;font-size:14px;margin-bottom:10px}.rules ul li:hover{color:#374151;cursor:text;text-decoration:none}.step1{margin:0;padding:0}.step1 form{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin:0 auto;max-width:600px;padding:0;width:100%}.step1 form label{text-align:left}.step1 form input,.step1 form textarea{margin-bottom:20px;width:100%}.step1 form .actions button{margin-right:20px}.step2 .categories,.step3 .categories{gap:20px;height:auto;margin-top:20px;width:100%}.step2 .actions button,.step3,.step3 .actions button{margin:0}.step3{padding:0}.step3 h3{color:#2595f2;font-family:Lato,sans-serif;margin-bottom:20px;text-transform:uppercase}.step3 p span{opacity:.8}.step3 .waiting{align-items:center;display:flex;flex-direction:column;height:40vh;justify-content:center;width:100%}@media screen and (max-width:860px){.rules ul li{font-size:12px}}@media screen and (max-width:460px){.rules .actions,.step1 .actions,.step2 .actions,.step3 .actions{flex-direction:column;margin-top:20px}.rules .actions button,.step1 .actions button,.step2 .actions button,.step3 .actions button{margin:0;width:100%}}.category{border:1px solid #374151;border-radius:5px;height:auto;margin-bottom:20px}.category .category__header{align-items:center;display:flex;height:40px;justify-content:space-between;padding:0 20px;width:100%}.category .category__header i{font-size:20px}.category .category__header i.small{font-size:16px}.category .category__header i.delete{color:red}.category .category__header h4{color:#374151;font-family:Lato,sans-serif;font-weight:700}.category .candidates{height:auto;padding:10px;width:100%}.category .candidates h3{font-size:14px}.category .candidates p.note{color:#2595f2;font-weight:bolder;margin-bottom:20px}.category .candidates p.note span{opacity:.8}.category .candidates .content{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(3,1fr);height:auto;margin-top:10px;width:100%}.category .candidates .content .candidate{border:1px solid #374151;border-radius:5px;height:auto;min-height:200px;overflow:hidden;width:100%}.category .candidates .content .candidate img{display:block;height:150px;width:100%}.category .candidates .content .candidate .details{align-items:center;display:flex;justify-content:space-between;margin-top:10px;padding:0 10px;width:100%}.category .candidates .content .candidate .details p{font-weight:700;height:auto;opacity:.8;width:90%}.category .candidates .content .candidate .details p:hover{opacity:1}.category .candidates .content .candidate .details .actions{gap:10px;width:10%}.category .candidates .content .candidate .details .actions i{display:block;margin:0;opacity:.8}.category .candidates .content .candidate .details .actions i:hover{opacity:1}.category .candidates .content .candidate .details .actions i.delete{color:red}.category .markDone{align-items:center;display:flex;justify-content:flex-end;margin:10px}.category .markDone button{background-color:#2595f2}.category .markDone button:hover{cursor:pointer}.category:has(.candidates) .category__header{border-bottom:1px solid #374151}.add{align-items:center;display:flex;flex-direction:column;height:120px;justify-content:center}.add i{font-size:24px;margin-bottom:10px}.add p{font-weight:700}@media screen and (max-width:800px){.category .candidates .content{gap:20px;grid-template-columns:1fr 1fr}}@media screen and (max-width:510px){.category .category__header .actions{margin:0;width:80px}.category .actions{flex-direction:row}.category .candidates .content{grid-template-columns:1fr}.category .candidates .content .candidate{padding-bottom:10px}}.categoryPopup{align-items:center;background-color:#fff;display:flex;height:calc(99vh - 70px);justify-content:center;left:0;position:fixed;right:0;top:70px;width:100%;z-index:5}.categoryPopup form{height:auto;width:600px}.candidatePopup input#image{display:none}.candidatePopup input{border:2px solid #374151}.candidatePopup .candidate_img{height:120px;margin-bottom:30px;position:relative;width:120px}.candidatePopup .candidate_img,.candidatePopup .candidate_img:after{align-items:center;border:2px solid #374151;border-radius:50%;display:flex;justify-content:center}.candidatePopup .candidate_img:after{background-color:#fff;bottom:5px;content:"+";font-weight:700;height:20px;position:absolute;right:6px;width:20px;z-index:2}.candidatePopup .candidate_img img{border-radius:50%;height:100%;width:100%}@media screen and (max-width:660px){.candidatePopup .candidate_img{margin-left:0}}
/*# sourceMappingURL=main.a15f132d.css.map*/