.wrapper-login{display:flex;flex-direction:column;justify-content:center;align-items:center}.wrapper-login header{height:10vh;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#363636;color:#f0f8ff}.wrapper-login header a{padding-left:5vw;font-weight:600;font-size:20px;text-decoration:none;color:inherit}.wrapper-login main{height:85vh;width:100%;display:flex;justify-content:center}.wrapper-login main .container-login-register{width:80%;display:flex;flex-direction:row}.wrapper-login main .container-login-register .container-login{width:50%;height:100%;background-color:#1cdfc5;display:flex;align-items:center;justify-content:center}.wrapper-login main .container-login-register .container-login form{width:60%;height:80%;display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper-login main .container-login-register .container-login form h1{margin:5% 0;font-size:36px}.wrapper-login main .container-login-register .container-login form input{width:340px;height:50px;margin:1% 0;border-width:0;border-style:none;border-radius:10px;font-size:14px;font-weight:300;text-align:justify;padding:15px}.wrapper-login main .container-login-register .container-login form a{text-decoration:none;color:#fff;font-weight:500}.wrapper-login main .container-login-register .container-login form button{width:340px;height:50px;margin:5% 0;border-width:0;border-style:none;border-radius:10px;font-size:20px;font-weight:700;text-align:center;color:#fff;background-color:#000}.wrapper-login main .container-login-register .container-login form button:hover{cursor:pointer}.wrapper-login main .container-login-register .container-register{width:50%;height:100%;background-color:#b6b6b6;display:flex;justify-content:center;align-items:center;flex-direction:column}.wrapper-login main .container-login-register .container-register h1{font-size:36px;color:#fff}.wrapper-login main .container-login-register .container-register p{margin:5%;font-size:20px;font-weight:500}.wrapper-login main .container-login-register .container-register button{width:340px;height:50px;border-width:0;border-style:none;border-radius:10px;font-size:20px;font-weight:700;text-align:center;color:#fff;background-color:#1cdfc5b3}.wrapper-login main .container-login-register .container-register button:hover{cursor:pointer}.wrapper-login footer{height:5vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#363636;color:#f0f8ff}:root{--white: #F0F0F0}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif;text-decoration:none;font-smooth:always}html{scroll-behavior:smooth}body{width:100%;height:100%}.wrapper{width:100%;height:100%;justify-content:center;display:flex;flex-direction:column}.wrapper header{height:10vh;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#363636;color:#f0f8ff}.wrapper header a{padding-left:5vw;font-weight:600;font-size:20px;text-decoration:none;color:inherit}.wrapper header ul{padding-right:5vw;list-style:none;display:flex}.wrapper header ul li a{font-weight:600;font-size:20px}.wrapper footer{height:5vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#363636;color:#f0f8ff}ul{list-style:none}.lateral-menu .options ul li #dashboard{color:#6254ff}.lateral-menu .options ul li a{font-size:18;font-weight:600;text-decoration:none;color:var(--white)}.lateral-menu .user-logout{display:flex;align-items:center;height:10%;color:#f0f0f0}.lateral-menu .user-logout p{font-size:18px;padding:10px;text-align:center}.lateral-menu .user-logout a{padding:20px;text-decoration:none;color:var(--white)}.main-content .container-dados .vertical-boxes{width:20%;height:100%}.main-content .container-dados .vertical-boxes .box:first-of-type{margin-top:0}.main-content .container-dados .vertical-boxes .box{width:100%;height:10vh;margin-top:4vh;border-radius:10PX;background-color:#39394b;color:#f0f0f0;display:flex;align-items:center;justify-content:space-between}.main-content .container-dados .vertical-boxes .box .color-red{margin-left:10px;height:50px;width:50px;border-radius:50px;background-color:red}.main-content .container-dados .vertical-boxes .box .color-green{margin-left:10px;height:50px;width:50px;border-radius:50px;background-color:#adff2f}.main-content .container-dados .vertical-boxes .box .text{width:80%}.main-content .container-dados .vertical-boxes .box .text p{font-size:16;font-weight:700;padding-left:10px;padding-top:10px;word-wrap:break-word}.main-content .container-dados .vertical-boxes .box .text h2{font-size:24;font-weight:500;padding-left:10px;padding-top:10px}.main-content .container-dados .container-historico{width:75%}.main-content .container-dados .container-historico .historico{display:flex;width:100%;height:80vh;background-color:#39394b;border-radius:10px;flex-direction:column}.main-content .container-dados .container-historico .historico p{margin-top:5vh;margin-left:4vh;margin-bottom:10px;font-size:16;font-weight:700;color:#f0f0f0}.main-content .container-dados .container-historico .historico .grafico{display:flex;align-items:center;justify-content:center}.main-content .container-dados .container-historico .historico .grafico .linha{width:100%;height:90%}.lateral-menu .options ul li #machine{color:#6254ff}.main-content .container-dados{display:flex;flex-direction:row;justify-content:space-evenly;height:80vh}.wrapper{flex-direction:row}.lateral-menu{display:flex;flex-direction:column;width:15%;height:100vh;background-color:#39394b}.lateral-menu .options{display:flex;justify-content:center;height:90%}.lateral-menu .options ul{margin-top:20%}.lateral-menu .options ul li:first-child{margin-top:0}.lateral-menu .options ul li{margin-top:20px}.lateral-menu .options ul li #user{color:#6254ff}.lateral-menu .options ul li a{font-size:18;font-weight:500;text-decoration:none;color:var(--white)}.lateral-menu .options ul li a:visited{text-decoration:none;color:var(--white)}.lateral-menu .user-logout{display:flex;justify-content:center;align-items:center;height:10%;color:#f0f0f0}.main-content{display:flex;flex-direction:column;width:85%;height:100vh;background-color:#222131}.main-content .container-titulo{display:flex;height:10vh;width:100%;align-items:center}.main-content .container-titulo h1{font-size:24;font-weight:bolder;color:#f0f0f0;margin-left:5vw}.main-content .container-users{display:flex;justify-content:center;height:80vh;width:75%;margin-left:50px;background-color:#39394b;border-radius:10px}.main-content .container-users table{width:90%;height:90%;display:flex;align-items:center;flex-direction:column;margin-top:25px}.main-content .container-users table thead{display:flex;justify-content:space-between;align-items:center;height:10%;width:95%;color:var(--white)}.main-content .container-users table thead tr{justify-content:space-between;text-align:center;display:flex;height:20px;width:100%;color:#f0f0f0}.main-content .container-users table thead tr th{width:100%;text-align:center}.main-content .container-users table tbody{display:flex;justify-content:center;height:90%;width:95%}.main-content .container-users table tbody tr{justify-content:space-between;text-align:center;display:flex;height:20px;width:100%;color:#f0f0f0}.main-content .container-users table tbody tr td{width:100%;text-align:center}.wrapper-register{width:100%;height:100%;justify-content:center;display:flex;flex-direction:column}.wrapper-register header{height:10vh;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#363636;color:#f0f8ff}.wrapper-register header a{padding-left:5vw;font-weight:600;font-size:20px;text-decoration:none;color:inherit}.wrapper-register main{height:85vh;width:100%;display:flex;justify-content:center}.wrapper-register main .container-reg{width:70%;display:flex;justify-content:center}.wrapper-register main .container-reg .container-registro{width:95%;height:100%;display:flex;justify-content:center;background-color:#b6b6b6}.wrapper-register main .container-reg .container-registro form h1{font-size:36px;color:#fff;padding-top:45px;padding-bottom:45px;align-items:center}.wrapper-register main .container-reg .container-registro form .campos{display:flex;flex-direction:column;align-items:center;justify-content:center}.wrapper-register main .container-reg .container-registro form .campos .mediumInput:first-of-type{margin-top:0}.wrapper-register main .container-reg .container-registro form .campos .mediumInput{width:400px;height:50px;border-radius:15px;border-style:none;margin-right:2.5px;margin-left:2.5px;margin-top:15px;text-align:center}.wrapper-register main .container-reg .container-registro form button{width:400px;height:50px;margin-top:25px;font-size:20px;font-weight:700;text-align:center;color:#fff;border-radius:15px;border-style:none;background-color:#1cdfc5b3}.wrapper-register main .container-reg .container-registro form button:hover{cursor:pointer}.wrapper-register footer{height:5vh;width:100%;display:flex;align-items:center;justify-content:center;background-color:#363636;color:#f0f8ff}