*,html{margin:0;padding:0;font-family:Graphik,sans-serif}body{background-color:#fff}.error-message{font-size:12px;color:red}.container{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.container .title{position:absolute;text-align:center;top:10%;font-style:normal;font-weight:700;font-size:28px;line-height:73px}.container .title-small{position:absolute;top:24px;left:20px}.container .title-small h1{color:#505d68;font-size:16px}.container .actions{display:flex;flex-direction:column;justify-content:center;align-items:center}.container .actions button{height:40px;margin:20px;width:290px;color:#fff;border:none;border-radius:4px;background-color:#7500c0;cursor:pointer}.container .actions button:disabled{background-color:#a1a1a1}.container form label{text-align:left;max-width:90%;width:290px}.container form img{position:absolute;z-index:1;width:24px;padding:8px}.container form .label-right{cursor:pointer;transform:translateX(-40px)}.container form .locker{width:24px;padding:7px 8px}.container form label{font-style:normal;font-weight:500;font-size:16px;line-height:18px}.container form input,.container form select{z-index:0;background-color:#f8fafc;box-sizing:border-box;border-radius:4px;border:1px solid #ccc;height:40px;padding:5px 5px 5px 35px;width:290px;margin-bottom:16px;font-size:14px}.container form input::-moz-placeholder{color:#949ea3}.container form input::placeholder{color:#949ea3}.spinner:before{margin-left:15px;content:"";border-radius:50%;border:3px solid #fff;border-top-color:#000;animation:spinner .8s linear infinite}.spinner{color:#ed000000!important}@keyframes spinner{to{transform:rotate(1turn)}}.waiting{margin:15px auto;display:flex}.waiting,.waiting:before{width:50px;height:50px}.statusDiv{width:100vw}.statusDiv h2{margin:10px 0 40px 20px}.statusDiv .findClient{width:90%;height:40px;margin:10px auto}.statusDiv .findClient div,.statusDiv .findClient input{width:100%}.statusDiv .findClient img{position:absolute;z-index:1;width:24px;padding:8px}.statusDiv .findClient input,.statusDiv .findClient select{z-index:0;background-color:#f8fafc;box-sizing:border-box;border-radius:4px;border:1px solid #ccc;height:40px;padding:5px 5px 5px 35px;margin-bottom:16px;font-size:14px}.statusDiv .findClient .label-right{cursor:pointer;transform:translateX(-40px)}.statusDiv .findClient label{text-align:left;max-width:90%;font-style:normal;font-weight:500;font-size:16px;line-height:18px;margin-bottom:8px}.statusDiv .clientList{max-width:90%;list-style-type:none;margin:0 auto}.statusDiv .clientList li{border-top:1px solid #c2d1d9;position:relative;margin-bottom:0}.statusDiv .clientList li .card{display:flex;justify-content:space-between;align-items:center;z-index:1;margin-top:10px;margin-bottom:10px}.statusDiv .clientList li .card .status{text-align:left;color:#7500c0;align-items:flex-start}.statusDiv .clientList li .card .name{text-align:center;font-weight:500;margin-bottom:10px;font-size:16px}.statusDiv .clientList li .card .pid{text-align:center;font-weight:400;font-size:16px}.statusDiv .clientList li .card .userDetail{text-align:center}.statusDiv .clientList li .card button{align-items:flex-end;border:none;background-color:#fff}.statusDiv .clientList li .card .rotateImg{transform:rotate(180deg);animation:rotate180 .5s}.statusDiv .clientList li .card .rotateImgReverse{transform:rotate(0deg);animation:rotate180Reverse .5s}.statusDiv .clientList li .dropdown{display:none;z-index:0;position:relative;animation:2s;opacity:1;animation:fadeIn .5s;animation-direction:alternate;overflow-y:hidden;text-align:left}.statusDiv .clientList li .dropdown .d-actions{display:flex;justify-content:space-between;margin-bottom:10px;margin-top:20px}.statusDiv .clientList li .dropdown .d-actions button{background-color:#fff;color:#7500c0;width:98px;height:30px;border:1px solid #7500c0;box-sizing:border-box;border-radius:6px;cursor:pointer}.statusDiv .clientList li .dropdown .d-actions .report{display:flex;justify-content:space-around;align-items:center;background-color:#7500c0;color:#fff;cursor:pointer}@keyframes fadeIn{0%{top:-20px;height:0}to{top:0;height:70px}}.statusDiv .clientList li .fadeOut{animation:fadeOut .5s;display:none}@keyframes fadeOut{0%{top:0;height:70px}to{top:-20px;height:0}}@keyframes rotate180{0%{transform:rotate(0deg)}to{transform:rotate(180deg)}}@keyframes rotate180Reverse{0%{transform:rotate(180deg)}to{transform:rotate(0deg)}}.popup{z-index:1;position:fixed;display:flex;justify-content:center;align-items:center}.popup,.popup .exit{width:100vw;height:100vh;top:0;left:0}.popup .exit{position:absolute;background-color:#f5f5f5cc}.popup .content{border-radius:8px;box-sizing:border-box;padding:20px;width:90vw;position:absolute;background-color:#fff;text-align:center}.popup .content h2{font-weight:700;font-size:24px;line-height:26px;color:#000;margin-bottom:0}.popup .content .details .user{width:200px;margin:58px auto 8px;font-weight:500;font-size:18px}.popup .content .details .statusP,.popup .content .details .user{line-height:24px;display:flex;align-items:center;justify-content:space-around}.popup .content .details .statusP{margin-bottom:36px;font-weight:400;font-size:16px}.popup .content .details .statusP span{color:#7500c0;font-weight:500}.popup .content .details .message{margin-top:30px;margin-bottom:30px}.popup .content .details .input{display:flex;flex-direction:column;justify-content:center;align-items:center}.popup .content .details .input label{font-weight:500;font-size:16px;line-height:24px}.popup .content .details .input input{padding:0 12px;width:275px;height:40px;background:#f8fafc;border:1px solid #e2e8f0;box-sizing:border-box;border-radius:4px;margin:6px 0 58px}.popup .content .details .actions{width:100%;display:flex;justify-content:space-around;align-items:center}.popup .content .details .actions button{width:128px;height:44px;border-radius:6px;font-size:16px}.popup .content .details .actions button:disabled{background-color:#fff}.popup .content .details .actions .cancel{border:1px solid #7500c0;color:#7500c0;background-color:#fff}.popup .content .details .actions .done{border:1px solid #7500c0;color:#fff;background-color:#7500c0}.button-spinner:before{margin-left:10px;content:"";box-sizing:border-box;position:absolute;width:20px;height:20px;border-radius:50%;border:3px solid #fff;border-top-color:#000;animation:spinner .8s linear infinite}.button-spinner{color:#ed000000!important}@keyframes button-spinner{to{transform:rotate(1turn)}}