@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap);
:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}

.layout{display:grid;grid-template-columns:20% 1fr;grid-template-areas:"Menu Header" "Menu Page" "Menu Footer"}

.Menu{color:var(--color-font);background-color:var(--background-contrast);height:100%;min-height:100vh;grid-area:Menu}.Menu ol{margin-top:0}.Menu li{list-style:none}.Menu--name{background-color:var(--secondary);color:white;font-size:1.5em;height:3rem;display:flex;justify-content:center;align-items:center;padding:0}.Menu--name__logo{height:1em}.Menu--items{padding:0 1em}.Menu--items a{text-decoration:none}.Menu--items li{margin:1em}.Menu--close-sesion{background-color:#374850;color:var(--white);margin-bottom:0;padding:0.5em}.Menu--close-sesion:hover{background-color:red;color:white}@media screen and (max-width: 1024px){.Menu--name__logo{display:initial}}@media screen and (max-width: 768px){.Menu{color:var(--color-font);background-color:var(--background-contrast);height:100%;min-height:100vh;grid-area:Menu}.Menu ol{margin-top:0}.Menu li{list-style:none}.Menu--name{background-color:var(--secondary);color:white;font-size:1.5em;height:3rem;display:flex;justify-content:center;align-items:center;padding:0}.Menu--name__logo{display:none}}@media screen and (max-width: 425px){.Menu{color:var(--color-font);background-color:var(--background-contrast);height:100%;min-height:100vh;grid-area:Menu}.Menu ol{margin-top:0}.Menu li{list-style:none}.Menu--name{background-color:var(--secondary);color:white;font-size:1.5em;height:3rem;display:flex;justify-content:center;align-items:center;padding:0}.Menu--name__title{display:none}.Menu--name__logo{display:initial}}

.Header{align-items:center;background-color:var(--principal);color:var(--white);display:flex;height:3rem;width:100%;grid-area:Header;justify-content:space-between}.Header .item{margin:0 0.5em}.Header--main{padding:0 1em}.Header--user{padding:0 1em}.Header a:link{color:var(--link)}.Header a:visited{color:var(--visited)}.Header a:hover{color:var(--hover)}.Header a:active{color:var(--active)}

.Footer{grid-area:Footer;background-color:var(--principal);display:flex;justify-content:flex-end;padding:0.3em;position:fixed;margin:0.1em;bottom:0.1em;right:0.1em}.Footer--social-networks{padding:0 1em}.Footer .socialIcon{color:var(--white);font-size:1em;margin:0.5em}

*{box-sizing:border-box}body{margin:0;padding:0;font-family:'Lato', sans-serif;min-height:100%}.App{background:url("https://arepa.s3.amazonaws.com/space2.jpg") center center no-repeat;background-size:cover;position:fixed;right:0;bottom:0;min-width:100%;min-height:100%}.Hero{position:absolute;bottom:0;top:0;color:#f1f1f1;width:100%;background-image:linear-gradient(to bottom right, rgba(0,47,75,0.4), rgba(0,0,0,0.4))}.Hero-container{display:grid;grid-template-columns:minmax(auto, 1280px);justify-content:center;align-items:center}.Hero-head{display:flex;justify-content:space-between;align-items:center;position:relative;margin:0;padding:1em 0}.Hero-logo h3{font-size:28px;margin:0;padding:0}.Hero-nav ul{list-style:none;margin:0;padding:0}.Hero-nav li{display:inline-block;margin:0 0 0 1em}.Hero-content{display:flex;justify-content:space-between;align-items:center;padding:8em 0 0 0}.Hero-title{padding:1em}.Hero-title h1{font-size:400px;color:rgba(255,255,255,0.2);margin:0;padding:0}.Hero-title h2{font-size:45px;margin:-130px 0 0 0}.Hero-title h3{font-weight:200;margin:1em 0 1.5em 0}.Hero-title .btn{background-color:#002f4b;cursor:pointer;margin:30px 0px;padding:12px;border:1px solid #002f4b;color:white;font-weight:200;text-transform:uppercase;font-size:15px;border-radius:5px;letter-spacing:1.5px;box-shadow:0 1px 2px 0 rgba(0,0,0,0.3);transition:.5s}.Hero-title .btn:hover{background-color:rgba(0,47,75,0.2);color:rgba(255,255,255,0.8)}.Hero-title a{text-decoration:none}.Hero-image figure{margin:0;padding:0;text-align:right}.Hero-image img{margin:4em 0 0 0;transform:translateY(0px);animation:float 5s ease-in-out infinite}@keyframes float{0%{transform:translateY(0px)}50%{transform:translateY(-40px)}100%{transform:translateY(0px)}}#universe{position:absolute;right:0;bottom:0;min-width:100%;min-height:100%;z-index:1}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.Login{align-items:center;background-color:var(--card);display:flex;flex-direction:column;justify-content:center;margin:3em auto;padding:1em;width:80%}.Login input{border:1px solid var(--boder-color);border-radius:0.5em;height:3em;margin:0 auto;outline:none;padding:0 1em;width:20em}.Login .inputBox{display:grid}.Login label{font-size:1.2em;font-weight:bold;margin-top:1.0em;margin:0 auto;margin-bottom:0.5em}.Login button{background-color:var(--alert);border-radius:0.4em;border:none;color:var(--background-gray);cursor:pointer;margin:1em auto;width:15em;outline:none;padding:1em;font-weight:bold;text-transform:uppercase}.Login button:hover{background-color:var(--alert-contrast);outline:none}.Login button:active{box-shadow:-1px -1px 1px 0 #000000bb;transform:translate(3px, -3px)}.Login--Action{display:grid;margin:1em;grid-template-areas:"checkbox text" "forgot forgot"}.Login--Action #remember{height:1em;grid-area:checkbox;width:1em}.Login--Action #remember-text{grid-area:text;margin:0}.Login--Action__forgot{grid-area:forgot;margin-top:1em;text-align:center}

.Toastify__toast-container{z-index:9999;-webkit-transform:translate3d(0, 0, 9999px);position:fixed;padding:4px;width:320px;box-sizing:border-box;color:#fff}.Toastify__toast-container--top-left{top:1em;left:1em}.Toastify__toast-container--top-center{top:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--top-right{top:1em;right:1em}.Toastify__toast-container--bottom-left{bottom:1em;left:1em}.Toastify__toast-container--bottom-center{bottom:1em;left:50%;transform:translateX(-50%)}.Toastify__toast-container--bottom-right{bottom:1em;right:1em}@media only screen and (max-width: 480px){.Toastify__toast-container{width:100vw;padding:0;left:0;margin:0}.Toastify__toast-container--top-left,.Toastify__toast-container--top-center,.Toastify__toast-container--top-right{top:0;transform:translateX(0)}.Toastify__toast-container--bottom-left,.Toastify__toast-container--bottom-center,.Toastify__toast-container--bottom-right{bottom:0;transform:translateX(0)}.Toastify__toast-container--rtl{right:0;left:initial}}.Toastify__toast{position:relative;min-height:64px;box-sizing:border-box;margin-bottom:1rem;padding:8px;border-radius:1px;box-shadow:0 1px 10px 0 rgba(0,0,0,0.1),0 2px 15px 0 rgba(0,0,0,0.05);display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;max-height:800px;overflow:hidden;font-family:sans-serif;cursor:pointer;direction:ltr}.Toastify__toast--rtl{direction:rtl}.Toastify__toast--dark{background:#121212;color:#fff}.Toastify__toast--default{background:#fff;color:#aaa}.Toastify__toast--info{background:#3498db}.Toastify__toast--success{background:#07bc0c}.Toastify__toast--warning{background:#f1c40f}.Toastify__toast--error{background:#e74c3c}.Toastify__toast-body{margin:auto 0;-ms-flex:1 1 auto;flex:1 1 auto}@media only screen and (max-width: 480px){.Toastify__toast{margin-bottom:0}}.Toastify__close-button{color:#fff;background:transparent;outline:none;border:none;padding:0;cursor:pointer;opacity:0.7;transition:0.3s ease;-ms-flex-item-align:start;align-self:flex-start}.Toastify__close-button--default{color:#000;opacity:0.3}.Toastify__close-button>svg{fill:currentColor;height:16px;width:14px}.Toastify__close-button:hover,.Toastify__close-button:focus{opacity:1}@keyframes Toastify__trackProgress{0%{transform:scaleX(1)}100%{transform:scaleX(0)}}.Toastify__progress-bar{position:absolute;bottom:0;left:0;width:100%;height:5px;z-index:9999;opacity:0.7;background-color:rgba(255,255,255,0.7);transform-origin:left}.Toastify__progress-bar--animated{animation:Toastify__trackProgress linear 1 forwards}.Toastify__progress-bar--controlled{transition:transform 0.2s}.Toastify__progress-bar--rtl{right:0;left:initial;transform-origin:right}.Toastify__progress-bar--default{background:linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55)}.Toastify__progress-bar--dark{background:#bb86fc}@keyframes Toastify__bounceInRight{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(3000px, 0, 0)}60%{opacity:1;transform:translate3d(-25px, 0, 0)}75%{transform:translate3d(10px, 0, 0)}90%{transform:translate3d(-5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutRight{20%{opacity:1;transform:translate3d(-20px, 0, 0)}to{opacity:0;transform:translate3d(2000px, 0, 0)}}@keyframes Toastify__bounceInLeft{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(-3000px, 0, 0)}60%{opacity:1;transform:translate3d(25px, 0, 0)}75%{transform:translate3d(-10px, 0, 0)}90%{transform:translate3d(5px, 0, 0)}to{transform:none}}@keyframes Toastify__bounceOutLeft{20%{opacity:1;transform:translate3d(20px, 0, 0)}to{opacity:0;transform:translate3d(-2000px, 0, 0)}}@keyframes Toastify__bounceInUp{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}from{opacity:0;transform:translate3d(0, 3000px, 0)}60%{opacity:1;transform:translate3d(0, -20px, 0)}75%{transform:translate3d(0, 10px, 0)}90%{transform:translate3d(0, -5px, 0)}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__bounceOutUp{20%{transform:translate3d(0, -10px, 0)}40%,45%{opacity:1;transform:translate3d(0, 20px, 0)}to{opacity:0;transform:translate3d(0, -2000px, 0)}}@keyframes Toastify__bounceInDown{from,60%,75%,90%,to{animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)}0%{opacity:0;transform:translate3d(0, -3000px, 0)}60%{opacity:1;transform:translate3d(0, 25px, 0)}75%{transform:translate3d(0, -10px, 0)}90%{transform:translate3d(0, 5px, 0)}to{transform:none}}@keyframes Toastify__bounceOutDown{20%{transform:translate3d(0, 10px, 0)}40%,45%{opacity:1;transform:translate3d(0, -20px, 0)}to{opacity:0;transform:translate3d(0, 2000px, 0)}}.Toastify__bounce-enter--top-left,.Toastify__bounce-enter--bottom-left{animation-name:Toastify__bounceInLeft}.Toastify__bounce-enter--top-right,.Toastify__bounce-enter--bottom-right{animation-name:Toastify__bounceInRight}.Toastify__bounce-enter--top-center{animation-name:Toastify__bounceInDown}.Toastify__bounce-enter--bottom-center{animation-name:Toastify__bounceInUp}.Toastify__bounce-exit--top-left,.Toastify__bounce-exit--bottom-left{animation-name:Toastify__bounceOutLeft}.Toastify__bounce-exit--top-right,.Toastify__bounce-exit--bottom-right{animation-name:Toastify__bounceOutRight}.Toastify__bounce-exit--top-center{animation-name:Toastify__bounceOutUp}.Toastify__bounce-exit--bottom-center{animation-name:Toastify__bounceOutDown}@keyframes Toastify__zoomIn{from{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}50%{opacity:1}}@keyframes Toastify__zoomOut{from{opacity:1}50%{opacity:0;transform:scale3d(0.3, 0.3, 0.3)}to{opacity:0}}.Toastify__zoom-enter{animation-name:Toastify__zoomIn}.Toastify__zoom-exit{animation-name:Toastify__zoomOut}@keyframes Toastify__flipIn{from{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1, 0, 0, -5deg)}to{transform:perspective(400px)}}@keyframes Toastify__flipOut{from{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1}to{transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0}}.Toastify__flip-enter{animation-name:Toastify__flipIn}.Toastify__flip-exit{animation-name:Toastify__flipOut}@keyframes Toastify__slideInRight{from{transform:translate3d(110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInLeft{from{transform:translate3d(-110%, 0, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInUp{from{transform:translate3d(0, 110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideInDown{from{transform:translate3d(0, -110%, 0);visibility:visible}to{transform:translate3d(0, 0, 0)}}@keyframes Toastify__slideOutRight{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(110%, 0, 0)}}@keyframes Toastify__slideOutLeft{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(-110%, 0, 0)}}@keyframes Toastify__slideOutDown{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, 500px, 0)}}@keyframes Toastify__slideOutUp{from{transform:translate3d(0, 0, 0)}to{visibility:hidden;transform:translate3d(0, -500px, 0)}}.Toastify__slide-enter--top-left,.Toastify__slide-enter--bottom-left{animation-name:Toastify__slideInLeft}.Toastify__slide-enter--top-right,.Toastify__slide-enter--bottom-right{animation-name:Toastify__slideInRight}.Toastify__slide-enter--top-center{animation-name:Toastify__slideInDown}.Toastify__slide-enter--bottom-center{animation-name:Toastify__slideInUp}.Toastify__slide-exit--top-left,.Toastify__slide-exit--bottom-left{animation-name:Toastify__slideOutLeft}.Toastify__slide-exit--top-right,.Toastify__slide-exit--bottom-right{animation-name:Toastify__slideOutRight}.Toastify__slide-exit--top-center{animation-name:Toastify__slideOutUp}.Toastify__slide-exit--bottom-center{animation-name:Toastify__slideOutDown}

.container{margin:3em auto 0;width:80%}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.RollUpUser{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.RollUpUser input{border:1px solid var(--boder-color);border-radius:0.5em;height:3em;margin:0 auto;outline:none;padding:0 1em;width:20em}.RollUpUser .inputBox{display:grid}.RollUpUser label{font-size:1.2em;font-weight:bold;margin-top:1.0em;margin:0 auto;margin-bottom:0.5em}.RollUpUser button{background-color:var(--alert);border-radius:0.4em;border:none;color:var(--background-gray);cursor:pointer;margin:1em auto;width:15em;outline:none;padding:1em;font-weight:bold;text-transform:uppercase}.RollUpUser button:hover{background-color:var(--alert-contrast);outline:none}.RollUpUser button:active{box-shadow:-1px -1px 1px 0 #000000bb;transform:translate(3px, -3px)}.RollUpUser select{border:1px solid var(--boder-color);border-radius:0.5em;padding:0 1em;width:20em;margin:0 auto;height:3em}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.Users{display:grid;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.Users table{border-collapse:collapse;margin:auto;width:100%}.Users table tr{width:100%}.Users table th,.Users table td{box-sizing:border-box;padding:1em}.Users table thead th{background:#000;color:#fff;text-align:left}.Users table tbody{text-align:left}.Users table tbody th{background:#eee}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.RollUpService{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.RollUpService input{border:1px solid var(--boder-color);border-radius:0.5em;height:3em;margin:0 auto;outline:none;padding:0 1em;width:20em}.RollUpService .inputBox{display:grid}.RollUpService label{font-size:1.2em;font-weight:bold;margin-top:1.0em;margin:0 auto;margin-bottom:0.5em}.RollUpService textarea{border:1px solid var(--boder-color);border-radius:0.5em;height:4em;outline:none;padding:0.5em 1em;margin:0 auto;width:20em}.RollUpService button{background-color:var(--alert);border-radius:0.4em;border:none;color:var(--background-gray);cursor:pointer;margin:1em auto;width:15em;outline:none;padding:1em;font-weight:bold;text-transform:uppercase}.RollUpService button:hover{background-color:var(--alert-contrast);outline:none}.RollUpService button:active{box-shadow:-1px -1px 1px 0 #000000bb;transform:translate(3px, -3px)}.RollUpService select{border:1px solid var(--boder-color);border-radius:0.5em;padding:0 1em;width:20em;margin:0 auto;height:3em}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.Services{display:grid;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.Services table{border-collapse:collapse;margin:auto;width:100%}.Services table tr{width:100%}.Services table th,.Services table td{box-sizing:border-box;padding:1em}.Services table thead th{background:#000;color:#fff;text-align:left}.Services table tbody{text-align:left}.Services table tbody th{background:#eee}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.CreateEvent{display:grid;grid-template-columns:1fr 1fr;grid-gap:0.5em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.CreateEvent input{border:1px solid var(--boder-color);border-radius:0.5em;height:3em;margin:0 auto;outline:none;padding:0 1em;width:20em}.CreateEvent .inputBox{display:grid;margin:0 auto}.CreateEvent label{font-size:1.2em;font-weight:bold;margin-top:1.0em;margin:0 auto;margin-bottom:0.5em}.CreateEvent select{border:1px solid var(--boder-color);border-radius:0.5em;padding:0 1em;width:20em;margin:0 auto;height:3em}.CreateEvent textarea{border:1px solid var(--boder-color);border-radius:0.5em;height:4em;outline:none;padding:0.5em 1em;margin:0 auto;width:20em}.CreateEvent button{background-color:var(--alert);border-radius:0.4em;border:none;color:var(--background-gray);cursor:pointer;margin:1em auto;width:15em;outline:none;padding:1em;font-weight:bold;text-transform:uppercase}.CreateEvent button:hover{background-color:var(--alert-contrast);outline:none}.CreateEvent button:active{box-shadow:-1px -1px 1px 0 #000000bb;transform:translate(3px, -3px)}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.Events{display:grid;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.Events table{border-collapse:collapse;margin:auto;width:100%}.Events table tr{width:100%}.Events table th,.Events table td{box-sizing:border-box;padding:1em}.Events table thead th{background:#000;color:#fff;text-align:left}.Events table tbody{text-align:left}.Events table tbody th{background:#eee}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.RollUpTechnician{display:grid;grid-template-columns:1fr 1fr;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.RollUpTechnician input{border:1px solid var(--boder-color);border-radius:0.5em;height:3em;margin:0 auto;outline:none;padding:0 1em;width:20em}.RollUpTechnician .inputBox{display:grid}.RollUpTechnician label{font-size:1.2em;font-weight:bold;margin-top:1.0em;margin:0 auto;margin-bottom:0.5em}.RollUpTechnician button{background-color:var(--alert);border-radius:0.4em;border:none;color:var(--background-gray);cursor:pointer;margin:1em auto;width:15em;outline:none;padding:1em;font-weight:bold;text-transform:uppercase}.RollUpTechnician button:hover{background-color:var(--alert-contrast);outline:none}.RollUpTechnician button:active{box-shadow:-1px -1px 1px 0 #000000bb;transform:translate(3px, -3px)}.RollUpTechnician select{border:1px solid var(--boder-color);border-radius:0.5em;padding:0 1em;width:20em;margin:0 auto;height:3em}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.Technicians{display:grid;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.Technicians table{border-collapse:collapse;margin:auto;width:100%}.Technicians table tr{width:100%}.Technicians table th,.Technicians table td{box-sizing:border-box;padding:1em}.Technicians table thead th{background:#000;color:#fff;text-align:left}.Technicians table tbody{text-align:left}.Technicians table tbody th{background:#eee}

:root{--background: #D2D6DE;--background-contrast: #222D32;--background-gray: #EFEFEF;--border: 1px solid #e5edef;--boder-color: #99999999;--card: #fff;--principal: #3C8DBC;--principal-contrast: #D91E62;--secondary: #367FA9;--alert: #00BB2D;--alert-contrast: #00BB2D99;--font-color: #9A9A9A;--white: #fff;--padding: 1.5em;--panel-padding: 0 0.3em 0 0.3em;--margin: 2em;--gap: 1em;--radius: 1em;--link: #fff;--visited: #fff;--hover: #fff;--active: #fff}a:link{color:var(--link)}a:visited{color:var(--visited)}a:hover{color:var(--hover)}a:active{color:var(--active)}body{background-color:var(--background);color:#222D32;font-family:'Lato', sans-serif;margin:0}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.AdminEvents{display:grid;grid-gap:1em;background-color:var(--card);margin:3em auto;width:80%;flex-direction:column;justify-content:center;align-items:center;padding:2em}.AdminEvents table{border-collapse:collapse;margin:auto;width:100%}.AdminEvents table tr{width:100%}.AdminEvents table th,.AdminEvents table td{box-sizing:border-box;padding:1em}.AdminEvents table thead th{background:#000;color:#fff;text-align:left}.AdminEvents table tbody{text-align:left}.AdminEvents table tbody th{background:#eee}

