.wrap{display:flex;justify-content:center}.wrapper{max-width:550px;width:100%;height:1850px;padding:15px;margin-top:30px;border:1px solid grey;box-shadow:20px -15px 10px 5px rgba(0,0,0,.2);border-radius:10px;background:#f5f5f5 radial-gradient(circle at 50% 0,hsla(0,0%,100%,.65),hsla(0,0%,100%,.35))}.client{margin-top:50px}.error{color:red;margin:7px 0 0 20px;font-size:14px}.errorBox{border:1px solid red}.successBox{border:1px solid green}.info{display:flex;padding-left:25px;margin-top:10px}.post__btns{display:flex;justify-content:space-around;margin-top:20px}.clientName{justify-content:center;color:#000}.clientName,.text-field{margin-top:30px;display:flex}.text-field{flex-wrap:wrap;margin-bottom:1rem}.text-field__label{display:block;margin-bottom:.25rem}.text-field__input{display:block;width:50%;height:calc(2.25rem + 2px);padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.text-field__input:focus{color:#212529;background-color:#fff;border-color:#bdbdbd;outline:0;box-shadow:0 0 0 .2rem hsla(0,0%,62%,.25)}select option{color:#000}.text-field__select{display:block;width:50%;padding:.375rem .75rem;font-family:inherit;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;background-clip:padding-box;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.checkbox{position:absolute;z-index:-1;opacity:0;margin:10px 0 0 20px}.checkbox+label{position:relative;padding:0 0 0 60px;cursor:pointer}.checkbox+label:before{content:"";position:absolute;top:-4px;left:0;width:50px;height:26px;border-radius:13px;background:#cdd1da;box-shadow:inset 0 2px 3px rgba(0,0,0,.2);transition:.2s}.checkbox+label:after{content:"";position:absolute;top:-2px;left:2px;width:22px;height:22px;border-radius:10px;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.3);transition:.2s}.checkbox:checked+label:before{background:#9fd468}.checkbox:checked+label:after{left:26px}.checkbox:focus+label:before{box-shadow:inset 0 2px 3px rgba(0,0,0,.2),0 0 0 3px rgba(255,255,0,.7)}.text{color:#212529}.paragraph{margin-top:40px;font-weight:700}.successSave{margin:10px 0 0 76px;color:#9fd468}.errorSave{margin:10px 0 0 20px;color:red}.btn{padding:10px 15px;border:1px solid teal;text-align:center;cursor:pointer}.btn:hover{background-color:plum;color:#fff}.wrapper__card{max-width:550px;height:600px;padding:15px;margin-top:30px;border:1px solid grey;box-shadow:20px -15px 10px 5px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;border-radius:10px;background:#f5f5f5 radial-gradient(circle at 50% 0,hsla(0,0%,100%,.65),hsla(0,0%,100%,.35))}.client{border:0;text-align:start;border-left:1px solid #d3d3d3;line-height:1.5}.client,.id{color:#000}.info__card{display:flex;padding-left:25px;margin-top:10px}.inputText{border:0;padding-left:9px;min-width:169px;cursor:default}.open__btns{display:flex;justify-content:space-between;min-width:300px}.textArea{resize:none;padding-left:9px;padding-top:5px;border:0}.clientName__card{display:flex;justify-content:center}.onEdit{border:1px solid #000}.disableButton{display:none}.wrap__list{max-width:850px;width:100%}.clientList{margin:0 auto;margin-top:140px}.actions{width:55px;display:flex;justify-content:space-between}.action{cursor:pointer}.resp-tab{border-radius:5px;font-weight:400;border:none;border-collapse:collapse;width:100%;max-width:100%;color:#000}.resp-tab td,.resp-tab th{padding:10px 20px;font-size:13px;border:none;font-family:Verdana,sans-serif;border:1px solid #337ab7;vertical-align:top}.resp-tab th{background:#337ab7;font-weight:700;border:1px solid #1a4a73;text-transform:uppercase;text-align:center}.resp-tab tr:nth-child(2n){background:#edf7ff}.resp-tab td span{background:#337ab7;color:#000;display:none;font-size:11px;font-weight:700;font-family:Verdana,sans-serif;text-transform:uppercase;padding:5px 10px;position:absolute;top:0;left:0}@media(max-width:768px){.resp-tab thead{display:none}.resp-tab tr{display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:30px}.resp-tab td{margin:0 -1px -1px 0;padding-top:35px;position:relative;width:50%}.resp-tab td span{display:block}}@media(max-width:480px){.resp-tab td{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-size:16px;color:#f5f5f5;background:#f5f5f5}.wrap[data-v-874792f0]{padding:20px;color:#f5f5f5;display:flex;flex-direction:column;align-items:center}.emptyClients[data-v-874792f0]{margin-top:40px;color:#000}.main[data-v-874792f0]{margin-top:30px}