html{background-color:#f7f7f7}.layout__container{width:100%;display:flex;height:100vh;flex-direction:column;align-items:center}.layout__innercontainer{display:flex;flex-direction:column;align-items:center;width:88%;height:100vh}.header__container{width:100%;height:80px}.header__container--purple{display:flex;flex-direction:row;background-color:#3a173f;height:120px;width:100%;border-radius:16px 16px 0 0}.header__image{border-radius:16px 16px 0 0;width:120px;height:120px}.title__container{display:flex;flex-direction:column;margin-top:16px;margin-left:12%;width:calc(100% - 240px);max-width:72%}.title__text{color:#fff;font-size:24px}.title__description{margin-top:8px;color:#fff;font-size:16px;text-align:justify;max-width:96%}.dropdown__container{width:50px;display:flex;justify-content:center;align-items:center;color:#fff;font-size:18px;background-color:#3a173f;flex-direction:column}.title__menu--drop{display:flex;width:30px;height:30px;cursor:pointer;position:absolute}.menu__container--list{flex-direction:column;border-radius:12px;position:absolute;background-color:transparent}.menu__container--item{display:flex;color:#000;border-radius:10px;cursor:pointer;z-index:100;border:1px solid black;background-color:#fff}.menu__container--item:hover{background-color:#3a173f;color:#fff}.footer__container{background-color:#3a173f;width:88%;height:120px;border-radius:0 0 16px 16px}.loader__overlay{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.loader__image{border-radius:50%;animation:rotate 5s linear infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.users-groups__container{display:flex;flex-direction:column;width:100%;height:100%;align-items:start}.users-groups__title{margin-top:16px;width:70%;font-size:20px}.users-groups__title--container{align-items:center;display:flex;width:100%;flex-direction:column}.users-groups__subtitle{display:flex;margin-top:16px;margin-bottom:8px;font-size:16px;width:70%}.btn__user-groups{margin-top:8px;margin-bottom:20px;display:inline-block;padding:10px 20px;background-color:#3a173f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.btn__user-groups:hover{background-color:#280e2d}.btn__user-groups:disabled{cursor:unset;background-color:gray}.options__container{display:flex;flex-direction:row;width:100%;height:32px}.option__item{display:flex;border:1px solid black;text-align:center;justify-content:center;align-items:center;cursor:pointer;height:100%}.option__item:hover{background-color:#280e2d;color:#fff}.rows--4{width:25%}.rows--2{width:50%}.active,.active:hover{background-color:#3a173f;color:#fff}.adjusted-column{word-wrap:break-word;white-space:normal;text-overflow:ellipsis;vertical-align:middle;padding:8px;overflow:hidden;max-width:100%}.modal__overlay{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.modal__container{display:flex;width:50%;height:auto;background-color:#fff;border-radius:16px;flex-direction:column}.modal__title{display:flex;width:80%;height:20%;margin-top:24px;margin-left:24px;color:#00f}.modal__content{display:flex;flex-direction:column;width:100%;height:80%;align-items:center}.modal__btn--container{display:flex;flex-direction:row;width:50%;justify-content:space-around;margin-bottom:32px}.btn__create-or-cancel{display:inline-block;padding:10px 20px;background-color:#3a173f;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;margin-top:20%}.btn__create-or-cancel:hover{background-color:#280e2d}.create-users-form__container{display:flex;flex-direction:row;width:100%;justify-content:center;margin-top:16px}.create-users-form__label{display:flex;align-self:center;width:30%}.create-users-form__input{display:flex;width:50%}.error__overlay{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.error__redbox{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#ef665b;border-radius:8px;box-shadow:0 0 5px -3px #111}.error__greenbox{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;width:320px;padding:12px;display:flex;flex-direction:row;align-items:center;justify-content:center;background:#edfbd8;border-radius:8px;box-shadow:0 0 5px -3px #111}.error__redicon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.error__redicon path{fill:#fff}.error__greenicon{width:20px;height:20px;transform:translateY(-2px);margin-right:8px}.error__greenicon path{fill:#84d65a}.error__redtitle{font-weight:500;font-size:14px;color:#fff}.error__greentitle{font-weight:500;font-size:14px;color:#2b641e}.error__redclose{width:20px;height:20px;cursor:pointer;margin-left:auto}.error__redclose path{fill:#fff}.error__greenclose{width:20px;height:20px;cursor:pointer;margin-left:auto}.error__greenclose path{fill:#84d65a}.card{overflow:hidden;position:relative;background-color:#fff;text-align:left;border-radius:.5rem;max-width:290px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.invalid_header{padding:1.25rem 1rem 1rem;background-color:#fff}.invalid_image{display:flex;margin-left:auto;margin-right:auto;background-color:#fee2e2;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px}.image svg{color:#dc2626;width:1.5rem;height:1.5rem}.invalid_title{color:#111827;font-size:1rem;font-weight:600;line-height:1.5rem}.invalid_message{margin-top:.5rem;color:#6b7280;font-size:.875rem;line-height:1.25rem}.invalid_actions{margin:.75rem 1rem;background-color:#f9fafb}.invalid_accept{display:inline-flex;padding:.5rem 1rem;background-color:#dc2626;color:#fff;font-size:1rem;line-height:1.5rem;font-weight:500;justify-content:center;width:100%;border-radius:.375rem;border-width:1px;border-color:transparent;box-shadow:0 1px 2px #0000000d}button{cursor:pointer}.overlay{display:flex;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#00000080;justify-content:center;align-items:center}.card{overflow:hidden;position:relative;text-align:left;border-radius:.5rem;max-width:290px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;background-color:#fff}.header{padding:1.25rem 1rem 1rem}.image{display:flex;margin-left:auto;margin-right:auto;background-color:#e2feee;flex-shrink:0;justify-content:center;align-items:center;width:3rem;height:3rem;border-radius:9999px;animation:animate .6s linear alternate-reverse infinite;transition:.6s ease}.image svg{color:#0afa2a;width:2rem;height:2rem}.content{margin-top:.75rem;text-align:center}.title{color:#066e29;font-size:1rem;font-weight:600;line-height:1.5rem}.message{margin-top:.5rem;color:#595b5f;font-size:.875rem;line-height:1.25rem}.actions{margin:.75rem 1rem}.accept{display:inline-flex;padding:.5rem 1rem;background-color:#1aa06d;color:#fff;font-size:1rem;line-height:1.5rem;font-weight:500;justify-content:center;width:100%;border-radius:.375rem;border:none;box-shadow:0 1px 2px #0000000d}@keyframes animate{0%{transform:scale(1)}to{transform:scale(1.09)}}html{background-color:#f4f4f4}