*{box-sizing:border-box;margin:0;padding:0}:root{--color-bg-topnav:#005bb5;--color-text-topnav:#fff;--color-link-hover-topnav:#ffffffb3;--color-text-sidenav:#000;--color-bg-main:hsla(0,0%,88%,.321);--color-bg-hover-sidenav:#0000001a;--color-text:#636262;--color-error-shadow:#ff000080;--color-login-hover:#d79a0b;--color-forgot-password:gray;--color-background:#f8f9fa;--color-text:#212529;--color-primary:#0069d9;--color-success:#28a745;--color-error:#dc3545;--color-alert-background:#0009;--color-header-background:#e9ecef;--color-close:#495057;--color-shadow:#0003;--error-border-color:red;--error-message-color:red;--color-navbar-background:#fff;--color-navbar-text:#000;--color-border:#ced4da;--color-icon:#0f0080;--color-profile-border:#d1d1d1;--color-profile-text:#868d93;--hover-background-color:#e7a811;--text-color:#fff;--default-text-color:#000;--border-radius:8px;--sidebar-background:#fff;--logout-button-bg:#e7a811;--color-dashboard-background:#fff;--color-dashboard-text:#fff;--color-dashboard-card-red:#ff6f61;--color-dashboard-card-amber:#ffc107;--color-dashboard-card-blue:#2196f3;--color-dashboard-card-green:#4caf50;--color-icon-default:#fff;--color-details-footer-text:#555;--color-details-footer-status:green;--color-icon-background-opacity:0.9;--color-bulkupload-background:#fff;--color-bulkupload-border:#000;--color-upload-button:aqua;--color-upload-text:#000;--color-icon:#000;--color-primary:#e7a811;--color-secondary:#949494;--color-input-border:#959da54d;--color-white:#fff;--color-black-transparent:#00000080;--color-shadow:#959da54d;--color-border:#ccc;--color-border-focus:#676765;--color-background:#fff;--color-hover:#005284;--color-text-primary:#e7a811;--color-button-background:#e7a811;--color-button-text:#fff;--color-clear:red;--color-error:red;--color-gray:#949494;--color-label:#5d596c;--color-input-text:#6f6b7d;--color-border-default:#ccc;--color-border-focus-state:#007bff;--color-bg-main:#f4efef;--color-text-highlight:#e7a811;--color-text-muted:#5d596c;--dropdown-border-color:#ccc;--dropdown-border-hover:#676765;--dropdown-bg-color:#fff;--highlight-bg-color:#e7a811;--hover-bg-color:#005284;--scroll-thumb-color:#828282;--text-color-white:#fff;--table-bg-color:#fff;--table-header-bg-color:#e7a811;--table-header-text-color:#fff;--amount-payment-color:#219653;--attachment-border-color:#11af22;--attachment-hover-color:#de0611;--icon-color:#667085;--row-even-bg-color:#ffb30015;--pagination-bg-color:#fff;--pagination-border-color:#ccc;--pagination-text-color:#333;--pagination-hover-bg-color:#f0f0f0;--pagination-active-bg-color:#e7a811;--pagination-active-text-color:#fff;--pagination-btn-bg-color:#e7a811;--pagination-btn-text-color:#fff;--details-bg-color:#fff;--details-box-shadow:0 0 10px #0000001a;--label-color:#5d596c;--input-border-color:#959da54d;--input-text-color:#6f6b7d;--input-error-border-color:red;--close-btn-bg-color:#626363;--close-btn-text-color:#fff;--save-btn-bg-color:#e7a811;--save-btn-text-color:#fff;--file-upload-bg-color:#fff;--file-upload-box-shadow:0 0 10px #0000001a;--download-btn-bg-color:#e7a811;--btn-text-color:#fff;--active-bg-color:#4caf50;--inactive-bg-color:#f44336}@supports (color:rgb(0 0 0/0)){:root{--color-text:#212b36;--close-btn-bg-color:#626363}}@media(max-width:1382px){html{font-size:16px}}@media(max-width:1280px){html{font-size:14px}}body{color:#212b36;font-family:Poppins,sans-serif;scroll-behavior:smooth}a{text-decoration:none!important}.box-shadow{background-color:#fff;background-color:var(--color-background);border-radius:10px;box-shadow:0 0 21px #959da54d!important}.screen{align-items:center;background-color:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:999}.screen .screen-container{background-color:#fff;background-color:var(--color-background);border-radius:10px;position:relative}.screen .screen-container .add-form-head{background-color:#e7a811;background-color:var(--color-text-primary);border-radius:10px 10px 0 0;color:#fff;color:var(--color-button-text);display:flex;justify-content:space-between;padding:10px}.screen .screen-container .add-form-head h3{font-size:1.5rem}.screen .screen-container .add-form-head svg{cursor:pointer;font-size:24px}.screen .screen-container .add-forms{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;margin:0 auto;padding:10px 0;width:95%}.screen .screen-container .add-forms .add-form{margin-bottom:10px;width:100%}.screen .screen-container .add-forms .add-form label{color:#5d596c;color:var(--color-label);display:flex;margin-bottom:.25rem}.screen .screen-container .add-forms .add-form input,.screen .screen-container .add-forms .add-form select{border:2px solid #ccc;border:2px solid var(--color-border);border-radius:8px;color:#6f6b7d;color:var(--color-input-text);display:block;outline:none;padding:12px;transition:all .15s ease-in-out;width:100%}.screen .screen-container .add-forms .add-form input.input-error,.screen .screen-container .add-forms .add-form select.input-error{border-color:red;border-color:var(--color-error)}.screen .screen-container .add-forms .add-form .custom-radio-group{display:flex;gap:10px;margin-top:10px}.screen .screen-container .add-forms .add-form .custom-radio-group .custom-radio-label{align-items:center;cursor:pointer;display:flex;font-size:16px}.screen .screen-container .add-forms .add-form .custom-radio-group .custom-radio-label .custom-radio-input{margin-right:5px}.screen .screen-container .add-forms .add-form .error-message{color:red;color:var(--color-error);font-size:12px;margin-top:5px}.screen .screen-container .add-forms .w-50{width:calc(50% - 20px)}.screen .screen-container .add-forms .btn-container{display:flex;width:calc(100% - 15px)}.screen .screen-container .add-forms .btn-container .addforbtns{align-items:center;display:flex;justify-content:end;width:100%}.screen .screen-container .add-forms .btn-container .addforbtns .btn-cancel{background-color:#949494;background-color:var(--color-gray);border:1px solid #949494;border:1px solid var(--color-gray);border-radius:5px;color:#fff;color:var(--dropdown-bg-color);cursor:pointer;font-size:1rem;font-weight:700;margin:0 10px;padding:10px}.screen .screen-container .add-forms .btn-container .addforbtns .btn{background-color:#e7a811;background-color:var(--color-primary);border:none;border-radius:5px;color:#fff;color:var(--color-button-text);cursor:pointer;font-size:1rem;font-weight:700;padding:10px;text-align:center}.screen .delete-popup{padding:20px}.screen .delete-popup h2{font-size:1.1rem;padding-bottom:5px}.screen .delete-popup p{font-size:.9rem;padding-bottom:10px}.screen .delete-popup .delete{background-color:rgba(255,0,0,.631);border:none;border-radius:5px;text-align:center}.screen .delete-popup .btn-cancel,.screen .delete-popup .delete{color:#fff;color:var(--color-button-text);cursor:pointer;font-size:1rem;font-weight:700;padding:10px}.screen .delete-popup .btn-cancel{background-color:#949494;background-color:var(--color-gray);border:1px solid #949494;border:1px solid var(--color-gray);border-radius:5px;margin:0 10px}.container-head{justify-content:space-between;padding:15px 15px 5px}.btns,.btns .add-btn,.container-head{align-items:center;display:flex}.btns .add-btn{background-color:#fff;background-color:var(--dropdown-bg-color);border:1px solid #e7a811;border:1px solid var(--color-text-highlight);border-radius:5px;color:#e7a811;color:var(--color-text-highlight);cursor:pointer!important;gap:10px;justify-content:center}@media screen and (min-width:300px){.container-head h2{font-size:1rem}.container-head .add-btn{padding:5px}.container-head .add-btn p,.container-head .add-btn svg{font-size:.9rem}}@media screen and (min-width:600px){.container-head h2{font-size:1.4rem}.container-head .add-btn{padding:8px}.container-head .add-btn p,.container-head .add-btn svg{font-size:1rem}}@media screen and (min-width:1024px){.container-head h2{font-size:1.6rem}.container-head .add-btn{padding:10px}.container-head .add-btn p,.container-head .add-btn svg{font-size:1.1rem}}.table-filters{display:flex;justify-content:space-between;padding:0 15px}.table-filters .filter-date{align-items:center;display:flex;gap:10px;justify-content:center}.table-filters .filter-date .f-date{border:1px solid #ccc;border:1px solid var(--color-border-default);border-radius:4px;font-size:1rem;padding:8px;width:100%}.table-filters .filter-date .f-date:focus{border-color:#007bff;border-color:var(--color-border-focus-state);outline:none}.table-filters .search-filter{align-items:center;border:1px solid #ccc;border:1px solid var(--color-border-default);border-radius:50px;display:flex;padding:4px 10px}.table-filters .search-filter label{font-size:1rem}.table-filters .search-filter label svg{color:#e7a811;color:var(--color-text-highlight)}.table-filters .search-filter input{border:none;font-size:1rem;margin-left:10px;outline:none;width:200px}.table-filters .dropdown-filters{display:flex;flex-direction:column;gap:10px}.table-filters .dropdown-filters .clear-filter{background-color:#0000!important;border:none!important;color:red!important;cursor:pointer;font-size:.8rem!important;margin:0 5px!important}.table-filters .dropdown-filters .s-btn{background-color:#e7a811;background-color:var(--highlight-bg-color);border:none;border-radius:5px;color:#fff;color:var(--text-color-white);cursor:pointer;font-size:1rem;font-weight:600;outline:none;padding:8px 12px}.table-filters .dropdown-filters .drop{margin-left:10px;position:relative}.table-filters .dropdown-filters .drop .drop-display{border:1px solid #ccc;border:1px solid var(--dropdown-border-color);border-radius:10px;cursor:pointer;font-size:.8rem;padding:10px;width:147px}.table-filters .dropdown-filters .drop .drop-box{background-color:#fff;background-color:var(--dropdown-bg-color);border-radius:10px;box-shadow:0 0 21px #959da54d;height:100px;overflow-y:scroll;position:absolute;top:49px;width:100%}.table-filters .dropdown-filters .drop .drop-box p{cursor:pointer;font-size:.8rem;padding:5px}.table-filters .dropdown-filters .drop .drop-box p:hover{background-color:#005284;background-color:var(--hover-bg-color);color:#fff;color:var(--text-color-white)}.table-filters .dropdown-filters .drop .drop-box::-webkit-scrollbar{width:15px}.table-filters .dropdown-filters .drop .drop-box::-webkit-scrollbar-track{background-color:#0000}.table-filters .dropdown-filters .drop .drop-box::-webkit-scrollbar-thumb{background-clip:content-box;background-color:#828282;background-color:var(--scroll-thumb-color);border:6px solid #0000;border-radius:20px}.table-filters .dropdown-filters .dropdown-filter{display:flex;margin-bottom:9px}.table-filters .dropdown-filters .dropdown-filter .btn{background-color:#e7a811;background-color:var(--highlight-bg-color);border:none;border-radius:5px;color:#fff;color:var(--text-color-white);cursor:pointer;font-size:1rem;font-weight:700;padding:10px;text-align:center}.table-filters .dropdown-filters .dropdown-filter label{font-size:.9rem;font-weight:700;margin-right:10px}.table-filters .dropdown-filters .dropdown-filter select{border:1px solid #ccc;border:1px solid var(--dropdown-border-color);border-radius:5px;cursor:pointer;font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .3s ease}.table-filters .dropdown-filters .dropdown-filter select:focus,.table-filters .dropdown-filters .dropdown-filter select:hover{border-color:#676765;border-color:var(--dropdown-border-hover)}.table-filters .dropdown-filters .dropdown-filter select option{background-color:#fff;background-color:var(--dropdown-bg-color);font-size:.9rem;height:100px}.table-filters .dropdown-filters .dropdown-filter select option:hover{background-color:#676765;background-color:var(--dropdown-border-hover)}.table-filters .dropdown-filters .dropdown-btns{display:flex;gap:10px}.table-filters .dropdown-filters .dropdown-btns .s-btns{outline:none}.table-filters .dropdown-filters .dropdown-btns .btns,.table-filters .dropdown-filters .dropdown-btns .s-btns{background-color:#e7a811;background-color:var(--highlight-bg-color);border:none;border-radius:5px;color:#fff;color:var(--text-color-white);cursor:pointer;font-size:1rem;font-weight:700;padding:8px 12px}.table-filters .dropdown-filters .dropdown-btns .btns{text-align:center}.table-filters .dropdown-filter{margin-top:10px}.table-filters .dropdown-filter label{font-size:.9rem;font-weight:700;margin-right:10px}.table-filters .dropdown-filter select{border:1px solid #ccc;border:1px solid var(--dropdown-border-color);border-radius:5px;cursor:pointer;font-size:.9rem;outline:none;padding:8px 12px;transition:border-color .3s ease}.table-filters .dropdown-filter select:focus,.table-filters .dropdown-filter select:hover{border-color:#676765;border-color:var(--dropdown-border-hover)}.table-filters .dropdown-filter select option{background-color:#fff;background-color:var(--dropdown-bg-color);font-size:.9rem}.table-filters .dropdown-filter select option:hover{background-color:#676765;background-color:var(--dropdown-border-hover)}@media screen and (min-width:300px){.table-filters{flex-direction:column;gap:20px;justify-content:space-between}.table-filters .dropdown-filter{flex-direction:column;gap:10px;margin-bottom:9px}.table-filters .filter-date{flex-direction:column}}@media screen and (min-width:600px){.table-filters{flex-direction:column;gap:20px;justify-content:space-between}.table-filters .filter-date{flex-direction:row}.table-filters .dropdown-filters{flex-direction:column;gap:20px}.table-filters .dropdown-filters .dropdown-filter{flex:1 1;flex-direction:row;margin:0;min-width:150px}}@media screen and (min-width:1024px){.table-filters{flex-wrap:wrap;gap:20px}.table-filters,.table-filters .dropdown-filters,.table-filters .dropdown-filters .dropdown-filter{flex-direction:row}.table-filters .filter-date{justify-content:end}}@media screen and (min-width:300px){.overflow{width:100%}}@media screen and (min-width:600px){.overflow{width:100%}}@media screen and (min-width:1024px){.overflow{width:85%}}.table-container .custom-table{background-color:#fff;background-color:var(--table-bg-color);border:none;border-collapse:collapse;margin:10px 0;padding:10px;table-layout:fixed;width:100%}.table-container .custom-table thead{background:#e7a811;background:var(--table-header-bg-color);color:#fff;color:var(--table-header-text-color);padding:10px}.table-container .custom-table thead tr th{border:none;padding:10px}.table-container .custom-table thead tr th svg{cursor:pointer}.table-container .custom-table tbody .text-center{text-align:center}.table-container .custom-table tbody .text-left{text-align:left}.table-container .custom-table tbody tr .text-center{text-align:center!important}.table-container .custom-table tbody tr .w-10{width:10%!important}.table-container .custom-table tbody tr td{border:none;padding:15px 10px}.table-container .custom-table tbody tr td p{border-radius:50px;margin:0 auto;text-align:center;width:70%}.table-container .custom-table tbody tr td .description p{font-size:.9rem;font-weight:600;padding:5px 30px;text-align:start}.table-container .custom-table tbody tr td .description span{font-size:.8rem;font-weight:500}.table-container .custom-table tbody tr td .description .amount-payment{color:#219653;color:var(--amount-payment-color);font-weight:600}.table-container .custom-table tbody tr td .description .attachment{display:flex;flex-direction:column}.table-container .custom-table tbody tr td .description .attachment input{display:none}.table-container .custom-table tbody tr td .description .attachment label{border:1px solid #11af22;border:1px solid var(--attachment-border-color);margin:0 30px;padding:5px 10px;width:100px}.table-container .custom-table tbody tr td .description .attachment label:hover{border:1px solid #de0611;border:1px solid var(--attachment-hover-color);color:#de0611;color:var(--attachment-hover-color)}.table-container .custom-table tbody tr td .icons{color:#667085;color:var(--icon-color);font-size:1rem}.table-container .custom-table tbody tr td .icons a,.table-container .custom-table tbody tr td .icons svg{color:#667085;color:var(--icon-color);cursor:pointer;margin:0 5px}.table-container .custom-table tbody tr td svg{color:#667085;color:var(--icon-color);cursor:pointer;font-size:1.2rem;margin-right:10px}.table-container .custom-table tbody tr:nth-child(2n){background-color:#ffb30015;background-color:var(--row-even-bg-color)}.table-container .custom-table td,.table-container .custom-table th{border:none}.pagination{align-items:center;display:flex;justify-content:space-between;padding:10px 20px}.pagination .page-info{font-size:.9rem}.pagination .page-numbers{display:flex;justify-content:center}.pagination .page-numbers button{background-color:#fff;background-color:var(--pagination-bg-color);border:1px solid #ccc;border:1px solid var(--pagination-border-color);border-radius:50%;color:#333;color:var(--pagination-text-color);cursor:pointer;margin:0 5px;padding:8px 12px;transition:background-color .3s}.pagination .page-numbers button:hover{background-color:#f0f0f0;background-color:var(--pagination-hover-bg-color)}.pagination .page-numbers button.active{background-color:#e7a811;background-color:var(--pagination-active-bg-color);border:1px solid #e7a811;border:1px solid var(--pagination-active-bg-color);color:#fff;color:var(--pagination-active-text-color)}.pagination .pagination-btns{display:flex}.pagination .pagination-btns .pagination-btn{background-color:#e7a811;background-color:var(--pagination-btn-bg-color);border:none;border-radius:5px;color:#fff;color:var(--pagination-btn-text-color);cursor:pointer;font-size:.8rem;margin-right:10px;padding:10px}.details-container{background-color:#fff;background-color:var(--details-bg-color);border-radius:8px;box-shadow:0 0 10px #0000001a;box-shadow:var(--details-box-shadow);padding:10px}.details-container form{display:flex;flex-direction:column;padding:20px}.details-container form .details-row{display:flex;justify-content:space-between;margin-bottom:20px}.details-container form .details-row:last-child{margin-bottom:0}.details-container form .details-row .inputs-details{display:flex;flex:1 1;flex-direction:column;margin-right:20px}.details-container form .details-row .inputs-details label{color:#5d596c;color:var(--label-color);margin-bottom:.25rem}.details-container form .details-row .inputs-details input,.details-container form .details-row .inputs-details select{border:2px solid #959da54d;border:2px solid var(--input-border-color);border-radius:8px;color:#6f6b7d;color:var(--input-text-color);display:block;font-size:1rem;outline:none;padding:12px;transition:all .15s ease-in-out;width:100%}.details-container form .details-row .inputs-details input.input-error,.details-container form .details-row .inputs-details select.input-error{border-color:red;border-color:var(--input-error-border-color)}.details-container form .details-row .inputs-details-last{display:flex;flex:1 1;flex-direction:column;margin-right:20px}.details-container form .details-row .inputs-details-last label{color:#5d596c;color:var(--label-color);margin-bottom:.25rem}.details-container form .details-row .inputs-details-last input,.details-container form .details-row .inputs-details-last select{border:2px solid #959da54d;border:2px solid var(--input-border-color);border-radius:8px;color:#6f6b7d;color:var(--input-text-color);display:block;outline:none;padding:12px;transition:all .15s ease-in-out;width:100%}.details-container form .details-row .details-button{align-items:center;display:flex;margin-top:auto}.details-container form .details-row .details-button .close-btn,.details-container form .details-row .details-button .save-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 15px;transition:background-color .3s}.details-container form .details-row .details-button .close-btn{background-color:#626363;background-color:var(--close-btn-bg-color);color:#fff;color:var(--close-btn-text-color)}.details-container form .details-row .details-button .save-btn{background-color:#e7a811;background-color:var(--save-btn-bg-color);color:#fff;color:var(--save-btn-text-color)}.details-container form .j-end{display:flex;justify-content:end}.details-button{align-items:center;display:flex;margin-top:auto}.details-button .close-btn,.details-button .save-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 15px;transition:background-color .3s}.details-button .close-btn{background-color:#626363;background-color:var(--close-btn-bg-color);color:#fff;color:var(--close-btn-text-color)}.details-button .save-btn{background-color:#e7a811;background-color:var(--save-btn-bg-color);color:#fff;color:var(--save-btn-text-color)}.close-btn,.save-btn{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;padding:10px 15px;transition:background-color .3s}.close-btn{background-color:#626363;background-color:var(--close-btn-bg-color);color:#fff;color:var(--close-btn-text-color)}.save-btn{background-color:#e7a811;background-color:var(--save-btn-bg-color);color:#fff;color:var(--save-btn-text-color)}.file-upload-container{background-color:#fff;background-color:var(--file-upload-bg-color);border-radius:8px;box-shadow:0 0 10px #0000001a;box-shadow:var(--file-upload-box-shadow);margin-top:2%;padding:10px}.file-upload-container .fileUpload-headers{display:flex;padding:15px 0}.file-upload-container .fileUpload-headers h3{margin-bottom:15px}.file-upload-container .fileUpload-headers .download-btn{background-color:#e7a811;background-color:var(--download-btn-bg-color);border:none;border-radius:5px;color:#fff;color:var(--btn-text-color);cursor:pointer;font-size:15px;margin-left:70%;padding:8px;transition:background-color .3s}.file-upload-container .details-button-fileUpload{align-items:center;display:flex;margin-top:auto}.file-upload-container .details-button-fileUpload .close-btn-fileUpload,.file-upload-container .details-button-fileUpload .save-btn-fileUpload{border:none;border-radius:5px;cursor:pointer;font-size:16px;margin-right:10px;padding:8px;transition:background-color .3s}.file-upload-container .details-button-fileUpload .close-btn-fileUpload{background-color:#626363;background-color:var(--close-btn-bg-color);color:#fff;color:var(--btn-text-color);margin-left:85%}.file-upload-container .details-button-fileUpload .save-btn-fileUpload{background-color:#e7a811;background-color:var(--download-btn-bg-color);color:#fff;color:var(--btn-text-color)}.file-upload-container .wrapper{border:1px dashed #000;margin-bottom:15px}.file-upload-container .wrapper form{display:flex;padding:30px}@media screen and (min-width:300px){form .d-flex{flex-direction:column;gap:20px}}@media screen and (min-width:600px){form .d-flex{flex-direction:row}}@media screen and (min-width:1024px){form .d-flex{flex-direction:row}}@media(min-width:300px){.side-nav-container{width:79%}.table-container{min-width:600px}.custom-table{border-collapse:collapse;padding:10px;width:100%}.custom-table th{font-size:1rem;width:200px}.custom-table tbody td{font-size:1rem;padding:40px;text-align:left}.custom-table tbody td .active{background-color:#4caf50;background-color:var(--active-bg-color);color:#fff;color:var(--btn-text-color);width:80px!important}.custom-table tbody td .inactive{background-color:#f44336;background-color:var(--inactive-bg-color);color:#fff;color:var(--btn-text-color);width:80px!important}.screen .screen-container{width:90%}}@media(min-width:600px){.table-container{min-width:600px}.custom-table{border-collapse:collapse;width:100%}.custom-table th{font-size:1rem;width:200px}.custom-table tbody td{font-size:1rem;padding:10px;text-align:left}.custom-table tbody td .active{background-color:#4caf50;background-color:var(--active-bg-color);color:#fff;color:var(--btn-text-color);width:120px!important}.custom-table tbody td .inactive{background-color:#f44336;background-color:var(--inactive-bg-color);color:#fff;color:var(--btn-text-color);width:120px!important}.screen .screen-container{width:60%}}@media(min-width:1024px){.table-container{min-width:600px}.custom-table{border-collapse:collapse;font-size:.9rem;width:100%}.custom-table th{font-size:1rem;width:150px}.custom-table tbody td{font-size:1rem;padding:10px;text-align:left}.custom-table tbody td .active{background-color:#4caf50;background-color:var(--active-bg-color);color:#fff;color:var(--btn-text-color);width:150px!important}.custom-table tbody td .inactive{background-color:#f44336;background-color:var(--inactive-bg-color);color:#fff;color:var(--btn-text-color);width:150px!important}.custom-table tbody th{position:sticky;top:0;z-index:10}.screen .screen-container{width:50%}}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-4px)}50%{transform:translateX(4px)}75%{transform:translateX(-4px)}}.LoginContainer{display:flex;height:100vh}.LoginContainer .image-side{align-items:center;display:flex;flex:1 1;justify-content:center;margin:20px}.LoginContainer .image-side img{border-radius:10px;height:100%;object-fit:cover;width:100%}.LoginContainer .login-form{align-items:center;background-color:var(--color-background);border-radius:8px;box-shadow:0 4px 20px #0000001a;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:20px}.LoginContainer .login-form h2{margin:20px 0;text-align:center}.LoginContainer .login-form form{display:flex;flex-direction:column;gap:30px;width:50%}.LoginContainer .login-form form .login-input{display:flex;flex-direction:column;width:100%}.LoginContainer .login-form form label{color:var(--color-text);font-size:16px;margin-bottom:15px}.LoginContainer .login-form form input{border:1px solid var(--color-border);border-radius:4px;font-size:16px;margin-top:5px;padding:10px;transition:border-color .3s ease,box-shadow .3s ease;width:100%}.LoginContainer .login-form form input.input-error{animation:shake .3s ease;border-color:var(--color-error);box-shadow:0 0 5px var(--color-error-shadow)}.LoginContainer .login-form form input:focus{border-color:var(--color-primary);outline:none}.LoginContainer .login-form form .password-container{position:relative}.LoginContainer .login-form form .password-container input{padding-right:40px}.LoginContainer .login-form form .password-container input.input-error{animation:shake .3s ease;border-color:var(--color-error);box-shadow:0 0 5px var(--color-error-shadow)}.LoginContainer .login-form form .password-container span{align-items:center;color:var(--color-primary);cursor:pointer;display:flex;justify-content:center;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.LoginContainer .login-form form .forgot-password{color:var(--color-forgot-password);cursor:pointer;font-size:12px;text-align:right}.LoginContainer .login-form form .error-message{color:var(--color-error);font-family:Roboto,sans-serif;font-size:14px;font-style:italic;font-weight:700;letter-spacing:2px;opacity:1;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.LoginContainer .login-form form .show-error .error-message{opacity:1;transform:translateY(0)}.LoginContainer .login-form form button{background-color:var(--color-primary);border:none;border-radius:4px;color:var(--color-button-text);cursor:pointer;font-size:16px;margin-top:8px;padding:10px;transition:background-color .3s}.LoginContainer .login-form form button:hover{background-color:var(--color-login-hover)}.LoginContainer .login-form form p{margin-bottom:10px;text-align:start}@media screen and (max-width:900px){.LoginContainer{flex-direction:column}.LoginContainer .image-side{display:none}.LoginContainer .login-form,.LoginContainer .login-form form{width:100%}}.app{height:100vh}.app,.app .topnav{display:flex;width:100%}.app .topnav{align-items:center;background-color:var(--color-bg-topnav);color:var(--color-text-topnav);height:60px;left:0;padding:0 20px;position:fixed;top:0;z-index:1000}.app .topnav .title{font-size:1.5rem}.app .topnav .nav-links{display:flex;margin-left:auto}.app .topnav .nav-links a{color:var(--color-text-topnav);padding:0 15px;text-decoration:none}.app .topnav .nav-links a:hover{color:var(--color-link-hover-topnav);text-decoration:underline}.app .sidenav{height:calc(100vh - 60px);left:0;position:fixed;z-index:999}.app .sidenav .sidenav-links{display:flex;flex-direction:column;padding-left:10px}.app .sidenav .sidenav-links a{color:var(--color-text-sidenav);padding:10px 0;text-decoration:none}.app .sidenav .sidenav-links a:hover{background-color:var(--color-bg-hover-sidenav);text-decoration:underline}.app .main .main-contents{padding:1rem 1.5rem}@media screen and (min-width:300px){.main{margin-left:0;width:100%}}@media screen and (min-width:600px){.sidenav{width:25%}.main{margin-left:0;width:100%}}@media screen and (min-width:1024px){.sidenav{width:15%}.main{margin-left:15%;width:85%}}.side-nav-container{background-color:var(--sidebar-background);box-shadow:var(--details-box-shadow);display:flex;flex-direction:column;height:100vh;padding:0 10px;position:relative;transition:transform .3s ease;transition:transform .3 ease;width:100%}.side-nav-container .side-nav-logo{height:15vh;margin:0 auto;width:100%}.side-nav-container .side-nav-logo img{height:120px;padding:20px;width:100%}@media(max-width:1024px){.side-nav-container .side-nav-logo img{height:110px}}@media(max-width:1440px){.side-nav-container .side-nav-logo img{height:110px}}.side-nav-container .side-nav-content{display:flex;flex-direction:column;height:85vh;justify-content:space-around}.side-nav-container .side-nav-content .side-nav-details{align-items:center;border-radius:8px;color:var(--default-text-color);cursor:pointer;display:flex;margin-bottom:5px;padding:10px}.side-nav-container .side-nav-content .side-nav-details.active,.side-nav-container .side-nav-content .side-nav-details:hover{background-color:var(--hover-background-color);color:var(--text-color)}.side-nav-container .side-nav-content .side-nav-details p{color:inherit;font-size:1rem;margin:0 0 0 10px}.side-nav-container .side-nav-content .side-nav-details svg{color:inherit;font-size:1.2rem}.side-nav-container .side-nav-content .logout-button{align-items:center;display:flex;margin-left:5%;margin-right:5%}.side-nav-container .side-nav-content .logout-button button{align-items:center;background-color:var(--logout-button-bg);border:none;border-radius:8px;color:var(--text-color);cursor:pointer;display:flex;font-size:1rem;margin:0 5%;padding:10px 20px}.side-nav-container .side-nav-content .logout-button svg{font-size:1rem;margin-right:10px}.side-nav-container .toggle-button{display:none;margin:0 3%;transition:transform .3s ease}@media(min-width:300px)and (max-width:599px){.side-nav-container .toggle-button{background:var(--hover-background-color);border:none;border-radius:8px;color:var(--text-color);display:block;font-size:1.2rem;left:100%;padding:8px;position:absolute;top:10px}}@media(min-width:600px)and (max-width:1023px){.side-nav-container .toggle-button{background:var(--hover-background-color);border:none;border-radius:8px;color:var(--text-color);display:block;font-size:1.3rem;left:100%;padding:10px;position:absolute;top:15px}}@media(min-width:1024px){.side-nav-container .toggle-button{display:none}}@media(max-width:1024px){.side-nav-container{transform:translateX(-100%);width:100%}.side-nav-container.active{transform:translateX(0)}.side-nav-container .side-nav-details{margin:0;padding:10px}}.navbar-container{align-items:center;background-color:var(--color-navbar-background);box-shadow:var(--details-box-shadow);display:flex;justify-content:end;padding:16px}.navbar-container .navbar-head h4{color:var(--color-navbar-text);display:none;font-size:1.2rem;font-weight:700;margin-left:40px}.navbar-container .navbar-details{align-items:center;display:flex}.navbar-container .navbar-details .navbar-icon{align-items:center;border-radius:50%;color:var(--color-icon);display:flex;justify-content:center;margin:0 4px;padding:6px}.navbar-container .navbar-details .navbar-profile{align-items:center;border:2px solid var(--color-primary);border-radius:10px;display:flex;margin:0 4px;padding:0 10px}.navbar-container .navbar-details .navbar-profile img{border-radius:50%;width:20%}.navbar-container .navbar-details .navbar-profile .profile-details{margin-left:8px}.navbar-container .navbar-details .navbar-profile .profile-details h5{color:var(--color-navbar-text);font-size:1rem;padding:1px}.navbar-container .navbar-details .navbar-profile .profile-details p{color:var(--color-profile-text);font-size:12px;padding:1px}.navbar-container .navbar-details .navbar-profile svg{font-size:20px}@media(max-width:599px){.navbar-container{justify-content:space-between;width:100%}.navbar-head h4{display:block!important}.nav{align-items:flex-start;flex-direction:column}.nav .menuIcon{display:block}}@media(min-width:600px)and (max-width:1023px){.nav{padding:.625rem}}@media(min-width:1024px){.menuIcon{display:none}}.dashboard-container{display:flex;flex-wrap:wrap;justify-content:space-between}.dashboard-container .dashboard-card{align-items:center;background-color:var(--color-dashboard-background);border-radius:10px;cursor:pointer;display:flex;gap:10px;height:20vh;margin:1%;padding:10px;transition:transform .3s ease;width:23%}.dashboard-container .dashboard-card:hover{transform:translateY(-5px)}.dashboard-container .dashboard-card .icon-container{align-items:center;border-radius:50%;display:flex;height:50px;justify-content:center;width:50px}.dashboard-container .dashboard-card .icon-container svg{color:var(--color-icon-default);font-size:30px}.dashboard-container .dashboard-card .dashboard-details{display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:8px 3px 0}.dashboard-container .dashboard-card .dashboard-details h4{color:var(--color-dashboard-text);font-size:2rem;margin:0;padding:5px 0}.dashboard-container .dashboard-card .dashboard-details p{color:var(--color-dashboard-text);font-size:1.5rem;padding:5px 0}.dashboard-container .dashboard-card .dashboard-details .details-footer{align-items:center;display:flex;justify-content:flex-end;margin-top:auto}.dashboard-container .dashboard-card .dashboard-details .details-footer svg{color:var(--color-details-footer-text);font-size:13px;margin-right:5px}.dashboard-container .dashboard-card .dashboard-details .details-footer span{color:var(--color-details-footer-status);font-size:13px}.dashboard-container .dashboard-card.blocks-card{background-color:var(--color-dashboard-card-red)}.dashboard-container .dashboard-card.blocks-card .icon-container{background-color:rgba(255,111,97,var(--color-icon-background-opacity))}.dashboard-container .dashboard-card.supervisor-card{background-color:var(--color-dashboard-card-amber)}.dashboard-container .dashboard-card.supervisor-card .icon-container{background-color:rgba(255,193,7,var(--color-icon-background-opacity))}.dashboard-container .dashboard-card.house-card{background-color:var(--color-dashboard-card-blue)}.dashboard-container .dashboard-card.house-card .icon-container{background-color:rgba(33,150,243,var(--color-icon-background-opacity))}.dashboard-container .dashboard-card.inspection-card{background-color:var(--color-dashboard-card-green)}.dashboard-container .dashboard-card.inspection-card .icon-container{background-color:rgba(76,175,80,var(--color-icon-background-opacity))}@media(max-width:599px){.dashboard-container{flex-direction:column}.dashboard-container .dashboard-card{height:auto;margin:10px 0;width:100%}}@media(min-width:600px)and (max-width:1023px){.dashboard-container .dashboard-card{margin:1%;width:48%}}@media(min-width:1024px){.dashboard-container .dashboard-card{margin:1%;width:23%}}.input-error{border:2px solid var(--error-border-color)}.error-message{color:var(--error-message-color);font-size:12px;margin-top:5px}.alert-screen{align-items:flex-start;background-color:var(--color-alert-background);height:100%;left:0;padding-top:5px;position:fixed;top:0;z-index:999}.alert-screen,.alert-screen .alert-container{display:flex;justify-content:center;width:100%}.alert-screen .alert{animation:fadeIn .5s ease-in-out;background-color:var(--color-background);border-radius:6px;box-shadow:0 2px 10px var(--color-shadow);display:flex;flex-direction:column;max-width:450px;width:80%}.alert-screen .alert-head{align-items:center;background-color:var(--color-header-background);border-bottom:1px solid var(--color-border);border-radius:10px 10px 0 0;display:flex;justify-content:space-between;padding:15px}.alert-screen .alert-head h2{color:var(--color-text);font-size:1.25rem;margin:0}.alert-screen .alert-head .alert-close{background:none;border:none;color:var(--color-close);cursor:pointer;font-size:1.5rem}.alert-screen .alert-body{color:var(--color-text);font-size:1rem;margin-left:3px;padding:15px}.alert-screen .alert-footer{display:flex;justify-content:center;padding:10px}.alert-screen .alert-footer .alert-close{background-color:var(--color-primary);border:none;border-radius:37px;color:#fff;cursor:pointer;font-size:1rem;padding:8px 22px}.alert-screen .alert.alert-success{border:1px solid var(--color-success);border-radius:10px;box-shadow:0 2px 10px var(--color-shadow);color:var(--color-success)}.alert-screen .alert.alert-error{border:1px solid var(--color-error);border-radius:10px;box-shadow:0 2px 10px var(--color-shadow);color:var(--color-error)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.loadings{background-color:#fff!important;height:100vh;width:100%}.loading-containers,.loadings{align-items:center;display:flex;justify-content:center}.lds-ellipsis,.lds-ellipsis div{box-sizing:border-box}.lds-ellipsis{display:inline-block;height:80px;position:relative;width:80px}.lds-ellipsis div{animation-timing-function:cubic-bezier(0,1,1,0);background:#000;border-radius:50%;height:13.33333px;position:absolute;top:33.33333px;width:13.33333px}.lds-ellipsis div:first-child{animation:lds-ellipsis1 .6s infinite;left:8px}.lds-ellipsis div:nth-child(2){animation:lds-ellipsis2 .6s infinite;left:8px}.lds-ellipsis div:nth-child(3){animation:lds-ellipsis2 .6s infinite;left:32px}.lds-ellipsis div:nth-child(4){animation:lds-ellipsis3 .6s infinite;left:56px}@keyframes lds-ellipsis1{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes lds-ellipsis3{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes lds-ellipsis2{0%{transform:translate(0)}to{transform:translate(24px)}}.bulkupload .bulkupload-container .bulkupload-head{display:flex;justify-content:space-between;padding:20px 10px}.bulkupload .bulkupload-container .bulkupload-content .drop-box{align-items:center;background-color:var(--color-bulkupload-background);border:2px dashed var(--color-bulkupload-border);border-radius:10px;display:flex;justify-content:center;padding:50px;text-align:center;width:100%}.bulkupload .bulkupload-container .bulkupload-content .drop-box .upload-box{gap:20px;text-align:justify}.bulkupload .bulkupload-container .bulkupload-content .drop-box .upload-box .video-pre{border-radius:10px;margin:10px 0;width:calc(40% - 20px)}.bulkupload .bulkupload-container .bulkupload-content .drop-box .upload-box .video-pre video{width:100%}.bulkupload .bulkupload-container .bulkupload-content .drop-box .pre svg{color:var(--color-icon);font-size:60px}.bulkupload .bulkupload-container .bulkupload-content .drop-box .pre button{background-color:var(--color-bulkupload-background);border:none;color:var(--color-upload-button);cursor:pointer}.bulkupload .bulkupload-container .bulkupload-content .drop-box .pre p{color:var(--color-upload-text);font-size:24px}.transaction-images{margin-top:20px}.transaction-images .single-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;object-fit:cover;width:50%}.transaction-images .image-gallery{display:flex;flex-wrap:wrap;gap:10px}.transaction-images .image-gallery .gallery-image{border-radius:8px;box-shadow:0 2px 8px #0000001a;height:auto;object-fit:cover;width:calc(33.333% - 10px)}
/*# sourceMappingURL=main.25de47db.css.map*/