.container{display:flex;flex-direction:column;margin:50px auto auto;background:#fff;padding-bottom:30px}.header{display:felx;flex-direction:column;align-items:center;gap:0px;width:61px;margin-top:2px}.underline{width:100px;height:9px;background:#dcdcdc;border-radius:9px;margin:auto}.text{color:#797979;font-size:48px;font-weight:700}.inputs{margin-top:25px;display:flex;flex-direction:column;gap:10px}.input{display:flex;align-items:center;margin:auto;width:480px;height:80;background:#eaeaea;border-radius:6px}.dtp{display:flex;flex-direction:column;align-items:center;margin:auto;width:480px;height:80;font-size:100px;background:#eaeaea;border-radius:6px}.input img{margin:0 10px}.input input{height:30px;width:300px;background:transparent;border:none;outline:none;color:#797979;font-size:19px}.message{display:felx;flex-direction:column;align-items:center;justify-content:center;color:#797979;gap:9px;width:auto;margin:auto;text-decoration:underline}.submit-container{display:flex;gap:10px;margin:30px auto}.submit,.submit button{display:flex;justify-content:center;align-items:center;width:220px;height:59px;color:#fff;background:#797979;border-radius:50PX;font-size:19px;font-weight:700;cursor:pointer}.page{display:contents;flex-direction:column;justify-content:center;height:60%;background-color:#faf9f6;margin-top:10rem}.container{display:flex;flex-direction:column;margin:50px auto auto;background:#fff;padding-bottom:10px}.group-container{display:flex;align-items:center;gap:10px}.link-cell{cursor:pointer;color:#0d6efd;text-decoration:underline}.link-cell:hover{color:#084298}.link{margin-top:1rem;border:none;background-color:#1d4ed8;color:#fff;padding:.5rem 1rem;border-radius:10px;cursor:pointer;box-shadow:0 5px 5px #ccc;display:block;margin:0 auto}.btn{margin:0;border:1px;padding-top:0;border-color:#000;background-color:#dcdcdc;border-radius:10px;cursor:pointer;box-shadow:0 5px 5px #ccc;height:20px;font-size:15px;color:#df4759}.submitbtn{margin:0;border:1px;padding-top:0;border-color:#000;background-color:#dcdcdc;border-radius:10px;cursor:pointer;box-shadow:0 5px 5px #ccc;height:20px;font-size:15px;color:#00f}.sameline{display:flex;justify-content:center;align-items:center}.labelhead{text-align:left;font-size:30px}.readonly{color:green}.mandatory{color:red}.underline{text-decoration:underline!important;background:transparent!important}.hyperlink{color:#00f}.input{width:100%;background:#f5f5f5;outline:none;border:1px}.table{width:100%;border-radius:10px}.percentage-table{width:100%;border-collapse:collapse;border:1px solid #ccc;margin-bottom:10px}.percentage-table th,.percentage-table td{border:1px solid #ccc}.scrollable-table tr:hover{background-color:#e0f0ff}.active-row{background-color:#cfe3ff}.modaltable-container{max-height:80vh;overflow:auto;overflow-y:auto}.scrollable-table{border-collapse:collapse;width:100%}.scrollable-table th,.scrollable-table td{padding:2px 3px;border:1px solid #ddd;height:10px}.scrollable-table tbody tr.active-row{background-color:#cfe3ff!important}.form-border{border:2px solid #4caf50;padding:20px;border-radius:10px;width:"100vh";margin:0 auto}.modal-contain{position:fixed;z-index:1000;left:0;top:0;width:100%;height:40%;background-color:#0006;display:flex;align-items:center;justify-content:center}.modale{border-radius:5px;background-color:#fff;width:60em;padding-left:20px;padding-top:20rem;height:"200vh"}.modaltable-container{width:500px;height:500px;overflow:auto}.page-container{height:90vh;display:flex;flex-direction:column}.scrollable-table-container{flex:1;overflow:auto;border:1px solid #ccc}.table-container{max-height:300px;overflow-y:auto;border:1px solid #ccc}.scrollable-table-container{width:100%;overflow-y:auto;border-collapse:collapse;flex:1;overflow:auto;border:1px solid #ccc}.scrollable-table{width:100%;border-radius:10px}.scrollable-table th,.scrollable-table td{border:1px solid #ccc;padding:8px;text-align:left}.scrollable-table thead{background-color:#f4f4f4;top:0;z-index:1}.icon-bar{display:flex;align-items:center;gap:12px}.icon-btn{background:none;border:none;padding:0;cursor:pointer}.icon{cursor:pointer}.scrollable-table thead th{position:sticky;top:0;background:#fff;z-index:1;border-bottom:1px solid #e4e4e4;text-align:left;padding:10px 8px}.scrollable-table tbody tr:hover{background:#f6f6f6}.focused-row{background:#fff7c4!important}.img{width:18px;height:18px;display:inline-block;margin:0 6px}.fit{white-space:nowrap}.pagination{display:flex;flex-wrap:wrap;justify-content:center;margin-top:1rem}.pagination button{width:40px;height:40px;font-family:inherit;font-weight:600;font-size:16px;margin:0 10px;border-radius:6px;cursor:pointer;transition:all .3s ease;background:transparent;color:#eee;border-color:#eee}.pagination button.active{font-weight:900;border-color:#101010;background:#ffe400;color:#101010}.post__wrapper{width:100%;height:100vh;display:flex;align-items:center;justify-content:center;background:url(https://img.freepik.com/free-vector/gradient-blur-pink-blue-abstract-background_53876-117324.jpg?w=900&t=st=1675188227~exp=1675188827~hmac=46e28bebc82abe965c3310ec23e2a551abbe1a63dc203e920773f30300c5855c) no-repeat center center fixed;background-size:cover}.container{background:#ffffff4d;border-radius:20px;box-shadow:0 0 29px 2px #0000004f;padding:30px 20px}.post{width:100%;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:20px}.post input{width:100%;background:#f5f5f5;outline:none;border:none}.esmodal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999}.esmodal-container{background:#fff;width:95vw;height:95vh;max-width:1400px;max-height:100vh;border-radius:8px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 6px 24px #00000059}.esmodal-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid #ddd}.esmodal-header h3{margin:0;font-size:16px}.esmodal-actions{display:flex;gap:8px}.esmodal-actions button{padding:6px 10px;cursor:pointer}.close-btn{font-size:18px;font-weight:700}.esmodal-content{flex:1;overflow:hidden}.esmodal-content iframe{width:100%;height:100%;border:none}@supports (height: 100svh){.esmodal-container{height:95svh}}.modal-container{position:fixed;z-index:1;left:0;top:0;width:100%;height:60%;background-color:#0006;display:flex;align-items:center;justify-content:center}.modal{border-radius:5px;padding:2rem;background-color:#fff;width:25em}.modalwide{border-radius:5px;padding:2rem;background-color:#fff;width:70em}.modal .btn{display:block;margin:auto}.form-group{display:flex;flex-direction:column;margin-bottom:1rem}.form-group input,.form-group textarea,.form-group select{border:1px solid black;border-radius:.3rem;padding:.3rem;font-size:1rem}.form-group label{margin-bottom:.2rem}.form-group input{margin-bottom:.2rem;align-content:flex-start}.error{background-color:#f8d7da;color:#df4759;padding:.5rem;border-radius:.3rem;margin-bottom:1rem}.nav-menu,.sidebar,.toggle-btn{position:fixed;z-index:3000}.nav-menu.ltr{left:-100%;right:auto}.nav-menu.ltr.active{left:0;right:auto}.nav-menu.rtl{right:-100%;left:auto}.nav-menu.rtl.active{right:0;left:auto}.nav-menu.rtl .dropdown-header{flex-direction:row-reverse}.nav-menu.rtl .dropdown-header svg{transform:rotate(180deg)}.navbar.rtl{direction:rtl;text-align:right}.navbar{background-color:gray;display:flex;height:30px;align-items:center;justify-content:space-between;padding:10 10px}.menu-bars{margin-left:2rem;font-size:2rem;background:none}.topbar-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;cursor:pointer}.topbar-icon img{max-width:100%;max-height:100%;display:block}.nav-menu{background-color:#dcdcdc;width:250px;height:100vh;display:flex;justify-content:center;position:fixed;top:0;left:-100%;transition:.85s}.nav-menu.active{left:0;transition:.35s}.nav-text{display:flex;justify-content:start;align-items:center;padding:8px 0 8px 16px;list-style:none;height:60px}.nav-text a{text-decoration:none;color:#f5f5f5;font-size:18px;width:95%;height:100%;display:flex;align-items:center;padding:0 16px;border-radius:4px}.nav-text a:hover{background-color:#1a83ff}.nav-menu-items{width:100%}.navbar-toggle{background-color:#060b26;width:100%;height:80px;display:flex;justify-content:start;align-items:center}span{margin-left:16px}.sidebar{position:fixed;top:0;left:-250px;width:250px;height:100%;background-color:#333;color:#fff;transition:left .3s ease;z-index:999}.sidebar.open{left:0}.menu{list-style:none;padding:20px}.menu li{margin:10px 0}.menu a{color:#fff;text-decoration:none;display:block}.dropdown-header{cursor:pointer;display:flex;justify-content:space-between;align-items:center}.dropdown-menu{list-style:none;padding-left:20px;display:none}.dropdown-menu.show{display:block}.toggle-btn{position:fixed;top:20px;left:20px;background:#fff;color:#00f;border:none;padding:10px;font-size:18px;cursor:pointer;z-index:1000}@media (min-width: 768px){.toggle-btn{display:none}.sidebar{left:0}}.help-btn{margin-left:auto;background-color:#007bff;border:none;color:#fff;font-weight:700;font-size:18px;border-radius:50%;width:32px;height:32px;cursor:pointer;transition:.2s ease}.btn{border:none;background:transparent;padding:6px 16px;font-size:1.1rem;color:#fff;background:#dcdcdc;border-radius:5px;transition:.3s all ease-out;cursor:pointer}.btn:hover{color:#dcdcdc;background:#fff}.bg-primary{--tw-bg-opacity: 1;background-color:rgb(220 220 220 / var(--tw-bg-opacity))}.rounded-full{border-radius:9999px}.px-6{padding-left:1.5rem;padding-right:1.5rem}