:root{--max-width:1100px;--border-radius:12px;--font-mono:ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;--foreground-rgb:0, 0, 0;--background-start-rgb:214, 219, 220;--background-end-rgb:255, 255, 255;--primary-glow:conic-gradient(from 180deg at 50% 50%, #16abff33 0deg, #0885ff33 55deg, #54d6ff33 120deg, #0071ff33 160deg, transparent 360deg);--secondary-glow:radial-gradient(#fff, #fff0);--tile-start-rgb:239, 245, 249;--tile-end-rgb:228, 232, 233;--tile-border:conic-gradient(#00000080, #00000040, #00000030, #00000020, #00000010, #00000010, #00000080);--callout-rgb:238, 240, 241;--callout-border-rgb:172, 175, 176;--card-rgb:180, 185, 188;--card-border-rgb:131, 134, 135}.App{text-align:center}.App-logo{pointer-events:none;height:40vmin}@media (prefers-reduced-motion:no-preference){.App-logo{animation:20s linear infinite App-logo-spin}}.App-header{color:#fff;background-color:#007f9d;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;font-size:calc(10px + 2vmin);display:flex}.App-link{color:#2e8b57}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.icon-1em{flex-shrink:0;width:1em;height:1em}path{pointer-events:all}path:hover{opacity:.5;cursor:pointer}.sonsBt{text-align:center;white-space:normal;flex:1;justify-content:center;align-items:center;width:100%;min-height:60px;display:flex;color:#fff!important;background:#d7212a!important;border:2px solid #d7212a!important;padding:12px 30px!important;font-family:Montserrat-Bold,Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:14px!important}.sonsBt:hover{border:2px solid #d7202a;color:#d7202a!important;background:#fff!important;padding:12px 30px!important;font-family:Montserrat-Bold,Arial,Helvetica,sans-serif!important;font-size:12px!important;font-weight:700!important;line-height:14px!important}.sonsBt-NoUnderline{display:inline-block;text-decoration:none!important}.spinner-container{justify-content:center;align-items:center;height:100vh;display:flex}.loading-spinner{border:5px solid #f3f3f3;border-top-color:#3498db;border-radius:50%;width:50px;height:50px;animation:2s linear infinite spin;position:relative}.loading-spinner img{width:32px;height:32px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.nav-menu{position:relative}.nav-toggle{display:none}.nav-toggle-label{cursor:pointer;color:#fff;text-align:center;background-color:#d7202a;border-radius:5px;padding:10px;display:none}.nav-list{justify-content:space-around;align-items:stretch;margin:0;padding:0;list-style:none;display:flex}.nav-list li{flex:1;margin-bottom:10px;margin-right:10px;display:flex}.nav-list li a{color:#007f9d;background-color:#fff;width:100%;text-decoration:none;display:flex}@media (max-width:768px){.nav-toggle-label{display:block}.nav-list{z-index:1000;background-color:#fff;border-radius:5px;flex-direction:column;display:none;position:absolute;top:100%;left:0;right:0}.nav-list li{margin-bottom:5px;margin-right:0}.nav-toggle:checked~.nav-list{display:flex}}.react-datepicker-wrapper,.react-datepicker__input-container{width:80%}.react-datepicker__input-container input{height:calc(1.5em + .75rem + 2px);box-shadow:none;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem;padding:.375rem .75rem}.react-datepicker__input-container input:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem #007bff40}.modal-open{overflow:hidden}.popover-fade{opacity:0;animation:.3s forwards fadeInSlideDown;transform:translateY(-10px)}@keyframes fadeInSlideDown{to{opacity:1;transform:translateY(0)}}.btn-sons-officers{color:#fff;background-color:#007f9d}.btn-sons-officers:hover{color:#fff;background-color:#006b87}.btn-save-ach{color:#fff!important;background-color:#257b4d!important;border-color:#257b4d!important}.btn-save-ach:hover:not(:disabled){color:#fff!important;background-color:#1f6740!important;border-color:#1f6740!important}@keyframes validationPulse{0%{box-shadow:0 0 #dc35458c}60%{box-shadow:0 0 0 5px #dc354500}to{box-shadow:0 0 #dc354500}}.validation-highlight{border-radius:6px}.validation-highlight .form-select,.validation-highlight .form-control,.validation-highlight .input-group-text{animation:.75s ease-out 3 validationPulse;border-color:#dc3545!important}
