.user-list{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;height:clamp(100px,100%,80vh);overflow:hidden;background:#fff;border-radius:var(--standard-border-radius);-webkit-box-shadow:0 2px 2px rgba(0,0,0,.25);box-shadow:0 2px 2px rgba(0,0,0,.25)}.user-list .headings{display:none}.user-list .list-wrapper{overflow:auto;max-height:calc(80vh - 110px)}.user-list ul{padding:12px 0 0 0;list-style-type:none}.user-list ul li{margin:8px 20px;border-bottom:1px solid var(--charcoal-20);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:500}.user-list ul li .content-wrapper .main-info{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.user-list ul li .content-wrapper .main-info .name{margin-bottom:8px}.user-list ul li .actions{width:170px}.user-list .list-footer,.user-list ul li .actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.user-list .list-footer{-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:18px 20px;border-top:1px solid var(--charcoal-20)}.user-list .list-footer p{margin-bottom:0}@media screen and (min-width:768px){.user-list{max-width:800px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.user-list,.user-list .headings{display:-webkit-box;display:-ms-flexbox;display:flex}.user-list .headings{border-bottom:1px solid var(--charcoal-20);padding:14px 20px}.user-list .headings,.user-list .main-headings{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.user-list .main-headings{display:grid;grid-template-columns:minmax(auto,75%) auto}.user-list .main-headings .heading{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;gap:8px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-list .main-headings .heading h3{color:var(--charcoal-75);margin-bottom:0}.user-list .main-headings .heading-user{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.user-list .main-headings .heading-status{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.user-list .heading-actions{width:170px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.user-list ul li .content-wrapper{display:grid;grid-template-columns:minmax(auto,75%) auto;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.user-list ul li .content-wrapper .status-info{width:120px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}}@-webkit-keyframes dropIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:.6}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes dropIn{0%{-webkit-transform:translateY(-100px);transform:translateY(-100px);opacity:.6}to{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}.v--modal-box.v--modal{-webkit-animation:dropIn .4s ease;animation:dropIn .4s ease}.v--modal-overlay .v--modal-background-click{overflow:auto}#add-user{padding:30px 25px 25px 25px}#add-user h2{margin-bottom:0}#add-user form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}#add-user form .error-text{color:#cd4b3d}#add-user form .succes{color:#28a745}#add-user .footer{margin-top:30px;display:-webkit-box;display:-ms-flexbox;display:flex}#add-user .footer .btn-primary{margin-right:15px}#users{padding-top:103px}@media screen and (min-width:920px){#users{display:grid;grid-template-columns:3fr 7fr;gap:42px;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}#users .user-list-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}}