.side-bar{width:14.5rem;height:100%;padding:0;background-color:var(--vd-sidebar-bg-color);transition:all .5s ease;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24);display:flex;flex-direction:column}.spacer{flex-grow:1}.collapse-wrapper{position:relative;display:flex;height:2.5rem}.collapse__button{position:absolute;top:50%;right:.75rem;transform:translateY(-50%);background-color:transparent;border:none;cursor:pointer}.collapse__icon{font-size:1.25rem;color:var(--vd-medium-emphasis)}.features-list{margin:0;padding:0 0 1rem;list-style:none}.with-separator{border-bottom:1px solid var(--vd-sidebar-border-color)}.pt-4{padding-top:1rem}.features-item{display:flex;align-items:center;position:relative;padding:1.1rem .9rem;color:var(--vd-medium-emphasis);cursor:pointer;transition:.5s}.features-item:hover,.router-link-active .features-item{color:var(--vd-high-emphasis);transition:.5s ease}.router-link-active .features-item{border-left:6px solid #16a260;background-color:rgba(22,162,96,.3);font-weight:700}.features-item:hover{background-color:rgba(22,162,96,.15)}.features-item i{font-size:1.25rem}.features-item-text{margin-left:1.5rem;transition:opacity .2s ease;opacity:1}.user-actions{padding:1rem .75rem}.logout-icon{font-size:1.25rem;transition:all .5s ease}.logout-text{margin-left:1.1rem;white-space:nowrap;transition:all .2s ease-out}.side-bar.collapse{width:3.1rem}.side-bar.collapse .category-item-number,.side-bar.collapse .collapse,.side-bar.collapse .features-item-text{opacity:0;pointer-events:none}.side-bar.collapse .logout-text{opacity:0;width:0;margin:0}.side-bar.collapse .collapse__button{right:.5rem}.side-bar.collapse .user-actions{padding:1.6rem .5rem}:root{--vd-background-color:#e6e6e6;--vd-sidebar-bg-color:#fff;--vd-sidebar-border-color:rgba(0, 0, 0, 0.15);--vd-high-emphasis:rgba(0, 0, 0, 0.87);--vd-medium-emphasis:rgba(0, 0, 0, 0.6);--vd-disabled:rgba(0, 0, 0, 0.4);--vd-radius:4px}#app,body,html{height:100%}body{margin:0;padding:0;background:var(--vd-background-color);color:var(--high-emphasis);font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none}h1,h2,h3,h4,h5,h6{margin:0}#app{display:flex}#app .wrapper{flex-grow:1;padding:1rem}.button{border-radius:var(--vd-radius);text-transform:uppercase;background-color:#328f8a;background-image:linear-gradient(45deg,#328f8a,#08ac4b);color:#fff;border:0;padding:.5rem;font-size:.75rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.button.full-width{width:100%;padding:.9375rem 0;font-size:.875rem}.table{margin-top:.5rem;margin-bottom:1rem;background-color:#fff;border-radius:var(--vd-radius);display:flex;flex-direction:column;font-size:14px}.table a{color:var(--vd-high-emphasis)}.table-actions{display:flex;justify-content:end}.header{font-weight:700}.header,.row{display:flex;border-bottom:1px solid #dfdfdf}.header>div,.row>div{padding:.875rem .5rem}.column-email,.column-id{width:5%}.column-cell,.column-city,.column-country,.column-firstname,.column-name,.column-phone,.column-title{width:12.85%}.mail-icon{font-size:1.25rem}.login-page{height:100%;width:100%;display:flex;justify-content:center;align-items:center}.form{border-radius:var(--vd-radius);background:#fff;max-width:360px;padding:45px;text-align:center;box-shadow:0 0 20px 0 rgba(0,0,0,.2),0 5px 5px 0 rgba(0,0,0,.24)}.form h3{margin-top:0}.form input{border-radius:var(--vd-radius);outline:0;background:#f2f2f2;width:100%;border:0;margin:0 0 15px;padding:15px;box-sizing:border-box;font-size:14px}.error-msg{font-size:12px;color:red}