#notfound.base{align-items:center;background-color:#070a1b;display:flex;height:100vh;justify-content:space-around;position:relative;width:100%}#notfound h1{color:#fff;font-size:200px;max-width:400px;text-align:center}#notfound h1 span{-webkit-text-stroke:1px #fff;color:transparent}#notfound h2{color:#fff;max-width:400px;text-align:center}#notfound img{width:500px}#notfound button{background-color:initial;border:1px solid #1350bb;border-radius:5px;display:block;font-size:12px;font-weight:700;height:50px;letter-spacing:1px;line-height:50px;margin-top:26px;position:relative;text-align:center;text-transform:uppercase;width:100%}#notfound button:before{background-color:#1350bb;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.2s;width:0;z-index:1}#notfound button:hover:before{width:100%}#notfound button span{color:#1350bb;position:relative;z-index:1}#notfound button:hover span{color:#fff}@media only screen and (max-width:600px){#notfound.base{flex-direction:column}#notfound img{width:70%}#notfound h1{font-size:100px}#notfound h2{font-size:18px}#notfound button{margin-left:auto;margin-right:auto;width:200px}}#login.base{align-items:center;background-blend-mode:multiply;background-image:url(/static/media/bg.3063cf424ac9b30bd03a.jpg),linear-gradient(-90deg,#070a1b 50%,rgba(7,10,27,.9));background-repeat:no-repeat;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;width:100%}#login form{background-color:#fff;border-radius:5px;padding:26px;position:relative;width:350px;z-index:2}#login form:before{height:100%;left:16px;top:16px;width:100%}#login form:after,#login form:before{border:1px solid #fff;border-radius:5px;content:"";opacity:.5;position:absolute;z-index:-1}#login form:after{height:60px;left:calc(100% + 32px);top:-26px;width:60px}#login form .logo{background-color:#070a1b;border-radius:5px;margin-bottom:26px;padding:50px 0;width:100%}#login form .logo img{display:block;margin:0 auto;width:250px}#login form label{display:block;font-size:12px;font-weight:700;letter-spacing:1px;margin-bottom:6px;text-transform:uppercase}#login form input{border:1px solid #c4c4c4;border-radius:5px;height:50px;margin-bottom:16px;padding:0 16px;width:100%}#login form input:focus{border-color:#1350bb;outline:none}#login form button{background-color:initial;border:1px solid #1350bb;border-radius:5px;display:block;font-size:12px;font-weight:700;height:50px;letter-spacing:1px;line-height:50px;margin-top:0;position:relative;text-align:center;text-transform:uppercase;width:100%}#login form button:before{background-color:#1350bb;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.2s;width:0;z-index:1}#login form button:hover:before{width:100%}#login form button span{color:#1350bb;position:relative;z-index:1}#login form button:hover span{color:#fff}@media only screen and (max-width:600px){#login form{padding:6px;width:calc(100% - 32px)}#login form:after,#login form:before{display:none}#login form .logo{margin-bottom:10px;padding:26px 0}}#dashboard{display:flex;justify-content:space-between}#dashboard main{flex:1 1;padding:26px}#dashboard main h1{line-height:50px;margin-bottom:26px}#dashboard main .menus{display:flex}#dashboard main .menus .item{align-items:center;background-color:#070a1b;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.25);display:flex;margin-right:16px;padding:16px;width:20%}#dashboard main .menus .item i{color:#fff;font-size:56px;margin-right:10px}#dashboard main .menus .item p{color:#fff}#dashboard main .menus .item p a{color:#fff;display:block;font-size:12px;font-weight:700;opacity:.5}#dashboard main .menus .item p a:hover{color:#1350bb;opacity:1}@media only screen and (max-width:600px){#dashboard main{flex:initial;height:100vh;overflow:auto;padding:6px;width:100%}#dashboard main h1{font-size:26px;margin-top:16px}#dashboard main .menus{flex-direction:column}#dashboard main .menus .item{margin-bottom:6px;width:100%}}header{background-color:#070a1b;display:flex;flex-direction:column;height:100vh;justify-content:space-between;padding:26px;width:250px}header .logo{display:block;margin:0 auto;width:200px}header .logo img{width:100%}header ul li a{align-items:center;color:#fff;display:block;display:flex;line-height:40px}header ul li a:hover{color:#1350bb}header ul li a i{color:#fff;width:36px}header ul li a:hover i{color:#1350bb}header .perfil{align-items:center;display:flex}header .perfil .foto{background-color:#fff;border-radius:25px;height:50px;margin-right:10px;overflow:hidden;width:50px}header .perfil .foto img{width:100%}header .perfil p{color:#fff;flex:1 1;font-weight:700}header .perfil p a{color:#fff;font-size:14px;opacity:.5}header .perfil p a:hover{color:#1350bb;opacity:1}header #menu-btn{align-items:center;background-color:#070a1b;border-radius:5px;bottom:26px;display:flex;display:none;height:40px;justify-content:center;position:fixed;right:16px;width:40px}header #menu-btn i{color:#fff}header #menu-btn:hover{background-color:#1350bb}@media only screen and (max-width:600px){header{left:-100%;position:fixed;top:0;z-index:10}header.active{left:0}header #menu-btn{display:flex}}#motoristas{display:flex;justify-content:space-between}#motoristas main{flex:1 1;padding:26px}#motoristas main h1{align-items:center;display:flex;justify-content:space-between}#motoristas main h1 button{background-color:initial;border:1px solid #1350bb;border-radius:5px;display:block;font-size:12px;font-weight:700;height:50px;letter-spacing:1px;line-height:50px;margin-top:0;padding:0 26px;position:relative;text-align:center;text-transform:uppercase}#motoristas main h1 button:before{background-color:#1350bb;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.2s;width:0;z-index:1}#motoristas main h1 button:hover:before{width:100%}#motoristas main h1 button span{color:#1350bb;position:relative;z-index:1}#motoristas main h1 button:hover span{color:#fff}#motoristas main .acao{border-radius:5px;height:40px;line-height:40px;text-align:center;width:40px}#motoristas main .acao:hover{background-color:#1350bb;color:#fff}#motoristas main .pesquisa{width:100%}#motoristas main .pesquisa label{display:block;font-size:14px;margin-bottom:6px}#motoristas main .pesquisa input{border:1px solid #999;border-radius:5px;height:40px;margin-bottom:16px;padding:0 16px;width:100%}#motoristas main .pesquisa input:focus{border-color:#1350bb;outline:none}#motoristas main #lateral{background-color:rgba(0,0,0,.7);height:100%;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:5}#motoristas main #lateral.active{opacity:1;visibility:visible}#motoristas main #lateral form{background-color:#fff;height:100%;min-width:400px;opacity:0;padding:16px;position:absolute;right:0;top:0;transition-delay:.3s;visibility:hidden}#motoristas main #lateral.active form.active{opacity:1;visibility:visible}#motoristas main #lateral form h3{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}#motoristas main #lateral form h3 i{background-color:rgba(19,80,187,.5);border-radius:5px;color:#fff;font-size:16px;height:40px;line-height:40px;text-align:center;width:40px}#motoristas main #lateral form h3 i:hover{background-color:#1350bb}#motoristas main #lateral form label{display:block;font-size:14px;margin-bottom:6px}#motoristas main #lateral form input,#motoristas main #lateral form select{border:1px solid #999;border-radius:5px;height:40px;margin-bottom:16px;padding:0 16px;width:100%}#motoristas main #lateral form input:focus,#motoristas main #lateral form select:focus{border-color:#1350bb;outline:none}#motoristas main #lateral form button{background-color:initial;border:1px solid #1350bb;border-radius:5px;display:block;font-size:12px;font-weight:700;height:40px;letter-spacing:1px;line-height:40px;margin-top:0;padding:0 26px;position:relative;text-align:center;text-transform:uppercase;width:100%}#motoristas main #lateral form button:before{background-color:#1350bb;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.2s;width:0;z-index:1}#motoristas main #lateral form button:hover:before{width:100%}#motoristas main #lateral form button span{color:#1350bb;position:relative;z-index:1}#motoristas main #lateral form button:hover span{color:#fff}#motoristas main #confirmar{border-radius:5px;bottom:26px;box-shadow:0 5px 10px rgba(0,0,0,.4);opacity:0;padding:16px;position:fixed;right:-50px;visibility:hidden}#motoristas main #confirmar.active{opacity:1;right:26px;visibility:visible}#motoristas main #confirmar .opcoes{display:flex;margin-top:16px}#motoristas main #confirmar .opcoes div{border:1px solid #999;border-radius:5px;line-height:40px;padding:0 16px}#motoristas main #confirmar .opcoes div:first-child{margin-right:10px}#motoristas main #confirmar .opcoes div:hover{background-color:#999;color:#fff}@media only screen and (max-width:600px){#motoristas main{flex:initial;padding:6px;width:100%}#motoristas main h1{align-items:flex-start;flex-direction:column;font-size:26px;justify-content:flex-start;margin-bottom:16px;margin-top:16px}#motoristas main h1 button{margin-top:10px;width:100%}#motoristas main #tabela{width:100%}#motoristas main #lateral form{min-width:auto;width:100%}#motoristas main #confirmar{bottom:0;width:100%}#motoristas main #confirmar.active{right:0}}#carros{display:flex;justify-content:space-between}#carros main{flex:1 1;padding:26px}#carros main h1{align-items:center;display:flex;justify-content:space-between}#carros main h1 button{background-color:initial;border:1px solid #1350bb;border-radius:5px;display:block;font-size:12px;font-weight:700;height:50px;letter-spacing:1px;line-height:50px;margin-top:0;padding:0 26px;position:relative;text-align:center;text-transform:uppercase}#carros main h1 button:before{background-color:#1350bb;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.2s;width:0;z-index:1}#carros main h1 button:hover:before{width:100%}#carros main h1 button span{color:#1350bb;position:relative;z-index:1}#carros main h1 button:hover span{color:#fff}#carros main .acao{border-radius:5px;height:40px;line-height:40px;text-align:center;width:40px}#carros main .acao:hover{background-color:#1350bb;color:#fff}#carros main .pesquisa{width:100%}#carros main .pesquisa label{display:block;font-size:14px;margin-bottom:6px}#carros main .pesquisa input{border:1px solid #999;border-radius:5px;height:40px;margin-bottom:16px;padding:0 16px;width:100%}#carros main .pesquisa input:focus{border-color:#1350bb;outline:none}#carros main #lateral{background-color:rgba(0,0,0,.7);height:100%;left:0;opacity:0;position:fixed;top:0;visibility:hidden;width:100%;z-index:5}#carros main #lateral.active{opacity:1;visibility:visible}#carros main #lateral form{background-color:#fff;height:100%;min-width:400px;opacity:0;padding:16px;position:absolute;right:0;top:0;transition-delay:.3s;visibility:hidden}#carros main #lateral.active form.active{opacity:1;visibility:visible}#carros main #lateral form h3{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}#carros main #lateral form h3 i{background-color:rgba(19,80,187,.5);border-radius:5px;color:#fff;font-size:16px;height:40px;line-height:40px;text-align:center;width:40px}#carros main #lateral form h3 i:hover{background-color:#1350bb}#carros main #lateral form label{display:block;font-size:14px;margin-bottom:6px}#carros main #lateral form input{border:1px solid #999;border-radius:5px;height:40px;margin-bottom:16px;padding:0 16px;width:100%}#carros main #lateral form input:focus{border-color:#1350bb;outline:none}#carros main #lateral form button{background-color:initial;border:1px solid #1350bb;border-radius:5px;display:block;font-size:12px;font-weight:700;height:40px;letter-spacing:1px;line-height:40px;margin-top:0;padding:0 26px;position:relative;text-align:center;text-transform:uppercase;width:100%}#carros main #lateral form button:before{background-color:#1350bb;content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.2s;width:0;z-index:1}#carros main #lateral form button:hover:before{width:100%}#carros main #lateral form button span{color:#1350bb;position:relative;z-index:1}#carros main #lateral form button:hover span{color:#fff}#carros main #confirmar{border-radius:5px;bottom:26px;box-shadow:0 5px 10px rgba(0,0,0,.4);opacity:0;padding:16px;position:fixed;right:-50px;visibility:hidden}#carros main #confirmar.active{opacity:1;right:26px;visibility:visible}#carros main #confirmar .opcoes{display:flex;margin-top:16px}#carros main #confirmar .opcoes div{border:1px solid #999;border-radius:5px;line-height:40px;padding:0 16px}#carros main #confirmar .opcoes div:first-child{margin-right:10px}#carros main #confirmar .opcoes div:hover{background-color:#999;color:#fff}@media only screen and (max-width:600px){#carros main{flex:initial;padding:6px;width:100%}#carros main h1{align-items:flex-start;flex-direction:column;font-size:26px;justify-content:flex-start;margin-bottom:16px;margin-top:16px}#carros main h1 button{margin-top:10px;width:100%}#carros main #tabela{width:100%}#carros main #lateral form{min-width:auto;width:100%}#carros main #confirmar{bottom:0;width:100%}#carros main #confirmar.active{right:0}}*{box-sizing:border-box;color:#666;font-family:Arial,Helvetica,sans-serif;list-style:none;margin:0;padding:0;text-decoration:none}.suave,.suave:hover{transition-duration:.2s}.click{cursor:pointer}.alertas{bottom:32px;max-width:300px;position:fixed;right:32px;text-align:right;z-index:100}.alerta{background:#333;border-radius:5px;color:#fff;display:inline-block;margin-top:16px;max-width:300px;opacity:0;padding:16px;transition-duration:.2s;visibility:hidden}.alerta.active{opacity:1;visibility:visible}
/*# sourceMappingURL=main.a8517cd3.css.map*/