.principal{margin:0% auto;padding:5% 10px;height:100%;text-align:justify;background-color:#f2f4f6}.interno{margin:4% auto;width:90%;padding:2%;border-radius:10px;border-style:solid;border-color:gray;background-color:#fff}.text-ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:250px}.tam-logo{margin-left:15px;height:80px}.tam-logo2{height:0px;width:0px}.centerTitle{text-align:center}.sinCicloActual{margin:10px auto;width:350px;height:350px}.imgSinCicloActual{width:300px;height:300px}@media screen and (max-width: 1300px){.interno{margin-top:10%}}@media screen and (max-width: 800px){.interno{margin-top:14%}}@media screen and (max-width: 500px){.interno{margin-top:25%}.tam-logo{height:0px;width:0px}.tam-logo2{margin:0;height:80px;width:70px}}.userActive2{height:50px;width:50px}.logoColegio{width:200px;height:100%;margin:10% auto}.wave-login{position:fixed;bottom:0;left:0;height:100%;z-index:-1}.containerLogin{width:100vw;height:100vh;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:7rem;padding:0 2rem}.img-login{display:flex;justify-content:flex-end;align-items:center}.login-content{display:flex;justify-content:flex-start;align-items:center;text-align:center}.img-login img{width:500px}form{width:360px}.login-content img{height:100px}.login-content h2{margin:15px 0;color:#333;text-transform:uppercase;font-size:2.9rem}.login-content .input-div{position:relative;display:grid;grid-template-columns:7% 93%;margin:25px 0;padding:5px 0;border-bottom:2px solid #d9d9d9}.login-content .input-div.one{margin-top:0}.i{color:#d9d9d9;display:flex;justify-content:center;align-items:center}.i i{transition:.3s}.input-div>div{position:relative;height:45px}.input-div>div>h5{position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#999;font-size:18px;transition:.3s}.input-div:before,.input-div:after{content:"";position:absolute;bottom:-2px;width:0%;height:2px;background-color:#38d39f;transition:.4s}.input-div:before{right:50%}.input-div:after{left:50%}.input-div.focus:before,.input-div.focus:after{width:50%}.input-div.focus>div>h5{top:-5px;font-size:15px}.input-div.focus>.i>i{color:#38d39f}.input-div>div>input{position:absolute;left:0;top:0;width:100%;height:100%;border:none;outline:none;background:none;padding:.5rem .7rem;font-size:1.2rem;color:#555;font-family:poppins,sans-serif}.input-div.pass{margin-bottom:4px}.btn-login{display:block;width:100%;height:50px;border-radius:25px;outline:none;border:none;background-image:linear-gradient(to right,#32be8f,#38d39f,#32be8f);background-size:200%;font-size:1.2rem;color:#fff;font-family:Poppins,sans-serif;text-transform:uppercase;margin:1rem 0;cursor:pointer;transition:.5s}.btn:hover{background-position:right}@media screen and (max-width: 1050px){.containerLogin{grid-gap:5rem}}@media screen and (max-width: 1000px){form{width:290px}.login-content h2{font-size:2.4rem;margin:8px 0}.img-login img{width:400px}}@media screen and (max-width: 900px){.containerLogin{grid-template-columns:1fr}.img-login,.wave-login{display:none}.login-content{justify-content:center}}.permissions{padding-left:1em;margin-top:.5em}.imgActividad{width:100%;border-radius:10px;margin-bottom:10px}.imgEventos{width:100%;height:350px}.centerImgEnvento{margin:5px auto;width:45%}.modal-overlay[data-v-d20e4602]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal[data-v-d20e4602]{padding:20px;border-radius:8px}.loader[data-v-d20e4602]{display:flex;justify-content:center;align-items:center;--color: hsl(0, 0%, 87%);--animation: 2s ease-in-out infinite}.loader .circle[data-v-d20e4602]{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;border:solid 2px var(--color);border-radius:50%;margin:0 10px;background-color:transparent;animation:circle-keys-d20e4602 var(--animation)}.loader .circle .dot[data-v-d20e4602]{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background-color:var(--color);animation:dot-keys-d20e4602 var(--animation)}.loader .circle .outline[data-v-d20e4602]{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;animation:outline-keys-d20e4602 var(--animation)}.circle[data-v-d20e4602]:nth-child(2){animation-delay:.3s}.circle[data-v-d20e4602]:nth-child(3){animation-delay:.6s}.circle[data-v-d20e4602]:nth-child(4){animation-delay:.9s}.circle[data-v-d20e4602]:nth-child(5){animation-delay:1.2s}.circle:nth-child(2) .dot[data-v-d20e4602]{animation-delay:.3s}.circle:nth-child(3) .dot[data-v-d20e4602]{animation-delay:.6s}.circle:nth-child(4) .dot[data-v-d20e4602]{animation-delay:.9s}.circle:nth-child(5) .dot[data-v-d20e4602]{animation-delay:1.2s}.circle:nth-child(1) .outline[data-v-d20e4602]{animation-delay:.9s}.circle:nth-child(2) .outline[data-v-d20e4602]{animation-delay:1.2s}.circle:nth-child(3) .outline[data-v-d20e4602]{animation-delay:1.5s}.circle:nth-child(4) .outline[data-v-d20e4602]{animation-delay:1.8s}.circle:nth-child(5) .outline[data-v-d20e4602]{animation-delay:2.1s}@keyframes circle-keys-d20e4602{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys-d20e4602{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys-d20e4602{0%{transform:scale(0);outline:solid 20px var(--color);outline-offset:0;opacity:1}to{transform:scale(1);outline:solid 0 transparent;outline-offset:20px;opacity:0}}.imgPlantilla{padding:5px;border-radius:20%;width:80px;height:100px}@media screen and (max-width: 700px){.imgPlantilla{padding:1px;border-radius:20%;width:80px;height:100px}}.containerImgCol{padding:10px;width:100%;height:100%}.imgColaborador{margin-top:10px;border-radius:10%}.imgDepartamento{padding:5px;border-radius:20%;width:100px;height:100px}.imgDepToEdit{margin:10px auto;border-radius:20px;height:100px;width:100px}.imgDepartamentoTarjeta{height:350px;width:100%}.imagenColaborador{width:100%;height:350px}.modal-overlay[data-v-7813b382]{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;justify-content:center;align-items:center}.modal[data-v-7813b382]{padding:20px;border-radius:8px}.loader[data-v-7813b382]{display:flex;justify-content:center;align-items:center;--color: hsl(0, 0%, 87%);--animation: 2s ease-in-out infinite}.loader .circle[data-v-7813b382]{display:flex;align-items:center;justify-content:center;position:relative;width:20px;height:20px;border:solid 2px var(--color);border-radius:50%;margin:0 10px;background-color:transparent;animation:circle-keys-7813b382 var(--animation)}.loader .circle .dot[data-v-7813b382]{position:absolute;transform:translate(-50%,-50%);width:16px;height:16px;border-radius:50%;background-color:var(--color);animation:dot-keys-7813b382 var(--animation)}.loader .circle .outline[data-v-7813b382]{position:absolute;transform:translate(-50%,-50%);width:20px;height:20px;border-radius:50%;animation:outline-keys-7813b382 var(--animation)}.circle[data-v-7813b382]:nth-child(2){animation-delay:.3s}.circle[data-v-7813b382]:nth-child(3){animation-delay:.6s}.circle[data-v-7813b382]:nth-child(4){animation-delay:.9s}.circle[data-v-7813b382]:nth-child(5){animation-delay:1.2s}.circle:nth-child(2) .dot[data-v-7813b382]{animation-delay:.3s}.circle:nth-child(3) .dot[data-v-7813b382]{animation-delay:.6s}.circle:nth-child(4) .dot[data-v-7813b382]{animation-delay:.9s}.circle:nth-child(5) .dot[data-v-7813b382]{animation-delay:1.2s}.circle:nth-child(1) .outline[data-v-7813b382]{animation-delay:.9s}.circle:nth-child(2) .outline[data-v-7813b382]{animation-delay:1.2s}.circle:nth-child(3) .outline[data-v-7813b382]{animation-delay:1.5s}.circle:nth-child(4) .outline[data-v-7813b382]{animation-delay:1.8s}.circle:nth-child(5) .outline[data-v-7813b382]{animation-delay:2.1s}@keyframes circle-keys-7813b382{0%{transform:scale(1);opacity:1}50%{transform:scale(1.5);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes dot-keys-7813b382{0%{transform:scale(1)}50%{transform:scale(0)}to{transform:scale(1)}}@keyframes outline-keys-7813b382{0%{transform:scale(0);outline:solid 20px var(--color);outline-offset:0;opacity:1}to{transform:scale(1);outline:solid 0 transparent;outline-offset:20px;opacity:0}}.divCreatePadre{border:dashed orange;border-radius:10px;padding:15px}.empleado ul{list-style-type:none;padding:0}.empleado li{list-style-type:none;cursor:pointer;padding:8px;border:.5px solid #ccc;background-color:#f9f9f9;border-radius:10px}