body{margin:30px;padding:0;font-family:"Roboto",sans-serif}h1,p{margin:0}.title-list{font-weight:600;font-size:17px}.sub-title-list{font-size:15px;color:grey}.input-form{display:flex;flex-direction:column;margin:50px 0}.input-form label{color:#cd7cf2}.input-form input{border:none;border-bottom:2px solid #f9cce6;font-size:16px}.input-form input:focus{outline:none;border-bottom:3px solid #f9cce6}.input-form button{margin-top:15px;color:#fff;border:none;font-size:20px;padding:15px 50px;border-radius:10px;font-weight:600;background:#cd7cf2;outline:none}.input-form button:hover{cursor:pointer}.input-form button:active{background:#9057aa}.hero{display:grid;grid-template-columns:1fr 1fr;color:grey;align-items:center;grid-template-areas:"textZone imageZone"}@media only screen and (max-width:992px){.hero .hero--title{font-size:25px}}@media only screen and (max-width:600px){.hero{grid-template-areas:"textZone textZone" "imageZone imageZone"}.hero .hero--title{font-size:20px;text-align:center}}.hero .highlighted{color:#000}.hero--title{font-size:35px;grid-area:textZone}.hero--button{margin-top:15px;color:#fff;border:none;font-size:20px;padding:15px 50px;border-radius:10px;font-weight:600;background:#cd7cf2}.hero--textHighligh{color:#cd7cf2;font-weight:600}.hero--image{text-align:center;grid-area:imageZone}.hero--image__size{width:100%}.container-login{display:grid;grid-template-columns:30% 70%;grid-template-areas:"leftSide rightSide"}@media only screen and (max-width:768px){.container-login{grid-template-columns:50% 50%}.container-login .right-side img{width:250px}}@media only screen and (max-width:600px){.container-login{grid-template-areas:"leftSide leftSide"}.container-login .right-side{display:none}}.left-side{grid-area:leftSide;padding:30px}.left-side--title{color:grey;font-size:25px;font-weight:600}.login-group{display:flex;flex-direction:column}.login-group .button-login{margin-top:15px;color:#000;font-size:20px;padding:10px 50px;border:4px solid #cd7cf2;border-radius:10px;font-weight:600;background:#fff;outline:none}.login-group .button-login--content{display:flex;flex-direction:row;justify-content:space-evenly}.login-group .button-login:hover{cursor:pointer}.login-group .button-login:active{background:#9057aa;border:4px solid #9057aa;color:#fff}.right-side{grid-area:rightSide;height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:40px}.right-side img{width:450px}.menu{display:grid;grid-template-columns:repeat(2,1fr)}.menu label{display:none;font-size:20px;color:grey;cursor:pointer}@media only screen and (max-width:600px){.menu label{display:block}.menu .menu--items{display:none;position:absolute;margin:26px 0 26px -30px;background-color:#fff;width:100%;box-shadow:0 12px 19px -10px #cd7cf2}.menu .menu--items p{font-size:20px;margin:10px 0}.menu .menu--items p:hover{border-bottom:2px solid #f9cce6}.menu #toggle:checked+.menu--items{display:block}}.menu #toggle{display:none}.menu--items{display:grid;grid-template-columns:repeat(5,1fr);justify-items:center}.menu--items a{width:100%;text-align:center;padding:15px 0;border-bottom:2px solid #f9cce6;text-decoration:none;color:#000}.menu--items a:hover{border-bottom:4px solid #cd7cf2;color:#cd7cf2}.menu--userName{margin:auto 0 auto auto;color:grey;font-size:20px}.footer{color:grey}.footer p{text-align:center}.container-dashboard{display:grid;grid-template-columns:25% 75%;grid-template-areas:"subHeader subHeader" "cardCategories listEmployees";background-color:#ececec;padding-left:30px;padding-right:30px;margin-right:-30px;margin-left:-30px;padding-bottom:30px}.container-dashboard .sub-header{grid-area:subHeader}.container-dashboard .card-categories{grid-area:cardCategories}.container-dashboard .list-employees{grid-area:listEmployees}@media only screen and (max-width:600px){.container-dashboard{grid-template-areas:"subHeader subHeader" "cardCategories cardCategories" "listEmployees listEmployees"}}.container-list-employees{display:grid;grid-template-columns:10% 30% 25% 20% 15%;align-items:center}.container-list-employees--title{font-weight:600;color:grey}.container-list-employees--checkbox,.container-list-employees .employee{text-align:center}.container-list-employees--checkbox input.box{height:25px;width:25px;background:#fff;cursor:pointer}@media only screen and (max-width:600px){.container-list-employees{display:none}}button{color:#fff;border:none;font-size:16px;padding:15px 50px;margin:0 10px 0 0;border-radius:10px;font-weight:600;background:#cd7cf2;outline:none}button:hover{cursor:pointer}button:active{background:#9057aa}.modal-delete--title{display:flex;flex-direction:row;align-items:center;padding-top:20px;color:red;font-size:18px}.modal-delete--body{text-align:center;padding:20px;font-size:18px}.modal-delete--footer{display:flex;flex-direction:row;justify-content:flex-end}.Modal{position:fixed;top:0;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.5);display:flex;flex-direction:column;align-items:center;overflow-y:scroll;padding:0 0 20%}.Modal__container{position:relative;top:20%;background-color:#fff;padding:1rem;width:400px;border-radius:20px}@media only screen and (max-width:600px){.Modal__container{position:relative;top:20%;background-color:#fff;padding:1rem;width:80vw;border-radius:20px}}.Modal__close-button{border-top-right-radius:20px;position:absolute;top:0;right:0;border:0;background-color:#f5f5f5;padding:.5rem 1rem;outline:none;cursor:pointer}.card-employee{height:100%;display:grid;grid-template-columns:25% 25% 25% 25%;align-items:center;padding:20px 0;background-color:#fff;margin:20px 0;border-radius:15px}.card-employee .align{display:flex;flex-direction:column;align-items:center}.card-employee--buttons{display:flex;flex-direction:row}@media only screen and (max-width:600px){.card-employee--buttons{margin:20px 0 0}}.card-employee--employee{display:flex;flex-direction:row;justify-content:flex-start}.card-employee--employee .content-img{margin:0 10px}.card-employee--employee__name{display:flex;flex-direction:column;justify-content:center}@media only screen and (max-width:600px){.card-employee--employee{flex-direction:column;align-items:center;margin:20px 0 10px}}@media only screen and (max-width:600px){.card-employee{display:flex;flex-direction:column}}.actions{cursor:pointer;margin:0 10px}.modal-success--title{display:flex;flex-direction:row;align-items:center;justify-content:center;padding:20px 0;color:#9e9e9e;font-size:18px}.modal-success--body{text-align:center;padding:20px;font-size:18px}.modal-success--footer{display:flex;flex-direction:row;justify-content:flex-end}.btn{border:none;border-radius:10px;font-size:15px;padding:10px;width:100px;color:#fff;font-weight:600;cursor:pointer;outline:none}.btn-delete{background-color:red}.btn-delete:active{background-color:#a70000}.btn-cancel{background-color:grey;margin:0 20px}.btn-cancel:active{background-color:#616161}.container-sub-header{display:flex;flex-direction:row;justify-content:space-between;margin:20px}.container-sub-header p{font-size:18px;font-weight:600;display:flex;align-self:center}.container-sub-header button{color:#fff;border:none;font-size:16px;padding:15px 50px;border-radius:10px;font-weight:600;background:#cd7cf2;outline:none}.container-sub-header button:hover{cursor:pointer}.container-sub-header button:active{background:#9057aa}@media only screen and (max-width:600px){.container-sub-header{flex-direction:column}}.modal-form--title{color:grey;font-size:25px;font-weight:600;margin:0 0 15px}.modal-form--group{display:flex;flex-direction:column}.modal-form .adjust-input{margin:10px 0}.modal-form .adjust-input .error{color:#ff5050}.modal-form select{border:none;border-bottom:2px solid #f9cce6;font-size:16px}.container-card-categories{display:flex;flex-direction:column;background-color:#fff;padding:20px;border-radius:10px;margin-right:20px}.container-card-categories .category{padding:20px;text-align:center;cursor:pointer;border-radius:10px}.container-card-categories .category:hover{background-color:#ececec}.container-card-categories--description{color:#9e9e9e;text-transform:uppercase}.container-card-categories .active{background-color:#ececec}.container-card-categories--header{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;margin:20px 0}.container-card-categories--header p{color:#9e9e9e}@media only screen and (max-width:600px){.container-card-categories{margin:0 0 20px}}
/*# sourceMappingURL=main.9feec71c.chunk.css.map */