html,body{height:100%;width:100%}app-root{height:100%;display:flex;flex-direction:column}body{margin:0!important}html{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif;font-size:16px}.flex-container{display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}app-generator{width:100%;display:flex;justify-content:center}app-admin{width:100%;display:flex;justify-content:center}app-location-management{width:100%;display:flex;justify-content:center}app-signature-management{width:100%;display:flex;justify-content:center}.grow-capped{flex-grow:1;border:1px solid #ccc;border-radius:5px;padding:2rem;max-width:1000px;box-shadow:0 2px 4px #0000001a}.grow{flex-grow:1;border:1px solid #ccc;border-radius:5px;padding:2rem;box-shadow:0 2px 4px #0000001a}.grow:nth-child(odd){margin-right:1rem}.create-form{display:flex;justify-content:start;align-items:center;flex-wrap:wrap;margin-top:1rem}.component-header{font-size:1.5rem;font-weight:600}.component-subheader{font-size:1rem;margin-top:1rem;color:#666}table{width:100%;border-collapse:collapse;table-layout:fixed}th{text-align:start;background-color:#f2f2f2;border:1px solid #ddd;padding:.5rem}td{border:1px solid #ddd;padding:.5rem;white-space:nowrap;overflow:hidden}.btn-margin-top{margin-top:1.8rem}.margin-right{margin-right:1rem}.flex-end{display:flex;justify-content:flex-end}.btn-confirm{padding:.6rem;background-color:green;color:#fff;border:none;border-radius:5px;font-size:1rem}.btn-confirm:hover{background-color:#006400;cursor:pointer}.btn-confirm:disabled{background-color:#ccc;cursor:not-allowed}.btn-cancel{padding:.6rem;background-color:red;color:#fff;border:none;border-radius:5px;font-size:1rem}.btn-cancel:hover{background-color:#8b0000;cursor:pointer}.btn-edit{padding:.6rem;background-color:#00f;color:#fff;border:none;border-radius:5px;font-size:1rem}.btn-edit:hover{background-color:#00008b;cursor:pointer}.btn-margin-right{margin-right:1rem}.text-input-label{font-size:1.2rem;font-weight:500;color:#000}.text-input{padding:.5rem;font-size:1rem;box-sizing:border-box;width:100%;border:2px solid #000;border-radius:.5rem;margin-top:.5rem;white-space:nowrap;overflow:hidden}.image-input{padding:.5rem;font-size:1rem;box-sizing:border-box;width:100%;margin-top:.5rem;white-space:nowrap;overflow:hidden}.text-input:focus{white-space:nowrap;overflow:hidden;outline:none;border:2px solid #007bff;box-shadow:0 0 0 .2rem #007bff40}.text-input-note{font-size:.8rem;color:#666;margin-top:.5rem}.clickable{cursor:pointer}.dropdown-label{font-size:1.2rem;font-weight:500;color:#000}.dropdown-input{padding:.5rem;font-size:1rem;border:2px solid #000;border-radius:.5rem;margin-top:.5rem;width:214px}.dropdown-input:focus{outline:none;border:2px solid #007bff;box-shadow:0 0 0 .2rem #007bff40}.input-group{margin-top:1rem;margin-right:1rem}.switch{position:relative;display:inline-block;width:60px;height:34px;margin-top:.7rem}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;-webkit-transition:.4s;transition:.4s;border-radius:17px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;-webkit-transition:.4s;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ac1b3d}input:checked+.slider:before{-webkit-transform:translateX(26px);-ms-transform:translateX(26px);transform:translate(26px)}.caplugs-test{color:#a31b2a}.alert{color:#856404;background-color:#fff3cd;border-color:#ffeeba;font-size:20px;font-weight:700;text-align:center;margin-top:20px;margin-bottom:20px;display:block;width:100%;padding:10px;border-radius:5px}.light-italics{font-style:italic;color:#666}.loader{margin-left:1rem;margin-bottom:3rem;width:48px;height:48px;border:5px solid #aaa;border-radius:50%;display:inline-block;position:relative;box-sizing:border-box;animation:rotation 1s linear infinite}.loader:after{content:"";box-sizing:border-box;position:absolute;left:0;top:0;background:#ac1b3d;width:24px;height:24px;transform:translate(-50%,50%);border-radius:50%}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.center-loader{margin-top:20%;text-align:center}.danger-alert{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb;font-size:20px;font-weight:700;text-align:center;margin-top:20px;margin-bottom:20px;display:block;width:100%;padding:10px;border-radius:5px}
