@import"https://fonts.googleapis.com/css2?family=Ubuntu&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Ubuntu,sans-serif;-webkit-tap-highlight-color:rgba(0,0,0,0)}#Public{background-color:#e5e4e8;min-height:100vh;height:100%;padding:60px 0}#Login,#Registro,#OlvidePassword,#NuevoPassword{width:600px;margin:auto}#Login .hero p,#Registro .hero p,#OlvidePassword .hero p,#NuevoPassword .hero p{text-transform:capitalize;font-size:4em;font-weight:700;line-height:1em}#Login .hero p span,#Registro .hero p span,#OlvidePassword .hero p span,#NuevoPassword .hero p span{color:#1961ad}#Login form,#Registro form,#OlvidePassword form,#NuevoPassword form{background-color:#fff;border-radius:10px;padding:30px;margin-top:30px}#Login form .field,#Registro form .field,#OlvidePassword form .field,#NuevoPassword form .field{margin-bottom:20px}#Login form .field label,#Registro form .field label,#OlvidePassword form .field label,#NuevoPassword form .field label{text-transform:uppercase;font-weight:700;display:block;margin-bottom:10px;font-size:1.2em}#Login form .field input,#Registro form .field input,#OlvidePassword form .field input,#NuevoPassword form .field input{display:block;padding:15px;border-radius:10px;background-color:#eaeaea;width:100%;border:none;font-size:1em}#Login form .smtBtn,#Registro form .smtBtn,#OlvidePassword form .smtBtn,#NuevoPassword form .smtBtn{padding:12px;color:#fff;text-transform:uppercase;border-radius:5px;border:none;background-color:#144f8f;width:100%;font-weight:700;font-size:1.2em;cursor:pointer;margin-top:10px}#Login nav,#Registro nav,#OlvidePassword nav,#NuevoPassword nav{margin-top:20px}#Login nav>*,#Registro nav>*,#OlvidePassword nav>*,#NuevoPassword nav>*{display:block;text-transform:capitalize;font-size:1.1em;text-align:right;margin-bottom:5px;color:#1961ad}#Main{background-color:#e5e4e8;min-height:100vh;display:flex;position:relative;z-index:1}#Main #AdminOutlet{padding:30px;width:75%}#Header{padding:20px 0;box-shadow:0 2px 2px 1px #0000001a;position:relative;z-index:2}#Header .container{width:95%;margin:auto}#Header .container .box{display:flex;justify-content:space-between}#Header .container .box .logo p{font-weight:700;font-size:2em;color:#144f8f}#Header .container .box .actions{display:flex;align-items:center;gap:20px}#Header .container .box .actions>*{text-transform:uppercase;font-weight:700;border:none;background-color:transparent;cursor:pointer}#Header .container .box .actions>:nth-child(1){font-size:1.2em;display:block;text-decoration:none;color:#000}#Header .container .box .actions>:nth-child(2){background-color:#1961ad;color:#fff;border-radius:5px;padding:10px;font-size:1.1em;letter-spacing:1px}#Header .container .box .menuIcon{display:none}#Sidebar{width:25%;padding:20px}#Sidebar .container .greeting{font-weight:700;margin-bottom:15px;font-size:1.2em}#Sidebar .container .action{width:100%}#Sidebar .container .action>*{background-color:#1961ad;border-radius:10px;padding:20px;text-transform:uppercase;font-weight:700;color:#fff;text-decoration:none;display:block;text-align:center;font-size:1.1em;letter-spacing:1px}#NuevoProyecto .hero{font-size:2.5em}#NuevoProyecto form{width:600px;margin:40px auto 0;padding:25px;background-color:#fff;box-shadow:0 0 2px 2px #0000001a;border-radius:10px}#NuevoProyecto form .field{margin-bottom:20px}#NuevoProyecto form .field label{display:block;margin-bottom:10px;font-weight:700;text-transform:uppercase}#NuevoProyecto form .field input,#NuevoProyecto form .field textarea{display:block;width:100%;border-radius:5px;border:2px solid #e0e0e0;padding:10px;font-size:1em}#NuevoProyecto form .field textarea{height:100px;min-height:100px;max-height:100px;min-width:100%;max-width:100%}#NuevoProyecto form .smtBtn{padding:15px;text-transform:uppercase;color:#fff;background-color:#1961ad;display:block;width:100%;text-align:center;margin-top:30px;border:none;border-radius:5px;font-weight:700;font-size:1.1em;letter-spacing:1px;cursor:pointer}#Proyectos .legend{font-size:2.5em;font-weight:700;margin-bottom:30px}#Proyectos ul{list-style-type:none;background-color:#fff;box-shadow:0 0 2px 1px #0000001a;border-radius:10px;overflow:hidden}#Proyectos ul>:last-child{border-bottom:none}#Proyectos ul .proyecto{border-bottom:1px solid #e1e1e1;width:100%;padding:20px;justify-content:space-between;display:flex;align-items:center;transition:all .2s}#Proyectos ul .proyecto .info{display:flex;align-items:center;gap:10px}#Proyectos ul .proyecto .info>:nth-child(2){text-transform:uppercase;color:gray}#Proyectos ul .proyecto .info legend{padding:5px 15px;color:#fff;background-color:#4d4d4d;font-weight:700;border-radius:50px;display:block;margin-left:5px;-webkit-user-select:none;user-select:none}#Proyectos ul .proyecto .action>*{text-transform:uppercase;color:#3b3b3b;text-decoration:none;font-weight:700}#Proyectos ul .proyecto:hover{background-color:#fafafa}#ProjectView .project .hero{display:flex;justify-content:space-between;height:100px}#ProjectView .project .hero .actions{margin:20px 40px 0 0}#ProjectView .project .hero .actions>*{display:block;background-color:transparent;font-weight:700;text-transform:uppercase;border:none;color:#b1b1b1;font-size:1.2em;margin-bottom:15px;cursor:pointer}#ProjectView .project .newTask{background-color:#118ec4;color:#fff;font-weight:700;font-size:1.2em;text-transform:uppercase;border-radius:10px;border:none;padding:10px 20px;display:flex;align-items:center;margin-bottom:10px;cursor:pointer}#ProjectView .project .newTask span{display:block;margin-left:5px}#ProjectView .project h1{font-size:2.5em}#ProjectView .project p span{font-weight:700;font-size:1.1em}@keyframes modalAnimation{0%{opacity:0;top:55%}to{opacity:1;top:50%}}#ModalEditProject,#ModalEditTask{width:500px;padding:35px 25px;background-color:#fff;box-shadow:0 0 2px 2px #0000001a;border-radius:10px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);transition:all .2s;z-index:10;animation:modalAnimation .3s}#ModalEditProject .field,#ModalEditTask .field{margin-bottom:20px}#ModalEditProject .field label,#ModalEditTask .field label{display:block;margin-bottom:10px;font-weight:700;text-transform:uppercase}#ModalEditProject .field input,#ModalEditProject .field textarea,#ModalEditProject .field select,#ModalEditTask .field input,#ModalEditTask .field textarea,#ModalEditTask .field select{display:block;width:100%;border-radius:5px;border:2px solid #e0e0e0;padding:10px;font-size:1em}#ModalEditProject .field textarea,#ModalEditTask .field textarea{height:100px;min-height:100px;max-height:100px;min-width:100%;max-width:100%}#ModalEditProject .field select,#ModalEditTask .field select{text-align:center;font-weight:700}#ModalEditProject .smtBtn,#ModalEditTask .smtBtn{padding:15px;text-transform:uppercase;color:#fff;background-color:#1961ad;display:block;width:100%;text-align:center;margin-top:30px;border:none;border-radius:5px;font-weight:700;font-size:1.1em;letter-spacing:1px;cursor:pointer}#ModalEditProject .closeIcon,#ModalEditTask .closeIcon{position:absolute;top:5px;right:5px;color:#b22222;font-size:2em;cursor:pointer}.editModal{overflow-y:hidden;position:relative}.editModal:before{position:absolute;z-index:5;content:"";width:100%;height:100%;background-color:#00000080}#Tasks{background-color:#fff;box-shadow:0 0 2px 1px #0000001a;list-style-type:none;border-radius:10px;overflow:hidden;margin-top:30px}#Tasks>:last-child{border-bottom:none}#Tasks .task{border-bottom:1px solid #e1e1e1;width:100%;padding:20px;justify-content:space-between;display:flex;align-items:center;transition:all .2s}#Tasks .task .info p{margin-bottom:5px}#Tasks .task .info .bold{font-weight:700;font-size:1.05em}#Tasks .task .info .light{color:#767676;font-size:1em}#Tasks .task .actions{display:flex;gap:7px}#Tasks .task .actions button{border:none;color:#fff;font-weight:700;text-transform:uppercase;padding:10px;border-radius:10px;cursor:pointer}#Tasks .task .actions .completa{background-color:#03a703}#Tasks .task .actions .incompleta{background-color:#494949}#Tasks .task .actions .edit{background-color:#144f8f}#Tasks .task .actions .delete{background-color:#b22222}#Tasks .task:hover{background-color:#fafafa}.addColBtn{position:fixed;bottom:20px;right:20px;padding:10px;box-sizing:content-box;color:#fff;width:40px;height:40px;border-radius:50%;border:none;background-color:#144f8f;font-size:2.2em;cursor:pointer;display:grid;place-items:center}#CollabBox{padding:40px 20px 20px;background-color:#fff;width:300px;height:400px;right:-330px;border-radius:10px;display:inline-block;position:fixed;bottom:100px;-webkit-user-select:none;user-select:none;transition:right .3s;box-shadow:0 0 2px 2px #0000001a}#CollabBox .box{height:80%;overflow-y:scroll}#CollabBox .box::-webkit-scrollbar{display:none}#CollabBox .box h3{text-align:center;margin-bottom:20px}#CollabBox .box .col{display:flex;margin-bottom:10px}#CollabBox .box .col .info{background-color:#f9f9f9;width:80%;display:block;padding:10px}#CollabBox .box .col .info .name{text-transform:uppercase;font-weight:700}#CollabBox .box .col .info .email{color:gray}#CollabBox .box .col button{width:20%;border-radius:0 5px 5px 0;background-color:#144f8f;color:#fff;font-weight:700;font-size:1.3em;border:none;cursor:pointer}#CollabBox .box .col .deleteCol{background-color:#b22222}#CollabBox form{height:10%;margin-bottom:30px;display:flex}#CollabBox form>*{display:block;padding:7.5px}#CollabBox form .txtInput{width:80%;border-radius:5px 0 0 5px;border:2px solid #bababa;font-size:1em}#CollabBox form .smtBtn{width:20%;border-radius:0 5px 5px 0;background-color:#144f8f;color:#fff;font-weight:700;font-size:1.1em;border:none;cursor:pointer}#CollabBox .goBack{color:#1961ad;position:absolute;top:10px;left:10px;font-size:1.5em;border:none;background-color:transparent;cursor:pointer}.showCol{right:20px!important}@media (max-width: 768px){#Login,#Registro,#OlvidePassword,#NuevoPassword{width:90%}#Login .hero p,#Registro .hero p,#OlvidePassword .hero p,#NuevoPassword .hero p{text-align:center}}@media (max-width: 600px){#Login .hero p,#Registro .hero p,#OlvidePassword .hero p,#NuevoPassword .hero p{font-size:3.5em}#Login form,#Registro form,#OlvidePassword form,#NuevoPassword form{padding:20px}#Login .smtBtn,#Registro .smtBtn,#OlvidePassword .smtBtn,#NuevoPassword .smtBtn{font-size:1em}}@media (max-width: 480px){#Login .hero p,#Registro .hero p,#OlvidePassword .hero p,#NuevoPassword .hero p{font-size:3em}#Login form .field label,#Registro form .field label,#OlvidePassword form .field label,#NuevoPassword form .field label{font-size:1.1em}#Login form .field input,#Registro form .field input,#OlvidePassword form .field input,#NuevoPassword form .field input{padding:12px}#Login form .smtBtn,#Registro form .smtBtn,#OlvidePassword form .smtBtn,#NuevoPassword form .smtBtn{font-size:1em}}@media (max-width: 1024px){#Main{display:block}#Main #Sidebar{width:auto}#Main #Sidebar .greeting p{display:none}#Main #AdminOutlet{width:auto}#Main #AdminOutlet #Proyectos .legend{text-align:center}}@media (max-width: 700px){#NuevoProyecto .hero{text-align:center}#NuevoProyecto form{width:auto}#Proyectos .proyecto{position:relative;padding:30px 20px!important}#Proyectos .proyecto .info{display:block!important}#Proyectos .proyecto .info p:first-child{margin-bottom:2px}#Proyectos .proyecto .info legend{position:absolute;bottom:0;left:0;border-radius:0 10px 0 0!important;padding:4px 10px!important;margin:0!important;font-size:.9em;letter-spacing:.9px}#ProjectView .hero{display:block!important;height:auto!important}#ProjectView .hero h1{text-align:center}#ProjectView .hero .actions{display:flex;gap:20px;justify-content:end}#ProjectView .newTask{font-size:1.1em!important}#Tasks .task{display:block}#Tasks .task .actions{justify-content:end}#ModalEditProject,#ModalEditTask{width:80%}}@media (max-width: 460px){#Proyectos .proyecto{display:block!important}#Proyectos .proyecto .info{margin-bottom:5px}#Proyectos .proyecto .action>*{display:block;text-align:right!important}#ProjectView .hero{margin-bottom:10px}#ProjectView .hero h1{font-size:2.2em}#ProjectView .hero .actions{justify-content:center;margin-right:0!important}#Tasks{background-color:#e5e4e8;box-shadow:none;border-radius:0}#Tasks .task{background-color:#fff;box-shadow:0 0 2px 1px #0000001a;border-radius:10px;border-bottom:none}#Tasks .task:not(:last-child){margin-bottom:10px}#Tasks .task .info{margin-bottom:20px}#Tasks .task .actions{flex-direction:column}#ModalEditProject,#ModalEditTask{width:95%}}@media (max-width: 380px){#CollabBox{width:95%;margin:auto}.showCol{right:5px!important}#Header{-webkit-user-select:none;user-select:none}#Header .container .box{position:relative;display:block}#Header .container .box .menuIcon{display:block;position:absolute;right:5px;top:5px;font-size:2em}#Header .container .box .actions{justify-content:center;display:none}}