*{margin:0;padding:0;text-decoration:none;box-sizing:border-box}html,body{font-family:Inter,sans-serif}.container{width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column}.container .header{display:flex;align-items:center;flex-direction:column;margin-bottom:40px}.container .header span{font-weight:500;font-size:20px;line-height:24px;padding-top:15px}.container form{display:flex;align-items:center;flex-direction:column}.container form .inputContainer{display:flex;align-items:flex-start;flex-direction:column}.container form .inputContainer label{font-weight:400;font-size:16px;line-height:19px;margin-bottom:8px}.container form .inputContainer input{display:flex;flex-direction:row;align-items:flex-start;padding:16px;width:520px;height:49px;border:1px solid #5C73DB;border-radius:12px;margin-bottom:12px}.container form a{font-weight:400;font-size:16px;line-height:19px;padding-top:16px;padding-bottom:16px;color:#5c73db}.container form .button{width:520px;height:48px;background:#4763E4;border-radius:12px;color:#fff;border:none;font-family:Inter;font-style:normal;font-weight:400;font-size:18px;line-height:22px;display:flex;align-items:center;justify-content:center;gap:15px}.container form .button:hover{cursor:pointer;opacity:.8}.container form .footer{display:flex;align-items:center;justify-content:center;gap:10px}.container form .footer p{font-weight:400;font-size:16px;line-height:19px;color:#000}.container form .footer a{font-weight:400;font-size:16px;line-height:19px;text-decoration-line:underline;color:#5c73db}.container{width:100%;margin:0 auto;opacity:1}.container-login{width:100%;min-height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:15px;opacity:97%}.wrap-login{width:420px;background-color:#fff;border-radius:30px;overflow:hidden;padding:100px 55px 33px;box-shadow:0 5px 10px #0003;opacity:100%}.login-form-logo img{margin-top:-50px;margin-bottom:40px;width:200px}.login-form{width:100%}.login-form-title{font-family:Nunito,sans-serif;display:block;font-size:30px;color:azure;line-height:1.2;text-align:center;margin-bottom:30px}.login-form-subtitle{font-family:Nunito,sans-serif;display:block;font-size:14px;color:#c0c7c7;line-height:1.2;text-align:center;margin-bottom:30px}.recuperacao{display:block;margin-top:-20px;margin-bottom:30px}.focus-input:before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#33C5FF;background:-webkit-linear-gradient(to left,#0066FF,#33C5FF);background:-o-linear-gradient(to left,#0066FF,#33C5FF);background:-moz-linear-gradient(to left,#0066FF,#33C5FF);background:linear-gradient(to left,#0066FF,#33C5FF)}.container-login-form-btn{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:13px}.login-form-btn{font-size:15px;border:none;border-radius:35px;color:#fff;line-height:1.2;text-transform:uppercase;display:flex;justify-content:center;align-items:center;width:200px;height:40px;background:#6a7dfe;background:-webkit-linear-gradient(to left,#0066FF,#33C5FF);background:-o-linear-gradient(to left,#0066FF,#33C5FF);background:-moz-linear-gradient(to left,#0066FF,#33C5FF);background:linear-gradient(to left,#0066FF,#33C5FF)}.login-form-btn:hover{cursor:pointer}.txt2{font-size:14px;color:#06f;line-height:1.5;text-decoration:none;margin-top:-15px}.txt3{font-size:16px;color:#b60d0d;line-height:1.5;padding-right:5px;margin-top:15px}*{margin:0;padding:0;box-sizing:border-box}body,html{font-family:Nunito,sans-serif}.container{width:100%;margin:0 auto}.container-cadastro{width:100%;min-height:100vh;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:15px;background-color:#111;opacity:95%}.wrap-cadastro{width:390px;background-color:#333;border-radius:10px;overflow:hidden;padding:77px 55px 33px;box-shadow:0 5px 10px #0003;opacity:100%}.cadastro-form{width:100%}.cadastro-form-logo img{margin-top:-50px;margin-bottom:40px;width:200px}.cadastro-form-subtitle{font-family:Nunito,sans-serif;display:block;font-size:14px;color:#c0c7c7;line-height:1.2;text-align:center;margin-bottom:30px}.wrap-input{width:100%;position:relative;border-bottom:2px solid #adadad;margin-bottom:37px}.input{font-size:15px;color:#fff;line-height:1.2;border:none;display:block;width:100%;height:45px;background-color:transparent;padding:0 5px;font-family:Nunito,sans-serif}.focus-input{position:absolute;display:block;width:100%;height:100%;top:0;left:0;pointer-events:none;color:#adadad;font-family:Nunito,sans-serif}.focus-input:before{content:"";display:block;position:absolute;bottom:-2px;left:0;width:0;height:2px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;background:#6a7dfe;background:-webkit-linear-gradient(to left,#21d4fd,#b721ff);background:-o-linear-gradient(to left,#21d4fd,#b721ff);background:-moz-linear-gradient(to left,#21d4fd,#b721ff);background:linear-gradient(to left,#21d4fd,#b721ff)}.focus-input:after{font-family:Nunito,sans-serif;font-size:15px;color:#999;line-height:1.2;content:attr(data-placeholder);display:block;width:100%;position:absolute;top:16px;left:0px;padding-left:5px;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s}.input:focus{outline:0}.input:focus+.focus-input:after{top:-15px}.input:focus+.focus-input:before{width:100%}.has-val+.focus-input:after{top:-15px}.has-val+.focus-input:before{width:100%}.container-cadastro-form-btn{display:flex;flex-wrap:wrap;justify-content:center;padding-bottom:13px}.cadastro-form-btn{font-size:15px;border:none;border-radius:10px;color:#fff;line-height:1.2;text-transform:uppercase;display:flex;justify-content:center;align-items:center;width:200px;height:50px;background:#6a7dfe;background:-webkit-linear-gradient(to left,#21d4fd,#b721ff);background:-o-linear-gradient(to left,#21d4fd,#b721ff);background:-moz-linear-gradient(to left,#21d4fd,#b721ff);background:linear-gradient(to left,#21d4fd,#b721ff)}.cadastro-form-btn:hover{cursor:pointer}.text-center{display:flex;justify-content:center;align-items:center;margin-top:50px;flex-direction:column}.txt1{font-size:16px;color:#adadad;line-height:1.5;padding-right:5px}.txt2{font-size:14px;color:#6a7dfe;line-height:1.5;text-decoration:none;margin-top:-15px}.rodape img{margin-top:30px;width:90px}.sidebar{flex:1;min-height:100vh;background-color:#fff}.sidebar .top{height:60px;display:flex;align-items:center;justify-content:start;background-color:#006eff}.sidebar .top img{font-size:15px;font-weight:100;color:#c8c7c7;margin-left:15px;width:80px}.sidebar .center{padding-left:12px}.sidebar .center ul{list-style:none;margin:0;padding:0}.sidebar .center ul .title{font-size:12px;color:#8a8a8a;margin-top:15px;margin-bottom:5px}.sidebar .center ul li{display:flex;align-items:center;padding:6px;cursor:pointer}.sidebar .center ul li:hover{background-color:#0147b138}.sidebar .center ul li .icon{font-size:18px;color:#212121}.sidebar .center ul li span{font-size:13px;font-weight:600;color:#888;margin-left:10px}.sidebar .bottom{display:flex;align-items:center;margin:10px}.sidebar .bottom .colorOptions{width:20px;height:20px;border-radius:5px;border:1px solid #7451f8;cursor:pointer;margin:5px}.sidebar .bottom .colorOptions:nth-child(1){background-color:#f5f5f5}.sidebar .bottom .colorOptions:nth-child(2){background-color:#333}.sidebar .bottom .colorOptions:nth-child(3){background-color:#00008b}.navbar{flex:1;height:60px;display:flex;align-items:center;font-size:14px;color:#555;background-color:#006eff}.navbar .wrapper{display:flex;padding:20px;align-items:center;justify-content:flex-end;width:100%}.navbar .wrapper .search{display:flex;align-items:center;padding:5px 20px;border-radius:100px;border:2px solid #65a8ff;background-color:#006eff}.navbar .wrapper .search input{border:none;outline:none;background-color:transparent;color:#fff}.navbar .wrapper .search input::placeholder{font-size:12px}.navbar .wrapper .search .icon{font-size:25px;color:#ddd}.navbar .wrapper .items{display:flex;align-items:center;color:#fff;border:2px solid #65a8ff;padding:5px 8px 5px 12px;border-radius:100px;background-color:#006eff;gap:20px}.navbar .wrapper .items .item{display:flex;align-items:center;position:relative}.navbar .wrapper .items .item .icon{font-size:20px;color:#ddd}.navbar .wrapper .items .item .avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}.navbar .wrapper .items .item .counter{width:15px;height:15px;background-color:red;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;position:absolute;top:-5px;right:-5px}.widget{display:flex;flex:1;justify-content:space-between;padding:10px;height:100px;background-color:#fff;border:1.2px solid #E7E6E4;border-radius:16px;position:relative}.widget .left,.widget .right{display:flex;flex-direction:column;justify-content:space-between}.widget .left .title,.widget .right .title{font-size:14px;border-radius:100px;color:#5d5d5d;border:1px solid rgb(236,236,236);padding:5px 20px;background-image:linear-gradient(to right,rgb(248,248,248),rgb(248,248,248));background-clip:padding-box}.widget .left .counter,.widget .right .counter{font-size:28px;font-weight:300;color:gray}.widget .left .link,.widget .right .link{font-size:12px;width:max-content;border-bottom:1px solid gray}.widget .left .percentage,.widget .right .percentage{display:flex;align-items:center;font-size:14px}.widget .left .percentage.positive,.widget .right .percentage.positive{color:green}.widget .left .percentage.negative,.widget .right .percentage.negative{color:red}.widget .left .icon,.widget .right .icon{font-size:18px;padding:5px;background-color:#b2b3d8;border-radius:5px;align-self:flex-end}.charts{flex:4;flex-direction:column;padding:10px;color:gray;background-color:#fff;border:1.2px solid #E7E6E4;border-radius:16px}.charts .title{margin-bottom:20px;border-radius:100px;color:#5d5d5d;padding:5px 20px;background-image:linear-gradient(to right,rgb(248,248,248),rgb(248,248,248));background-clip:padding-box}.charts .chartGrid{stroke:#e4e1e1}.chartsTwo{flex:1;flex-direction:column;padding:10px;color:gray;width:500px;background-color:#fff;border:1.2px solid #E7E6E4;border-radius:16px}.chartsTwo .title{margin-bottom:20px;border-radius:100px;color:#5d5d5d;border:1px solid rgb(236,236,236);padding:5px 20px;background-image:linear-gradient(to right,rgb(248,248,248),rgb(248,248,248));background-clip:padding-box}.chartsTwo .chartGrid{stroke:#e4e1e1}.chartsThree{flex:1;padding:15px;color:gray;height:500px;width:380px;align-self:center;margin-left:20px;background-color:#fff;border:1.2px solid #E7E6E4;border-radius:16px}.chartsThree .title{border-radius:100px;color:#5d5d5d;border:1px solid rgb(236,236,236);padding:5px 20px;background-image:linear-gradient(to right,rgb(248,248,248),rgb(248,248,248));background-clip:padding-box;margin-bottom:15%}.chartsThree .status_box{flex:1;padding:10px;background-color:#fff;border-radius:10px;height:110px;position:relative;margin:16px}.chartsThree .status_box .status_title{border-radius:100px;color:#5d5d5d;padding:5px 10px;background-image:linear-gradient(to right,rgba(255,255,255,.915),rgba(255,255,255,0));background-clip:padding-box;margin-bottom:6%}.chartsThree .status_box .lista_veiculo{display:flex;overflow-x:auto}.chartsThree .status_box .lista_veiculo .veiculo{background-color:#ffffffac;margin-right:15px;margin-bottom:15px;padding:10px;color:#000;border-radius:10px}.chartsThree .status_box.em_dia{color:green;border-radius:16px;background-color:#00800069}.chartsThree .status_box.em_alerta{color:#e2c653;border-radius:16px;background-color:#fed635d4}.chartsThree .status_box.critico{color:#bd3c35;border-radius:16px;background-color:#bd3c35d6}.table .cellWrapper{display:flex;align-items:center}.table .image{width:32px;height:32px;border-radius:50%;margin-right:10px;object-fit:cover}.table .status{padding:5px;border-radius:5px}.table .status.Approved{color:green;background-color:#00800075}.table .status.Pending{color:#daa520;background-color:#daa52045}.container{position:absolute;top:0;left:0;width:100%;height:100%;margin:0 auto;right:0;display:flex;align-items:center;justify-content:start;background-color:#0005;color:#000;padding:60px}.container .modal{background-color:#fff;padding:20px 50px;border:1.2px solid #c2bfbf;border-radius:5px}.container .modal h1{display:flex;color:#6e6d6d;justify-content:center;align-items:center}.container .modal .caixaTexto{display:flex;margin-top:15px;align-items:center}.container .modal .caixaTexto .texto{font-size:20px;font-weight:700}.container .modal .caixaTexto .resposta{background-color:#2d79ec;padding:2px 20px;margin-left:5px;border-radius:5px;color:#fff}.container .modal .react-calendar{background-color:#0148b1;color:#fff;padding:5px;align-items:center;justify-content:center;display:flex;flex-direction:column;border-radius:5px}.container .modal .react-calendar .react-calendar__navigation button{display:inline-block;min-width:44px;background:none;font-size:16px;margin-top:8px;border-width:0;color:#fff;margin-bottom:10px}.container .modal .react-calendar .react-calendar__tile--range{background:rgb(1,72,177);color:#fff;border-radius:0}.container .modal .finalPopup{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px}.container .modal .finalPopup .button{position:relative;padding:8px 20px;background:rgb(3,99,0);color:#fff;font-weight:700;border:none;outline:none;border-radius:10px;cursor:pointer}.container .modal .finalPopup .button.cancelar{background-color:red}.home{display:flex;background-color:#faf8f8;position:relative}.home .homeContainer{flex:5}.home .homeContainer .titleContainer{display:flex;justify-content:space-between}.home .homeContainer .titleContainer .pageTitle{color:#0069b9;font-size:xx-large;margin-left:20px;margin-top:20px;text-align:left;font-size:18px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;border-radius:100px;border:1px solid rgb(236,236,236);padding:5px 80px 5px 20px;background-image:linear-gradient(to right,rgb(255,255,255),lightblue);background-clip:padding-box}.home .homeContainer .titleContainer .filtros{display:flex}.home .homeContainer .titleContainer .filtros .filtro{display:flex;justify-content:center;align-items:center;margin-right:20px;margin-top:20px;gap:5px;color:gray}.home .homeContainer .titleContainer .filtros .filtro .filtroData{font-size:18px;justify-content:center;align-items:center}.home .homeContainer .titleContainer .filtros .filtro .filtroBotao{background-color:#fff;color:#e67409;border-radius:100px;border:1px solid rgb(236,236,236);padding:5px 80px 5px 20px;background-image:linear-gradient(to right,rgb(255,255,255),rgb(255,242,175));background-clip:padding-box}.home .homeContainer .widgets{flex:2;gap:20px;display:flex;flex-direction:column}.home .homeContainer .chartsOneContainer{display:flex;padding:20px;gap:20px}.home .homeContainer .chartsTwoContainer{display:flex;padding:5px 20px}.home .homeContainer .listContainer{padding:20px;margin:20px;background-color:#fff;border:1.2px solid #E7E6E4;border-radius:18px}.home .homeContainer .listContainer .title{position:relative;display:flex}.home .homeContainer .listContainer .title .listTitle{font-weight:500;border-radius:100px;color:#5d5d5d;border:1px solid rgb(236,236,236);padding:5px 20px;background-image:linear-gradient(to right,rgb(248,248,248),rgb(248,248,248));background-clip:padding-box;margin-bottom:20px}.home .homeContainer .listContainer .title .listButton{position:absolute;right:15px;color:gray;border-radius:100px;border:1px solid rgb(236,236,236);padding:5px 20px;background-image:linear-gradient(to right,rgb(232,232,232),rgb(232,232,232));background-clip:padding-box}.barra{width:200px;margin-left:150px}.app.dark{background-color:#333;color:#9c9c9c}.app.dark .home{background-color:#222}.app.dark .home .listContainer{background-color:#333}.app.dark .widget,.app.dark .featured,.app.dark .charts,.app.dark .chartsThree,.app.dark .chartsTwo{background-color:#333;border:1.2px solid #999}.app.dark .chartGrid{stroke:#e4e4e414}.app.dark .table{background-color:#333}.app.dark .table .TableCell{color:gray}.app.dark .navbar{color:#999;border-color:#333;background-color:transparent}.app.dark .navbar .search{border-color:gray;background-color:#333}.app.dark .sidebar{background-color:#222;border-color:#333}.app.dark .sidebar .top{background-color:transparent}.app.dark .sidebar .top .logo{color:#999}.app.dark .sidebar ul li:hover{background-color:#333}.app.dark .sidebar ul li .icon{color:#999}.app.dark .datatable .link{text-decoration:none;color:#999;border:1px solid #999;border-radius:5px}.app.dark .datatable .datagrid,.app.dark .datatable .datagrid .viewButton,.app.dark .datatable .datagrid .deleteButton,.app.dark .datatable .datagrid .cellWithStatus{color:gray;border:none}.app.dark input{background-color:transparent}.list{display:flex;width:100%}.list .listContainer{flex:6}.datatable{height:800px;padding:20px}.datatable .datatableTitle{width:100%;font-size:24px;color:gray;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between}.datatable .datatableTitle .link{text-decoration:none;color:#1612ec;font-size:16px;font-weight:400;padding:5px;border:1px solid #1612EC;border-radius:5px;cursor:pointer}.datatable .cellWithImg{display:flex;align-items:center}.datatable .cellWithImg .cellImg{width:32px;height:32px;border-radius:50%;object-fit:cover;margin-right:20px}.datatable .cellWithStatus{padding:5px;border-radius:5px}.datatable .cellWithStatus.active{background-color:#00800030;color:green}.datatable .cellWithStatus.pending{background-color:#daa5203f;color:#daa520}.datatable .cellWithStatus.passive{color:#dc143c;background-color:#dc143c3c}.datatable .cellAction{display:flex;align-items:center;gap:15px}.datatable .cellAction .viewButton{padding:2px 5px;border-radius:5px;color:#00008b;border:1px dotted rgba(0,0,139,.233);cursor:pointer}.datatable .cellAction .deleteButton{padding:2px 5px;border-radius:5px;color:#dc143c;border:1px dotted rgba(220,20,60,.234);cursor:pointer}.single{display:flex;width:100%}.single .singleContainer{flex:6}.single .singleContainer .top{padding:20px;display:flex;gap:20px;flex-direction:column}.single .singleContainer .top .left{flex:1;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;padding:20px;position:relative}.single .singleContainer .top .left .editButton{position:absolute;top:0;right:0;padding:5px;font-style:12px;color:#9619b2;background-color:#9619b21b;cursor:pointer;border-radius:0 0 0 5px}.single .singleContainer .top .left .item{display:flex;gap:20px}.single .singleContainer .top .left .item .itemImg{width:100px;height:100px;border-radius:50%;object-fit:cover}.single .singleContainer .top .left .item .details .itemTitle{margin-bottom:10px;color:#555}.single .singleContainer .top .left .item .details .detailItem{margin-bottom:10px;font-size:14px}.single .singleContainer .top .left .item .details .detailItem .itemKey{font-weight:700;color:gray;margin-right:5px}.single .singleContainer .top .left .item .details .detailItem .itemValue{font-weight:300}.single .singleContainer .top .left .item .details .detailItem .status{padding:10px;width:120px;border-radius:15px;color:#fff;font-weight:700;margin-top:5px}.single .singleContainer .top .left .item .details .detailItem .status.adm{background-color:#0148b1;width:120px}.single .singleContainer .top .left .item .details .detailItem .status.usuario{background-color:#0b8005;width:80px}.single .singleContainer .top .right{flex:2}.single .singleContainer .bottom{padding:20px;-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;margin:10px 20px}.single .singleContainer .title{font-size:16px;color:#d3d3d3;margin-bottom:20px}.new{width:100%;display:flex}.new .newContainer{flex:6}.new .newContainer .top,.new .newContainer .bottom{-webkit-box-shadow:2px 4px 10px 1px rgba(0,0,0,.47);box-shadow:2px 4px 10px 1px #c9c9c978;padding:10px;margin:20px;display:flex}.new .newContainer .top h1,.new .newContainer .bottom h1{color:#d3d3d3;font-size:20px}.new .newContainer .top .left,.new .newContainer .bottom .left{flex:1;text-align:center}.new .newContainer .top .left img,.new .newContainer .bottom .left img{width:100px;height:100px;border-radius:50%;object-fit:cover}.new .newContainer .top .right,.new .newContainer .bottom .right{flex:2}.new .newContainer .top .right form,.new .newContainer .bottom .right form{display:flex;flex-wrap:wrap;gap:30px;justify-content:space-around}.new .newContainer .top .right form .formInput,.new .newContainer .bottom .right form .formInput{width:40%;position:relative}.new .newContainer .top .right form .formInput .checkbox,.new .newContainer .bottom .right form .formInput .checkbox{display:flex;margin-top:5px;position:relative}.new .newContainer .top .right form .formInput .checkbox .checkbox-option,.new .newContainer .bottom .right form .formInput .checkbox .checkbox-option{display:flex;margin-bottom:5px}.new .newContainer .top .right form .formInput .checkbox .checkbox-option input,.new .newContainer .bottom .right form .formInput .checkbox .checkbox-option input{margin-right:5px;width:20px}.new .newContainer .top .right form .formInput label,.new .newContainer .bottom .right form .formInput label{display:flex;align-items:center;gap:10px}.new .newContainer .top .right form .formInput label .icon,.new .newContainer .bottom .right form .formInput label .icon{cursor:pointer}.new .newContainer .top .right form .formInput input,.new .newContainer .bottom .right form .formInput input{width:100%;padding:5px;border:none;border-bottom:1px solid gray}.new .newContainer .top .right form button,.new .newContainer .bottom .right form button{width:200px;padding:10px;border:none;background-color:teal;color:#fff;font-weight:700;cursor:pointer;margin-top:10px}.new .newContainer .top .right form button:disabled,.new .newContainer .bottom .right form button:disabled{background-color:#00808040;cursor:not-allowed}.carregando{display:flex;align-items:start;justify-content:center;height:900px}.carregando .lottie{padding:50px;height:600px;width:600px;background-color:#fff;border-radius:50%}