.notification[data-v-081e0610]{position:fixed;bottom:20px;right:20px;padding:10px 20px;border-radius:2rem;background:#38373b;color:#ffd400;cursor:pointer}.notification[data-v-081e0610]:empty{display:none}.content[data-v-081e0610]{position:relative;width:calc(100% - 130px);padding-left:100px;padding-right:20px;font-family:Exo\ 2,sans-serif;display:grid;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;grid-template-columns:repeat(auto-fit,1fr)}.content .text[data-v-081e0610]{grid-column:span 2;margin-top:20px;font-size:40px;font-weight:800;margin-bottom:20px}.content .search[data-v-081e0610]{grid-column:span 2;background:linear-gradient(90deg,#22252e,#16171d);padding:20px 10px;margin-bottom:20px;border-radius:1.2rem;display:grid}.content .search>label[data-v-081e0610]{height:40px;margin-left:10px;font-size:1.7rem;grid-column:span 1}.content .search>input[data-v-081e0610]{display:block;height:35px;border:none;border-radius:1.2rem;padding:10px 20px;outline:none;font-size:20px;color:#fff;background:rgba(0,0,0,.4);margin:auto;width:calc(100% - 40px)}.content .card-user[data-v-081e0610]{position:relative;padding:15px;margin-left:5px;max-width:700px;background:linear-gradient(90deg,#22252e,#16171d);border-radius:1.2rem;display:grid;grid-template-columns:repeat(6,1fr);transition:all .1s ease;margin-bottom:20px;cursor:pointer;-webkit-animation:card-data-v-081e0610 1s ease;animation:card-data-v-081e0610 1s ease}.content .card-user .card-over[data-v-081e0610]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.7);width:100%;height:100%;border-radius:1.2rem;visibility:hidden;opacity:0;transition:all .2s ease}.content .card-user .card-over>.center[data-v-081e0610]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;display:grid;width:100%;grid-template-columns:repeat(2,1fr)}.content .card-user .card-over>.center>form[data-v-081e0610]{margin:auto}.content .card-user .card-over>.center>form>.edit[data-v-081e0610]{grid-column:span 1;background:rgba(0,0,0,.8);padding:10px 40px;font-size:1.2rem;font-weight:700;color:#7ec850;margin:0 20px;cursor:pointer;border:3px solid #7ec850;border-radius:1.5rem;transition:all .2s ease}.content .card-user .card-over>.center>form>.edit[data-v-081e0610]:focus,.content .card-user .card-over>.center>form>.edit[data-v-081e0610]:hover{background:#7ec850;color:#fff}.content .card-user .card-over>.center>form>.edit>i[data-v-081e0610]{margin-right:10px}.content .card-user .card-over>.center>form>.delete[data-v-081e0610]{grid-column:span 1;background:rgba(0,0,0,.8);padding:10px 40px;font-size:1.2rem;font-weight:700;color:#b40000;margin:0 20px;cursor:pointer;border:3px solid #b40000;border-radius:1.5rem;transition:all .2s ease}.content .card-user .card-over>.center>form>.delete[data-v-081e0610]:focus,.content .card-user .card-over>.center>form>.delete[data-v-081e0610]:hover{background:#b40000;color:#fff}.content .card-user .card-over>.center>form>.delete>i[data-v-081e0610]{margin-right:10px}.content .card-user:hover .card-over[data-v-081e0610]{opacity:1;visibility:visible}.content .card-user:hover .code div[data-v-081e0610],.content .card-user:hover .id div[data-v-081e0610]{background:inherit;color:gold;border:3px solid #ffd400}.content .card-user:hover .code div[data-v-081e0610]:hover,.content .card-user:hover .id div[data-v-081e0610]:hover{background:#ffd400;color:#000}.content .card-user .card-header[data-v-081e0610]{grid-column:span 2;font-size:22px;font-weight:700;margin-bottom:20px;text-align:center}.content .card-user .card-header i[data-v-081e0610]{font-size:30px}.content .card-user .info[data-v-081e0610]{grid-column:span 4;padding:5px}.content .card-user .info label[data-v-081e0610]{font-size:16px;font-weight:400}.content .card-user .info p[data-v-081e0610]{text-transform:uppercase;word-wrap:break-word;font-size:24px;font-weight:600;margin-top:5px;margin-bottom:10px}.content .card-user .id[data-v-081e0610]{grid-column:span 3;margin:auto;margin-top:20px;z-index:100;transition:all .2s ease}.content .card-user .id div[data-v-081e0610]{padding:10px 10px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2rem;border:3px solid #373d4e;cursor:pointer;background:#373d4e;position:relative;font-size:14px}.content .card-user .id div i[data-v-081e0610]{margin-right:10px}.content .card-user .id div .tooltip[data-v-081e0610]{z-index:100;display:block;position:absolute;background-color:#ffd400;padding:8px 15px;border-radius:3px;left:50%;top:-80%;transform:translate(-50%,-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;visibility:hidden;font-size:13px;letter-spacing:.5px;transition:display 5s ease 5s}.content .card-user .id div .tooltip[data-v-081e0610]:before{content:"";display:block;position:absolute;left:50%;top:100%;margin-top:-5px;transform:rotate(45deg);width:10px;height:10px;background-color:inherit}.content .card-user .id div[data-v-081e0610]:hover{background:#0e111a;color:#ffd400}.content .card-user .id div:hover .tooltip[data-v-081e0610]{visibility:visible;opacity:1}.content .card-user .code[data-v-081e0610]{grid-column:span 3;margin:auto;margin-top:20px;z-index:100;transition:all .2s ease}.content .card-user .code div[data-v-081e0610]{padding:10px 20px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:2rem;cursor:pointer;background:#373d4e;border:3px solid #373d4e;position:relative;font-size:14px}.content .card-user .code div i[data-v-081e0610]{margin-right:10px}.content .card-user .code div .tooltip[data-v-081e0610]{z-index:100;display:block;position:absolute;background-color:#ffd400;padding:8px 15px;border-radius:3px;left:50%;top:-80%;transform:translate(-50%,-50%);width:-webkit-max-content;width:-moz-max-content;width:max-content;opacity:0;visibility:hidden;font-size:13px;letter-spacing:.5px;transition:display 5s ease 5s}.content .card-user .code div .tooltip[data-v-081e0610]:before{content:"";display:block;position:absolute;left:50%;top:100%;margin-top:-5px;transform:rotate(45deg);width:10px;height:10px;background-color:inherit}.content .card-user .code div[data-v-081e0610]:hover{background:#0e111a;color:#ffd400}.content .card-user .code div:hover .tooltip[data-v-081e0610]{visibility:visible;opacity:1}.content .card-user .login[data-v-081e0610]{text-transform:capitalize}.content .card-user .avatar[data-v-081e0610]{grid-column:span 2;margin:auto;padding:10px;width:calc(100% - 20px);border-radius:5px}@media(max-width:1300px){.content[data-v-081e0610]{grid-template-columns:repeat(1,1fr)}.content .card-user[data-v-081e0610],.content .onHands[data-v-081e0610],.content .search[data-v-081e0610],.content .text[data-v-081e0610]{grid-column:span 1}}@media(min-width:2200px){.content[data-v-081e0610]{grid-template-columns:repeat(3,1fr)}.content .text[data-v-081e0610]{grid-column:span 3}.content .card-user[data-v-081e0610]{grid-column:span 1}}@media(min-width:3000px){.content[data-v-081e0610]{grid-template-columns:repeat(5,1fr)}.content .text[data-v-081e0610]{grid-column:span 5}.content .card-user[data-v-081e0610]{grid-column:span 1}}@-webkit-keyframes card-data-v-081e0610{0%{margin-left:-1500px}to{margin-left:0}}@keyframes card-data-v-081e0610{0%{margin-left:-1500px}to{margin-left:0}}