html{font-size:62.5%}body{width:100%;padding:1rem;margin:0;background:#f5f5f4}*,:after,:before{font-family:Roboto,sans-serif;font-size:1.6rem;box-sizing:border-box;margin:0;padding:0;outline:none;border:none;font-weight:300}*,:after,:before,a,a:hover{text-decoration:none;color:#000}.container{max-width:150rem!important}.input-container{width:100%;position:relative}.input-container.input-auth{width:30rem;margin:1.5rem auto}.input-auth-input{width:100%;padding:1.5rem 0 1.5rem 2rem;background:#fff;border-radius:100rem}.input-auth-input::placeholder{opacity:0}.input-auth-input+label{position:absolute;top:1.5rem;left:2rem;transition:all .2s;pointer-events:none}.input-auth-input:focus+label{top:0;font-size:1.3rem}.input-auth-input:not(:placeholder-shown)+label{top:0;font-size:1.3rem}.error.auth{color:#c00;font-size:1.5rem;text-align:center;margin-top:0}.popup-background{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.4);z-index:110;display:none;justify-content:center;align-items:center}.popup-background.show{display:flex}.popup-container{padding:2.5rem 5rem;background:#fff;max-width:35rem;position:relative}.popup-container .close{position:absolute;right:0;top:0;width:3rem;height:3rem;font-size:2rem;line-height:3rem;cursor:pointer;text-align:center}.popup-container .message{font-size:1.8rem;font-weight:300;text-align:center;margin-bottom:1.5rem}.user-details-container{background:#fff;position:relative;padding:1.5rem 2.5rem}.user-details-container .close{position:absolute;right:0;top:0;width:3rem;height:3rem;font-size:2rem;line-height:3rem;cursor:pointer;text-align:center}.user-details-container .user-details-row{width:100%;margin-top:2rem;font-size:1.7rem;color:#444;font-weight:500}.user-details-container .user-details-row span{color:#000;font-size:1.8rem;font-weight:700}.button{background:radial-gradient(circle,#3f5dfd 0,#3750e3 100%);font-size:1.6rem;font-weight:300;letter-spacing:.12rem;text-transform:uppercase;color:#fff;padding:1rem 2.5rem;display:block;margin:auto;transition:all .2s}.button:focus{outline:none}.button:hover{transform:scale(1.02);box-shadow:0 0 1.2rem .9rem rgba(55,80,227,.12549019607843137)}.button:disabled,.button:disabled:hover{background:#f5f5f4}.button.popup{height:5rem;width:11rem;text-align:center;padding:0}.button.popup:disabled{background:radial-gradient(circle,#3f5dfd 0,#3750e3 100%)}.spinner-container{width:100%;height:100px;display:flex;justify-content:center;align-items:center}.lds-dual-ring{display:inline-block;height:80px;position:relative}.lds-dual-ring:after{content:" ";display:block;width:64px;height:64px;margin:8px;border-radius:50%;border-color:#3750e3 transparent;border-style:solid;border-width:6px;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loader,.loader:after,.loader:before{background:#fff;-webkit-animation:load1 1s ease-in-out infinite;animation:load1 1s ease-in-out infinite;width:1rem;height:2rem;color:#fff}.loader{color:#fff;text-indent:-9999em;margin:1.5rem auto;position:relative;font-size:11px;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation-delay:-.16s;animation-delay:-.16s}.loader:after,.loader:before{position:absolute;top:0;content:""}.loader:before{left:-1.5em;-webkit-animation-delay:-.32s;animation-delay:-.32s}.loader:after{left:1.5em}@-webkit-keyframes load1{0%,80%,to{box-shadow:0 0;height:2rem}40%{box-shadow:0 -1rem;height:3rem}}@keyframes load1{0%,80%,to{box-shadow:0 0;height:2rem}40%{box-shadow:0 -1rem;height:3rem}}.new-user{background:#f2f2f2;padding:.5rem}.new-user button{background:#00a1e4;color:#fff;font-size:1.8rem;text-transform:uppercase;padding:.5rem 1.5rem}.new-user button:hover{background:#18bbff;box-shadow:0 .5rem 1rem rgba(0,0,0,.16)}.errors_container{position:fixed;right:1.5rem;top:0;height:95vh;width:30rem;display:flex;flex-direction:column-reverse}.errors_container .error{width:100%;padding:1.5rem .5rem;background:#c00;margin-bottom:1rem;display:flex;justify-content:space-between;box-shadow:0 .2rem .7rem rgba(0,0,0,.35)}.errors_container .error .close{font-size:2.3rem;line-height:100%;color:#fff;width:3.4rem;cursor:pointer;display:flex;align-items:center}.errors_container .error .message{color:#fff;width:calc(100% - 3.4rem);font-weight:500}.icon{width:3rem;height:3rem;border-radius:.5rem;background:#f5f5f4;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.icon:hover{transform:scale(1.1)}.icon.cancel{position:absolute;left:-3.5rem;top:0;background:transparent}.icon.cancel img{filter:invert(0)}.icon.edit,.icon.save{background:#40c72a;box-shadow:0 .4rem 0 #257318}.icon.edit.active{background:#5fd94b;transform:scale(1.1)}.icon.delete{background:#ff4b4b;box-shadow:0 .4rem 0 #980000}.icon.password{background:#3750e3;box-shadow:0 .4rem 0 #0a1244}.icon.block{background:#ffac4b;box-shadow:0 .4rem 0 #b15f00}.icon.block.blocked{transform:translateY(.4rem);filter:grayscale(100%);box-shadow:none}.icon.block.blocked:hover{filter:grayscale(0)}.icon img{width:2.2rem;filter:invert(1)}.role-container{height:4rem;min-width:10rem;border-radius:1rem;display:inline-block;background:#f5f5f4;margin-right:.4rem;position:relative}.role-container .role-delete{position:absolute;left:.3rem;top:0;height:4rem;line-height:4rem;cursor:pointer;font-size:1.2rem;color:#c4c4c4}.role-container .role-delete:hover{color:#000}.role-container .role-name{line-height:4rem;text-align:center;font-size:1.5rem;font-weight:300}.pagination{width:100%;display:flex;justify-content:center;padding:1.5rem 0}.pagination li{min-width:2.6rem;margin:0 .2rem;text-align:center;font-weight:500}.pagination li.active{border-bottom:2px solid #3750e3}.pagination li a{font-weight:500}.pagination .next,.pagination .previous{margin:0 2rem}.pagination .next a,.pagination .previous a{font-size:1.2rem}.navigation{width:100%;height:7rem}.nav-logo{height:100%;display:flex;align-items:center}.nav-logo img{height:5rem}.nav-name{font-size:3.5rem;font-weight:100;line-height:7rem;margin-left:2rem}.nav-icon{width:3.5rem;height:3.5rem;border-radius:100rem;margin-left:1rem;cursor:pointer;display:flex;align-items:center}.nav-icon img{width:3.2rem}.admin-nav{margin-top:2rem}.nav-link{width:20rem;height:5rem;padding:1rem 2rem;display:block;color:#000;display:flex;align-items:center;font-size:1.7rem;margin-right:1rem;border-radius:100rem;font-weight:700}.nav-link:hover{background:rgba(55,80,227,.1)}.nav-link img{width:3rem;margin-right:1.6rem}.nav-link.active{background:radial-gradient(circle,#3f5dfd 0,#3750e3 100%);box-shadow:0 0 1.2rem .9rem rgba(55,80,227,.12549019607843137);color:#fff}.nav-link.active img{filter:invert(1)}.nav-user{display:flex;font-size:1.5rem;height:3.5rem;align-items:center;justify-content:space-between;background:#f5f5f4;padding:.5rem 1rem .5rem 1.5rem;min-width:14rem;border:1px solid #c4c4c4;text-decoration:none;border-radius:100rem}.nav-user img{width:2.5rem;margin-left:1.5rem}.clock{display:flex;margin-right:6rem;font-size:2rem}.auth-container{height:50vh}.auth-button{background:radial-gradient(circle,#3f5dfd 0,#3750e3 100%);font-size:1.6rem;font-weight:300;letter-spacing:.12rem;text-transform:uppercase;color:#fff;padding:1rem 2.5rem;border-radius:100rem;display:block;margin:auto;transition:all .2s}.auth-button:focus{outline:none}.auth-button:hover{transform:scale(1.03);box-shadow:0 0 1.2rem .9rem rgba(55,80,227,.12549019607843137)}.user-list{margin-top:.5rem}.user-list .head *{font-weight:500;font-size:1.4rem;color:#777;cursor:pointer;display:flex}.user-list .head * img{width:1rem;margin-left:.3rem;margin-top:.1rem}.user-list .head * img.DESC{transform:rotate(180deg)}.user-list .users{width:100%}.user-list .users .user{margin-top:1.5rem;box-shadow:0 .5rem .9rem 0 rgba(0,0,0,.1);padding:1rem 0;display:flex;align-items:center;background:#fff;transition:background .2s}.user-list .users .user.active{background:#eaedfc}.user-list .users .user:first-child{margin-top:1rem}.user-list .users .user:last-child{border-bottom:none}.user-list .users .user .icons{display:flex;justify-content:space-evenly;position:relative}.user-list .add-user{background:#f5f5f4;border-radius:1rem;width:9rem;height:4rem}.property{padding:.5rem .2rem;background:inherit;border-radius:1rem;width:calc(100% - .4rem);background:#fff}.property.capacity{width:4rem}.property.capacity:read-only{width:2.5rem;-moz-appearance:textfield}.property.capacity:read-only::-webkit-inner-spin-button,.property.capacity:read-only::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.property.empty{border:1px solid #f2de23}.icons,.name{width:13%}.email{width:20%}.username{width:11%}.roles{width:27%;display:flex;align-items:center}.info{width:3%;display:flex;justify-content:center}.info img{width:2rem;cursor:pointer;margin:auto}.name-long{width:25%}.street{width:17%}.number{width:10%}.city{width:18%}.country{width:17%}#dropdown-basic{background:#f5f5f4;border:#f5f5f4;font-size:2rem;height:2.5rem;line-height:2rem}.dropdown-item{font-size:1.7rem!important}.users-top-bar{width:100%;display:flex;justify-content:space-between;align-content:center;margin:2rem 0 1rem}.users-top-bar .new-user{display:inherit;align-items:center;justify-content:space-between;color:#fff;height:3.6rem;min-width:12rem;font-size:1.6rem;font-weight:500;padding:0 2rem 0 1rem;border-radius:100rem;background:radial-gradient(circle,#3f5dfd 0,#3750e3 100%);box-shadow:0 0 1.2rem .9rem rgba(55,80,227,.12549019607843137);transition:transform .2s}.users-top-bar .new-user:hover{transform:scale(1.05)}.users-top-bar .new-user img{width:1.5rem;margin-right:.5rem;margin-top:-.2rem}.users-top-bar .search-container{display:flex;border-radius:100rem;overflow:hidden}.users-top-bar .search-container input{width:20rem;background:#fff;padding:.5rem 1rem;font-size:1.6rem}.users-top-bar .search-container .loupe{width:3.5rem;background:#fff;display:flex;align-items:center}.users-top-bar .search-container .loupe img{width:2.1rem}.users-top-bar .search-container .search-category{height:100%;background:#fff;border:none;cursor:pointer;font-size:1.5rem;width:12rem}.gate-list{margin-top:.5rem}.gate-list .gate-head *{font-weight:500;font-size:1.4rem;color:#777}.gate-list .gates{width:100%}.gate{margin-top:1.5rem;box-shadow:0 .5rem .9rem 0 rgba(0,0,0,.1);padding:1rem 0;display:flex;align-items:center;background:#fff;transition:background .2s;position:relative;height:6rem}.gate.active{background:#eef0fd}.gate-icons{width:20%;display:flex;justify-content:space-evenly;position:relative}.gate-name{width:20%}.gate-capacity{justify-content:flex-start;width:20%}.gate-capacity,.gate-type{display:flex;align-items:center}.gate-type{width:40%}.container-list{margin-top:.5rem}.container-list .container-head *{font-weight:500;font-size:1.4rem;color:#777}.container-list .containers{width:100%}.container-row{margin-top:1.5rem;box-shadow:0 .5rem .9rem 0 rgba(0,0,0,.1);padding:1rem 0;display:flex;align-items:center;background:#fff;transition:background .2s;position:relative}.container-row.active{background:#eef0fd}.container-icons{width:20%;display:flex;justify-content:space-evenly;position:relative}.container-name{width:30%}.container-loading{width:50%;display:flex;align-items:center;justify-content:flex-start}