@keyframes ring{0%{transform:rotate(0)}15%{transform:rotate(-15deg)}30%{transform:rotate(15deg)}45%{transform:rotate(-10deg)}60%{transform:rotate(10deg)}75%{transform:rotate(-5deg)}90%{transform:rotate(5deg)}to{transform:rotate(0)}}@keyframes show{0%{opacity:0;right:-100px}to{opacity:1}}@keyframes show_from_up{0%{height:0}50%{height:50%}to{height:100%}}@keyframes delay-animation{0%{opacity:1}50%{opacity:1}50.01%{opacity:1}to{opacity:1}}.show_animation{animation:show .5s ease}.dot_notify{position:absolute;background-color:#4d5680;border-radius:100%;height:1.5rem;width:1.5rem;font-size:.9rem;right:-.4rem;top:-.4rem;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:500;z-index:9}.nav_container{position:relative}@media(min-width:768px){.nav_container .wrapper_nav.active .children{margin-left:270px}}@media(min-width:576px){.nav_container .wrapper_nav.active .nav{width:calc(100vw - 270px)}}.nav_container .wrapper_nav .children{margin-top:80px;transition:margin .5s ease}.nav_container .wrapper_nav .nav{position:fixed;right:0;top:0;height:80px;width:100vw;display:flex;align-items:center;box-shadow:0 4px 10px rgba(0,0,0,.1);background-color:#fff;z-index:9;transition:width .5s ease}.nav_container .wrapper_nav .nav .left_icon{width:50%;display:flex;align-items:center;justify-content:start}.nav_container .wrapper_nav .nav .right_icon{width:50%;display:flex;align-items:center;justify-content:end}.nav_container .wrapper_nav .nav .nav_toggle.active i{border:4px solid #4d5680}.nav_container .wrapper_nav .nav .nav_toggle i{height:auto;width:auto;background-color:#6577ab;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:1.3rem;border-radius:50%;padding:1rem;transition:rotate .5s ease,border .5s ease}.nav_container .wrapper_nav .nav .nav_toggle i:hover{rotate:1turn;border:4px solid #4d5680}.nav_container .wrapper_nav .nav .user_i{transition:scale .3s ease,border .5s ease}.nav_container .wrapper_nav .nav .user_i:hover{scale:1.05}.nav_container .wrapper_nav .nav .user_i i{background-color:#6577ab;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:1.5rem;border-radius:50%;height:auto;width:auto;padding:1rem}.nav_container .wrapper_nav .nav .notify_i{position:relative;transition:scale .5s ease,border .5s ease;animation:ring .5s ease}.nav_container .wrapper_nav .nav .notify_i:hover{scale:1.05}.nav_container .wrapper_nav .nav .notify_i:hover i{animation:ring .5s ease}.nav_container .wrapper_nav .nav .notify_i i{height:auto;width:auto;background-color:#6577ab;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:1.5rem;border-radius:50%;padding:1rem}.nav_container .wrapper_nav .nav .notify_list{padding:.5rem}.nav_container .wrapper_nav .nav .notify_list .notify{margin-bottom:.5rem;padding:1.1rem 1rem;border-bottom:.1px solid #c2cfe1}.nav_container .wrapper_nav .nav .notify_list .notify .page{background-color:#6577ab;color:#fff;width:min-content;font-weight:500;padding:3px 5px;font-size:.8rem;border-radius:.5rem;margin-bottom:5px}.nav_container .wrapper_nav .nav .notify_list .notify .description{font-size:.8rem}.nav_container .wrapper_nav .nav .notify_list .notify:hover{box-shadow:0 0 50px -3px rgba(0,0,0,.1)}.nav_container .wrapper{width:0;z-index:10;transition:width .5s ease;position:fixed}.nav_container .wrapper.active{width:270px}@media(max-width:576px){.nav_container .wrapper.active{left:0;top:0;height:100vh;width:100vw;background-color:rgba(0,0,0,.5)}}.nav_container .wrapper .left_nav{position:fixed;height:100vh;width:0;transition:width .5s ease;background-color:#6577ab;overflow:hidden}@media(max-width:576px){.nav_container .wrapper .left_nav{position:fixed;left:0;z-index:9}}.nav_container .wrapper .left_nav.active{width:270px}@media(max-width:576px){.nav_container .wrapper .left_nav.active{width:60vw;overflow:visible}}.nav_container .wrapper .left_nav .close_toggle{position:absolute;right:-1.1rem;top:calc(50vh - 1.1rem)}.nav_container .wrapper .left_nav .close_toggle i{background-color:#4d5680;color:#fff;display:inline-flex;justify-content:center;align-items:center;font-size:1.1rem;border-radius:50%;padding:.8rem;transition:scale .5s ease,border .1s ease}.nav_container .wrapper .left_nav .close_toggle i:hover{scale:1.1;border:2px solid #92a7c8}.nav_container .wrapper .left_nav .logo{position:relative;height:80px;object-fit:contain;margin:0 2.5rem}.nav_container .wrapper .left_nav .nav_items{padding:.5rem 1.5rem}.nav_container .wrapper .left_nav .nav_items a{text-decoration:none;color:#fff}.nav_container .wrapper .left_nav .nav_items .title{text-transform:uppercase;font-weight:500;font-size:1rem;padding-bottom:.4rem;border-bottom:2px solid hsla(0,0%,100%,.2);margin-bottom:1rem;margin-top:1rem;color:#fff}.nav_container .wrapper .left_nav .nav_items .item{position:relative;font-size:1.1rem;padding:.8rem 1.3rem;border-radius:.5rem;margin-top:.5rem}.nav_container .wrapper .left_nav .nav_items .item.active,.nav_container .wrapper .left_nav .nav_items .item:hover{background-color:hsla(0,0%,100%,.2);font-weight:500}.card{border:0;box-shadow:0 0 50px -3px rgba(0,0,0,.1);border-radius:.5rem}.card .card-body{display:flex;justify-content:space-between}.card .card-body .left_section{display:flex;flex-direction:column;justify-content:center}.card .card-body .right_section{display:flex;align-items:center;justify-content:end}.card .card-body .right_section i{color:#6577ab;font-size:3rem;display:flex;align-items:center}.float_notify_box{position:fixed;right:20px;top:100px;z-index:9999}.float_notify_box .float_notify{display:flex;align-items:center;padding:1rem;animation:show 1s ease;font-size:1rem;border-radius:.5rem;font-weight:500}.float_notify_box .float_notify .close{margin-right:.25rem}.float_notify_box .float_notify .close:hover{scale:1.2}.float_notify_box .float_notify i{font-size:.65rem;margin-right:.25rem;padding:0;height:15px;width:15px}.dropdown{position:relative}.dropdown-toggle{cursor:pointer;padding:0;border:0;background-color:transparent}.dropdown-toggle:after{content:none}.dropdown_menu{position:absolute;background-color:#fff;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:9;border-radius:.5rem;padding:.5rem}@media(min-width:992px){.dropdown_menu{min-width:350px}}@media(max-width:992px){.dropdown_menu{min-width:325px}}@media(max-width:768px){.dropdown_menu{min-width:325px}}@media(max-width:576px){.dropdown_menu{min-width:300px}}.profile_dropdown{cursor:pointer;padding:.5rem;display:flex;flex-direction:column;justify-content:center}.profile_dropdown .option{font-weight:300;padding:.5rem;display:flex;align-items:center;border-bottom:1px solid #c2cfe1}.profile_dropdown .option i{background-color:transparent;color:#6577ab;font-size:1rem;margin-right:1rem}.profile_dropdown .option:hover{font-weight:400}.vehicle_box{min-height:270px;padding:1rem .5rem;display:flex;justify-content:center;transition:box-shadow .1s ease}.vehicle_box:hover{box-shadow:0 -5px 28px 0 rgba(0,0,0,.15);border:4px solid #778dba}.vehicle_box:hover .vehicle{display:none}.vehicle_box:hover .vehicle_detail{height:100%;opacity:1;width:100%}.vehicle_box .vehicle{display:flex;flex-direction:column;justify-content:center;width:100%}.vehicle_box .vehicle .icon{height:80px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid #000;margin-bottom:1rem}.vehicle_box .vehicle .icon img{max-height:100%;object-fit:cover}.vehicle_box .vehicle .info{display:flex;align-items:center;justify-content:center;flex-direction:column}.vehicle_box .vehicle .info h4{color:#6577ab;font-weight:600}.vehicle_box .vehicle .info .state{font-size:.9rem;text-align:center;border-radius:5rem;padding:.25rem .5rem;font-weight:500}.vehicle_box .vehicle .info .name{font-weight:600}.vehicle_box .vehicle_detail{width:0;overflow:hidden;height:0;opacity:0;transition:opacity 1s ease}.vehicle_box .vehicle_detail h6{color:#6577ab}.vehicle_box .vehicle_detail .vehicle_detail_title{margin:0 .5rem 0 0}.vehicle_box .vehicle_detail .vehicle_detail_value{padding:.25rem .5rem;border-radius:5rem;font-size:.9rem;font-weight:500}.vehicle_box .vehicle_detail .divider{width:100%;margin:1rem 0;border-bottom:1px solid}.filter_bar{width:100%;box-shadow:0 0 50px -3px rgba(0,0,0,.1);min-height:70px;margin:1rem 0;padding:1rem}.filter_bar .option_filter{padding:.25rem 0;display:flex;align-items:center}@media(max-width:576px){.filter_bar .option_filter{flex-direction:column}}@media(max-width:768px){.filter_bar .option_filter div{width:100%}}.users_box{padding:1rem .5rem;display:flex;justify-content:center;transition:box-shadow .1s ease}.users_box:hover{box-shadow:0 -5px 28px 0 rgba(0,0,0,.15);border:4px solid #778dba}@media(min-width:576px){.users_box:hover .user .info .email{animation:scrollShow 2s linear forwards}}@keyframes scrollShow{0%{overflow:visible}to{overflow:visible;transform:translateX(-30%)}}@keyframes scrollhide{0%{transform:translateX(-30%)}to{overflow:hidden}}.users_box .user{display:flex;flex-direction:column;justify-content:center;width:100%}.users_box .user .icon{height:80px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.users_box .user .icon img{max-height:100%;object-fit:cover}.users_box .user .info{overflow:hidden;display:flex;align-items:center;justify-content:center;flex-direction:column}.users_box .user .info h4{color:#6577ab;font-weight:600}.users_box .user .info .state{font-size:.9rem;text-align:center;border-radius:5rem;padding:.25rem .5rem;font-weight:500}.users_box .user .info .name{font-weight:600}.users_box .user .info .n_vehicle{color:#6577ab;font-size:.9rem;font-weight:500}.users_box .user .info .email{animation:scrollhide .5s linear forwards;display:inline-block;width:100%;white-space:nowrap;text-overflow:ellipsis;position:relative;text-align:center}.user_section .vehicle_box{box-shadow:none;border:1px solid #6577ab}.to_do_list_card{width:100%;overflow:hidden}.to_do_list_card .to_do_list{width:100%;position:relative}.to_do_list_card .to_do_list .items_list{max-width:100%;padding:.5rem;overflow:auto}.to_do_list_card .to_do_list .items_list .item{display:flex;align-items:center;justify-content:start}.to_do_list_card .to_do_list .items_list .item .icon{border:2px solid #6577ab;border-radius:5rem;background-color:#6577ab;height:50px;width:50px;display:flex;padding:0;margin:0;align-items:center;justify-content:center}.to_do_list_card .to_do_list .items_list .item .icon i{color:#fff;font-size:1.2rem;display:flex;padding:15px;margin:0;align-items:center;justify-content:center}.to_do_list_card .to_do_list .items_list .item .label{padding:0 10%;white-space:nowrap;font-weight:400;border-right:2px solid #778dba;height:3rem;font-size:1.05rem;display:flex;align-items:center}.to_do_list_card .to_do_list .items_list .item .description{margin:0 10%;font-size:1.05rem;font-weight:500;border-radius:5rem;padding:.25rem .5rem}.to_do_list_card .to_do_list .link{margin:.5rem 0;position:relative;left:22px;height:30px;border:0;border-left:3px #778dba;border-style:dashed;width:0}.loading_page{height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;background-color:#f4f7fa}.loading_page img{height:400px}.loading{height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center}.loading.component{height:100%}.loading img{height:400px}table{padding:1rem;border:1px solid #e6ebf3;width:min-content}table thead th{background-color:#e6ebf3;border:1px solid #d3dcea}table tbody td,table thead th{padding:1rem!important;font-weight:500;font-size:.95rem}table tbody td{border:1px solid #e6ebf3}.label_rounded_circle{font-size:.9rem;text-align:center;border-radius:5rem;padding:.25rem .5rem;font-weight:500}.label_rounded{border-radius:.5rem}i{display:flex;align-items:center;justify-content:center;background-color:#e6ebf3;padding:5px;height:35px;width:35px;border-radius:100%;color:#6577ab;transition:background-color .3s ease,color .3s ease}i:hover{background-color:#6577ab;color:#e6ebf3}i.danger{background-color:#fdd;color:#b10303}i.danger:hover{background-color:#b10303;color:#fdd}i.success{background-color:#d7ffd9;color:#0a7112}i.success:hover{color:#d7ffd9;background-color:#0a7112}i.warning{background-color:#fff1c5;color:#983908}i.warning:hover{color:#fff1c5;background-color:#983908}.login{background-color:#fff;border-radius:.5rem;width:350px}