body{margin:0}#app{font-family:Roboto,Segoe UI,GeezaPro,"DejaVu Serif","sans-serif",-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}#page{padding-top:70px;display:block;width:100%}.page-view{position:relative;max-width:1100px;margin:0 auto 0 auto;min-height:calc(100vh - 70px)}.router-anim-enter-active{-webkit-animation-name:custom;animation-name:custom;-webkit-animation-duration:.5s;animation-duration:.5s}.router-anim-leave-active{display:none}@-webkit-keyframes custom{0%{opacity:0}to{opacity:1}}@keyframes custom{0%{opacity:0}to{opacity:1}}#nav{width:100%;height:50px;position:fixed;top:0;left:0;background-color:#fff;z-index:1002;-webkit-box-shadow:#c2c2c2 0 1px 3px 1px;box-shadow:0 1px 3px 1px #c2c2c2}.nav-right{display:-webkit-box;display:-ms-flexbox;display:flex;float:right;height:50px;margin-right:15px}.nav-right img{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.nav-left{display:-webkit-box;display:-ms-flexbox;display:flex;float:left;height:50px;margin-left:10px}.nav-left img{position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);margin-left:15px}.nav-left p{font-size:1.2rem;line-height:50px;margin:0}#float-widget-right{position:fixed;top:50px;right:0;z-index:1001;width:175px;height:auto;background-color:hsla(0,0%,85.5%,.87);-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:all .5s ease-out;transition:all .5s ease-out;border-radius:5px}#float-widget-right.visible{-webkit-transform:unset;transform:unset}.widget-row{width:100%;height:50px}.widget-row p{margin:0;line-height:17px;padding-left:10px;font-weight:700;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.widget-row:hover{background-color:#aaa}#close-icon{display:block}#setting-icon{display:block;-webkit-transition:all .5s ease-out;transition:all .5s ease-out}#setting-icon.rotate{-webkit-transform:rotate(180deg);transform:rotate(180deg)}#return-icon{display:block}#return-icon img{margin:0;margin-right:10px}#close-icon.hidden,#return-icon.hidden,#setting-icon.hidden{display:none}#loading-icon{display:block}#loading-icon.hidden{display:none}.custom-icon-shadow{border-radius:100%;-webkit-box-shadow:1px 2px 4px rgba(0,0,0,.5);box-shadow:1px 2px 4px rgba(0,0,0,.5)}.e-grid{border:none}.e-grid .e-gridheader{border-top:none}.e-grid .e-rowcell{border:none}.save-btn{width:80%;margin-top:10px;margin-bottom:20px;position:relative;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.login-form,.save-btn{max-width:300px;left:50%}.login-form{width:60%;position:fixed;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:35px;background-color:#fff;border-radius:6px;-webkit-box-shadow:0 2px 10px 0 rgba(0,0,0,.4);box-shadow:0 2px 10px 0 rgba(0,0,0,.4);border-top:4px solid #cc3232}.btn-prijava{display:block;margin-top:10px;position:relative;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.hidden{display:none}.filter-date{font-weight:700;font-size:1.1rem}.filter-time{font-style:italic;font-size:.9rem}.filter-separator{font-weight:lighter;font-size:1.1rem}.flota{margin-bottom:60px}#car-add-icon{right:25px}#car-add-icon,#car-search-icon{position:fixed;bottom:35px;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}#car-search-icon{left:25px}#row-icons{z-index:1000;width:auto;height:auto;margin:0;position:fixed;right:32px;bottom:100px}#row-icons img{display:block;margin-bottom:15px}#row-icons img.hidden{-webkit-transform:translateX(280px);transform:translateX(280px)}@media only screen and (max-height:360px){#row-icons img{display:inline;margin-left:15px}}#row-icons img:first-child{-webkit-transition:transform .4s ease-in-out;transition:transform .4s ease-in-out}#row-icons img:nth-child(2){-webkit-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out}#row-icons img:nth-child(3){-webkit-transition:transform .6s ease-in-out;transition:transform .6s ease-in-out}#row-icons img:nth-child(4){-webkit-transition:transform .7s ease-in-out;transition:transform .7s ease-in-out}.transparent{opacity:.1}.car-name{display:block;font-weight:500;font-size:1.1rem}.car-plate{display:block;font-size:.8rem;font-weight:200}.car-status{height:36px;width:36px;border-radius:100%;margin:auto}.car-status p{margin:0;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:500;font-size:20px}.car-status.status-free{background-color:#2edb9b}.car-status.status-rent{background-color:#f40}.car-status.status-reserved{background-color:#fd0}.status-time span{display:block}.status-time .return-days{font-weight:600}.status-time .return-time{font-weight:300}.return-days-delay{color:red}.e-float-input{margin-bottom:10px!important}.e-control.e-btn{margin-top:10px!important}.vozilo-form{width:80%;margin:0 auto 0 auto}#event-add-icon{position:fixed;right:25px;bottom:35px;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.rezervacije-header{width:100%;border-bottom:1px solid grey}.rezervacije-header span{display:block;margin-bottom:5px;margin-left:20px}.rezervacije-header :first-child{font-weight:700;font-size:1.2rem}.rezervacije-header :nth-child(2){font-weight:400;font-size:.8rem}.rezervacije-polja-klijent span,.rezervacije-polja-povratak span,.rezervacije-polja-preuzimanje span{display:block}.event-status{height:36px;width:36px;border-radius:100%;margin:auto}.event-status p{margin:0;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-weight:500;font-size:20px}.event-status.status-finish{background-color:#cecece}.event-status.status-rent{background-color:#f40}.event-status.status-reservation{background-color:#fd0}.rezervacija-form{width:80%;margin:0 auto 0 auto}#categories-add-icon{position:fixed;right:25px;bottom:35px;-webkit-transition:opacity .3s ease-out;transition:opacity .3s ease-out}.kategorija-form{width:80%;margin:0 auto 0 auto}