:root{--bg-color: #f1eded;--main-color: #2980b9;--main-color-light: #2980b920;--border-color: #f1eded;--second-color: #f0f0f0;--font-color: #111;--item-color: #c6c6c6}body{background:var(--bg-color);transition:.4s;color:var(--font-color);-webkit-overflow-scrolling:touch;min-width:320px}*{padding:0;margin:0;font-family:Helvetica;font-size:13px;font-weight:400;color:var(--font-color)}sup{font-size:8px}.container{max-width:2048px;margin-left:auto;margin-right:auto}.list{background-color:var(--second-color);padding:16px;border-radius:12px}.form-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:32px;background-color:#fff!important;padding:32px 16px;border-radius:12px;border:1px solid var(--border-color)}.form-group.has-errors input.ng-invalid,.form-group.has-errors textarea.ng-invalid{border-color:#c94d4f!important;background-color:#c94d4f20!important}.form-group.has-errors input.ng-invalid::placeholder{color:#c94d4f!important;opacity:.7}.form-group.has-errors .input-group:has(input.ng-invalid) label{color:#c94d4f}small{color:#c94d4f;font-size:12px}.input-group{display:flex;flex-direction:column;gap:2px;margin-top:16px}label{font-weight:700;position:relative}label.required:after{position:absolute;content:"*";color:#c94d4f;margin-left:4px}.filter-search{box-sizing:border-box;padding-left:24px;background:#fff url(search.502e7266b58d0b42.svg) no-repeat 12px center;background-size:12px;border-radius:10px;border:1px solid var(--border-color)}.filter-search input{width:100%;border:none;background:transparent}.filters{margin-top:16px;display:flex;flex-wrap:wrap;gap:16px}.filters>*{min-width:220px;flex:1}input,textarea{height:40px;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;padding:0 8px;background-color:#fff}textarea{min-height:240px;resize:vertical;line-height:16px;padding:12px 8px;text-indent:0}input::placeholder{color:#c6c6c6;font-weight:400}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:focus-visible,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,select:-webkit-autofill,select:-webkit-autofill:hover,select:-webkit-autofill:focus{-webkit-text-fill-color:#2c3e50;-webkit-box-shadow:0 0 0px 1000px #ffffff inset;outline:none!important}input:-webkit-autofill,input::selection:-webkit-autofill{outline:none!important;color:#fff!important}::-webkit-scrollbar,*::-webkit-scrollbar{display:none;color:transparent;height:0;opacity:0}textarea:focus,input:focus,select:focus,input:-internal-autofill-selected,input:focus-visible{outline:var(--main-color-light)!important;background-color:#fff!important}select{-webkit-appearance:none!important;background:#fff url(arrow-down.2ebecf5495a95964.svg) no-repeat calc(100% - 12px) center;background-size:11px;cursor:pointer;height:40px;border:1px solid var(--border-color);border-radius:10px;box-sizing:border-box;padding-left:16px;padding-right:32px;min-width:160px}.form-group input:focus{border:1px solid var(--main-color)!important;background-color:var(--main-color-light)!important}.form-group .input-group{margin:0!important}input:disabled,select:disabled{opacity:.5;pointer-events:none;-webkit-user-select:none!important;user-select:none!important}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input.ng-invalid.ng-touched,textarea.ng-invalid.ng-touched{border-color:#c94d4f!important;background-color:#c94d4f20!important}input.ng-invalid.ng-touched::placeholder{color:#c94d4f90}.input-group:has(input.ng-invalid.ng-touched) label,.input-group:has(textarea.ng-invalid.ng-touched) label{color:#c94d4f}.component-title h1,.component-title h1 span{font-size:22px;font-weight:700;color:#111}.sub-title{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:16px;min-height:40px}.sub-title h3{font-weight:700;font-size:14px}.btns-group{width:-moz-fit-content;width:fit-content;box-sizing:border-box;padding:3px;margin-top:16px;background-color:var(--second-color);border-radius:18px;display:flex;flex-wrap:wrap;gap:4px;margin-bottom:32px}.btn{width:-moz-fit-content;width:fit-content;height:32px;box-sizing:border-box;padding:4px 12px;border:none;border-radius:16px;font-weight:700;cursor:pointer;text-transform:uppercase;font-size:12px;transition:.2s;border-right:none;opacity:.8;position:relative;color:#111;background-color:#f0f0f0}.btn span{font-weight:700;font-size:12px;color:#111}.btn:hover{opacity:1;background-color:#fff}.back-btn,.save-btn,.suspend-btn,.activate-btn,.add-btn{padding-left:32px}.back-btn:after{content:"";position:absolute;width:24px;height:32px;left:4px;top:0;background:transparent url(arrow-left.639f8038316132a2.svg) no-repeat center center;background-size:12px}.save-btn:after{content:"";position:absolute;width:24px;height:32px;left:4px;top:0;background:transparent url(tick-circle.5a6deffdee139a3e.svg) no-repeat center center;background-size:12px}.suspend-btn:after{content:"";position:absolute;width:24px;height:32px;left:4px;top:0;background:transparent url(cross.7a8af1b67eef72f5.svg) no-repeat center center;background-size:10px}.activate-btn:after{content:"";position:absolute;width:24px;height:32px;left:4px;top:0;background:transparent url(undo.48678c53a7b95281.svg) no-repeat center center;background-size:10px}.add-btn:after{content:"";position:absolute;width:24px;height:32px;left:4px;top:0;background:transparent url(plus.e0dbb9b43afe2ebd.svg) no-repeat center center;background-size:10px}.controls{display:flex;align-items:center;justify-content:flex-end;gap:32px;flex-wrap:wrap}.checkbox-container{height:24px;position:relative;display:flex;align-items:center;gap:16px;box-sizing:border-box;-webkit-user-select:none;user-select:none;padding-left:28px;line-height:25px;cursor:pointer;text-indent:8px;font-weight:400}.checkbox-container:hover{color:var(--main-color)}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:0;left:0;height:24px;width:24px;background-color:#fff;border-radius:6px;box-sizing:border-box;border:1px solid var(--border-color);transition:.2s}.checkbox-container:hover input~.checkmark{background-color:var(--main-color-light);border:1px solid var(--main-color)}.checkbox-container input:checked~.checkmark{border:1px solid var(--main-color)}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{left:8px;top:4px;width:5px;height:10px;border:solid var(--main-color);border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-in-form{display:flex;flex-direction:column;justify-content:flex-end}.checkbox-in-form label{margin-bottom:8px}.grid-item{background-color:#fff;border:1px solid var(--border-color);box-sizing:border-box;padding:16px;border-radius:12px;min-height:40px;cursor:pointer;position:relative;opacity:.9}.grid-item:hover{border:1px solid var(--main-color);background-color:var(--main-color-light)}.row{display:grid;gap:8px;box-sizing:border-box}.row.head .column{font-weight:700;color:#6b6b6b}.row-item{background-color:#fff;border:1px solid transparent;padding:4px 0;min-height:32px;border-radius:8px;cursor:pointer;transition:.2s;margin-top:8px}.row-item span{font-weight:400;opacity:.9}.row-item:hover{background-color:var(--main-color-light)}.row-item:hover .column{color:var(--main-color)}.column{font-weight:400;opacity:.9;padding-left:4px;padding-right:4px;display:flex;flex-direction:column;justify-content:center;gap:4px}.name{font-weight:700;padding-bottom:16px;font-size:16px;color:var(--main-color)}.address{margin-top:6px;padding-left:16px;background:transparent url(location-pin.bba3582bfc2e1a72.svg) no-repeat left 1px;background-size:10px;text-transform:capitalize}.phone{margin-top:6px;padding-left:16px;background:transparent url(phone.a7a5e51e8cec65dc.svg) no-repeat left center;background-size:10px}.email{margin-top:6px;padding-left:16px;background:transparent url(email.87daa26036fa7ade.svg) no-repeat left center;background-size:10px}.role{margin-top:6px;padding-left:16px;background:transparent url(user-rounded.a99925689f36869f.svg) no-repeat left center;background-size:10px}.id-serial{margin-top:6px;padding-left:16px;background:transparent url(id.f837dc5a0a3e5382.svg) no-repeat left center;background-size:10px}.empty-message{width:-moz-fit-content;width:fit-content;box-sizing:border-box;padding:16px 0;margin-top:16px;border-radius:4px;-webkit-user-select:none;user-select:none;pointer-events:none}.empty-message.center{display:flex;width:100%;height:50%;align-items:center;justify-content:center}.empty-message p{color:var(--main-color)}.small-search{background:#fff url(filter.cd42a07c9f2b31c0.svg) no-repeat 8px center;background-size:12px;height:24px;border-radius:6px;border:1px solid var(--border-color);margin-left:auto;padding-left:22px;box-sizing:border-box}.small-search input{max-width:128px;background-color:transparent;height:100%;border-radius:0;border:none}.small-search:has(input:focus),.small-search:has(input:hover){border:1px solid var(--main-color)!important}.small-search input:focus{background-color:transparent!important}.skeleton{background:linear-gradient(110deg,#fff 8%,#ececec 18%,#fff 33%);border-radius:12px;background-size:200% 100%;height:12px;background-color:#fff;padding:4px 0;animation:1s skeleton-shine linear infinite;box-sizing:border-box}.search-bar{width:50%;max-width:440px;box-sizing:border-box;background-color:#fff;border-radius:20px}.search-bar input{border:none;width:100%;background:transparent url(search.502e7266b58d0b42.svg) no-repeat 20px center;background-size:16px;text-indent:36px;border-radius:20px!important}div:where(.swal2-container) div:where(.swal2-popup){border-radius:20px!important}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm),div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){height:36px;min-width:100px;background-color:var(--main-color)!important;font-weight:700!important;border-radius:20px!important}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel){background-color:#fff!important;color:var(--main-color)!important;border:1px solid var(--main-color)!important}div:where(.swal2-container) .swal2-input{border-radius:12px}div:where(.swal2-container) input:where(.swal2-input):focus,div:where(.swal2-container) input:where(.swal2-file):focus,div:where(.swal2-container) textarea:where(.swal2-textarea):focus{box-shadow:none!important}div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible{box-shadow:none!important}.print-small{background-color:#fff;cursor:pointer;width:70px;height:30px;color:var(--main-color);border-radius:6px;border:1px solid var(--main-color);box-sizing:border-box;pointer-events:visible}.print-small:hover{background-color:var(--main-color);color:#fff}@keyframes skeleton-shine{to{background-position-x:-200%}}@media screen and (max-width: 720px){.btns-group{gap:8px}.row{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))!important}}