:root{--primary:#3b71ca;--secondary:#666;--success:#4caf50;--danger:#dc4c6;--warning:#f39c12;--info:#3498db;--danger:#dc3545;--light:#ecf0f1;--dark:#2c3e50;--background:#ffffff;--foreground:#333333;--border-radius:4px}img,svg{display:block}.navbar-brand{width:200px}.logo-container{max-width:220px}.container.main{padding:2em 1em}.navbar .container{padding-left:1em!important;padding-right:1em!important}.container.sidebar-body{width:100%;max-width:100%}body{background-color:var(--background);color:var(--foreground);font-family:Calibri,Segoe UI,sans-serif}h1{font-size:2.5rem;font-weight:600;color:#333}.card{border-radius:var(--border-radius);background-color:#fff;box-shadow:0 2px 5px rgba(0,0,0,.1);margin-bottom:20px;border-color:rgba(0,0,0,0)}.card-header{background-color:var(--primary);color:#fff;border-bottom:2px solid #e5e5e5;font-size:1.25rem;font-weight:500;padding:.35em .75em;border-radius:var(--border-radius) var(--border-radius) 0 0}.card-header h5{font-size:18px}.card-header h4{padding:0;margin:0;font-size:18px}.table{border-collapse:collapse;border-spacing:0 8px;border-radius:var(--border-radius)}.table-hover tbody tr:hover{background-color:#f1f1f1}.table td,.table th{padding:15px 20px;text-align:left;vertical-align:middle}.table th{background-color:var(--primary);color:#fff;font-weight:500}.table th:first-child{border-top-left-radius:var(--border-radius)}.table th:last-child{border-top-right-radius:var(--border-radius)}.table tr:last-child td:first-child{border-bottom-left-radius:var(--border-radius)}.table tr:last-child td:last-child{border-bottom-right-radius:var(--border-radius)}.table-striped tbody tr:nth-of-type(odd){background-color:#fafafa}.btn{border-radius:var(--border-radius);transition:all .2s ease-in-out;padding:8px 12px}.btn-primary{background-color:var(--primary)}.btn-primary:hover{background-color:rgb(56.05,107.35,191.9)}.btn-danger{background-color:#dc4c64}.btn-danger:hover{background-color:#bb2d3b}.btn-success{background-color:#14a44d}.btn-success:hover{background-color:rgb(19,155.8,73.15)}button{background-color:#0078d4;border:none;color:#fff;padding:8px 16px;border-radius:var(--border-radius);font-size:.9rem;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#005a8a!important}a{color:#0078d4;text-decoration:none}a:hover{text-decoration:underline}.table td,.table th{padding:8px 12px}.table tbody tr{margin-bottom:0!important}.table-hover tbody tr:hover{background-color:#e9ecef}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}.sidebar{position:fixed;top:0;right:0;width:90%;height:100%;background-color:#f8f9fa;box-shadow:-4px 0 10px rgba(0,0,0,.2);transform:translateX(100%);transition:transform .3s ease-in-out;z-index:1050}.sidebar.open{transform:translateX(0)}.sidebar-close{position:absolute;top:10px;left:10px;background-color:#f1f1f1;border:none;padding:10px;cursor:pointer}.sidebar-body{padding:20px;height:calc(100% - 50px);overflow-y:auto}.modal-backdrop{background-color:rgba(0,0,0,.5)}.modal-header .close{font-size:1.5rem;color:#999;opacity:1}#toast-container{position:fixed;top:10px;right:10px;z-index:9999}.navbar .user-session .dropdown-toggle{display:flex;align-items:center;padding-right:10px}.navbar .user-session .dropdown-toggle:after{position:relative;top:2px;margin-left:5px}.navbar .user-session .dropdown-toggle span{display:flex;align-items:center}.nav-user{display:flex;padding-right:8px;padding-top:8px}.dropdown-status-text{text-transform:capitalize}.dropdown-toggle{display:flex;align-items:center}.dropdown-toggle.full-width:after{position:absolute;right:15px}.bg-info,.bg-info:active,.bg-info:focus,.bg-info:hover{color:#2c3e50}.custom-dropdown .dropdown-toggle{background-color:#fff!important;border:1px solid #ccc;color:#333!important;padding-right:1.5em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown-inside-span{display:inline-block;max-width:11vw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.custom-dropdown .dropdown-menu{background-color:#fff!important;border:1px solid #ccc;color:#333!important}.custom-dropdown .dropdown-item{color:#333!important}.custom-dropdown .dropdown-item:hover{background-color:#f8f9fa;color:#007bff}.custom-dropdown .dropdown-item:active,.custom-dropdown .dropdown-item:focus{background-color:#e2e6ea!important;color:#333!important}.custom-dropdown .dropdown-item.selected{background-color:#007bff!important;color:#fff!important}.custom-dropdown .dropdown-toggle:active,.custom-dropdown .dropdown-toggle:focus{color:#333!important;background-color:#fff!important}.delete-button{color:#e74c3c;border-radius:var(--border-radius);padding:5px;transition:all .3 ease-in-out;margin-left:8px;font-size:36px;cursor:pointer}.delete-button:active,.delete-button:hover{color:#c00}.form-label{font-size:18px;color:var(--dark)}.custom-input{border:1px solid #ccc}.react-datepicker-wrapper input{padding:.375rem .75rem;border:1px solid #ccc;border-radius:4px;width:130px}.edit-form>div{padding:12px 20px 24px}.icon-close{padding:6px;background-color:rgba(0,0,0,.2);border-color:rgba(0,0,0,.3)}.icon-close:hover{background-color:rgba(0,0,0,.4)}.icon-close>svg{font-size:24px;cursor:pointer;color:var(--light)}.success-save{padding-left:32px;padding-right:2em;font-size:1.1em;position:absolute;z-index:9;top:45px;right:2em;width:430px;margin:1em auto 1em -.75em;white-space:nowrap}.success-save svg{color:#fff;left:16px;position:absolute;margin-right:20px}.bg-success{background-color:rgba(25,135,84,.85)!important}.state{display:block;width:20px;height:16.5px;border-radius:50%;content:""}.state.gray{background-color:#555;border:1px solid #000}.state.green{background-color:#00ab45;border:1px solid #006c2b}.state.yellow{background-color:#f1c40f;border:1px solid #a48405}.state.red{background-color:#ff5733;border:1px solid #a92e12}.custom-modal{top:3em}.custom-header{background-color:var(--primary);color:#fff;border-bottom:2px solid #e5e5e5;padding:.75em .75em .35em;position:relative}.custom-header .modal-title button{position:absolute;right:16px;top:5px}.custom-title{font-size:18px;color:#fff}.nowrap{white-space:nowrap}.active-btn{position:relative;border-radius:0}.active-btn:before{content:"";position:absolute;top:-2px;left:-6px;width:0;height:0;border-left:8px solid rgba(0,0,0,0);border-right:8px solid rgba(0,0,0,0);border-bottom:8px solid hsla(0,0%,100%,.6);transform:rotate(-45deg)}.full-clickable-checkbox label{cursor:pointer;transition:all .2s ease-in-out}.full-clickable-checkbox label:hover{color:var(--primary)}.full-clickable-checkbox input{border:1px solid #ccc;cursor:pointer;width:20px;height:20px;margin-right:8px;margin-top:1px}.dropdown-item{display:flex;width:100%;white-space:nowrap;padding:.5em 1em}.icon-dropdown{font-size:18px}.icon-clearFilters{font-size:22px;display:inline-block;cursor:pointer}.icon-project{color:var(--info)}.icon-warning{color:var(--danger)}.icon-pending{color:var(--warning);border-radius:50%}.icon-sent{color:var(--success);border-radius:50%}.icon -draft{color:var(--secondary)}.date-picker-wrapper{position:relative;display:flex;align-items:center;width:-moz-fit-content;width:fit-content}.date-picker-wrapper .react-datepicker-wrapper{width:100%}.date-picker-icon{position:absolute;right:10px;color:#6c757d;pointer-events:none}.filters{background-color:#eee;border-radius:var(--border-radius) var(--border-radius) 0 0}.btn-filters{font-size:24px;padding:5px;margin:5px}.idDisplayRow{display:inline-block;max-width:120%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0}.modal-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.2);display:flex;align-items:center;justify-content:center;z-index:1050}.spinner{text-align:center;position:absolute;width:"100%";height:"100%";background:"rgba(255, 255, 255, 0.7)";display:"flex";justify-content:"center";align-items:"center";z-index:10;border-radius:"10px"}.spinner .spinner{display:block}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;font-weight:700;font-size:16px;gap:10px}.loading-container .loading-message{height:20px;overflow:hidden;position:relative}.loading-container .loading-message span{position:absolute;width:100%;text-align:center;opacity:0;animation:fadeMessage 9s linear infinite}.loading-container .loading-message span:first-child{animation-delay:0s}.loading-container .loading-message span:nth-child(2){animation-delay:3s}.loading-container .loading-message span:nth-child(3){animation-delay:6s}.loading-container .loading-message span:nth-child(4){animation-delay:9s}.loading-container .loading-dots{display:inline-flex;align-items:center;justify-content:center}.loading-container .loading-dots span{width:8px;height:8px;margin:0 3px;background-color:#fff;border-radius:50%;display:inline-block;animation:blink 1.4s ease-in-out infinite both}.loading-container .loading-dots span:first-child{animation-delay:-.32s}.loading-container .loading-dots span:nth-child(2){animation-delay:-.16s}.loading-container .loading-dots span:nth-child(3){animation-delay:0s}@keyframes fadeMessage{0%{opacity:0;transform:translateY(10px)}10%{opacity:1;transform:translateY(0)}30%{opacity:1}40%{opacity:0;transform:translateY(-10px)}to{opacity:0}}@keyframes blink{0%,80%,to{opacity:0}40%{opacity:1}}.files-text,.wrapper-input-upload{width:100%;display:block;cursor:pointer}.files-text{background-color:#fff;color:#333;font-size:16px;border:1px solid #ccc;padding:.35em 1em .35em 2.25em;margin:0;position:relative;border-radius:0 var(--border-radius) var(--border-radius) 0;text-align:left!important;transition:all .25s ease-in-out}.files-text:hover{border:1px solid #aaa;color:#000}.files-text img{position:absolute;left:10px;top:3px}.files-label{background-color:#f8f9fa;color:#000;font-size:16px;border:1px solid #ccc;border-radius:var(--border-radius) 0 0 var(--border-radius);display:block;padding:.35em 1em;font-weight:400;margin:0;white-space:nowrap}.files-label+div{display:block;width:100%}.layout-container{display:flex;flex-direction:column;min-height:100vh;width:100%}.layout-main{flex-grow:1}body,html{height:100%;margin:0;padding:0}