#app{text-align:center}.login-view{background-color:#1e332f;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center;margin:0;padding:0;box-sizing:border-box}body,html{margin:0;padding:0;width:100%;height:100%}.login-container{max-width:500px;margin:10rem auto;background-color:#fff;border-radius:10px;border:2px solid rgba(0,0,0,.1);box-shadow:0 0 10px rgba(0,0,0,.1);padding:20px}.login-header{display:flex;justify-content:space-around}.login-content{text-align:center}.login-logo{display:block;margin:0 auto 20px auto;width:80%;height:auto}.login-content h2{margin-bottom:35px;font-size:25px;text-align:center;font-family:Scandia,sans-serif}.login-content form{display:flex;flex-direction:column;font-family:Scandia,sans-serif}.login-content input{margin-bottom:10px;border-radius:25px;border:1px solid #ccc;font-size:14px}.login-button,.login-content input{padding:10px;font-family:Scandia,sans-serif}.login-button{background-color:#b7e124;color:#103028;border:none;border-radius:20px;font-size:16px;cursor:pointer;border:1px solid transparent;box-sizing:border-box}.login-button:hover{border:1px solid #103028}.login-button:disabled{background-color:#ccc;border:1px solid transparent;cursor:not-allowed}.error-message{color:red;font-size:12px;margin-top:5px;font-family:Scandia,sans-serif}.margen_total{margin-top:6rem;padding:10px;overflow-y:hidden;display:flex;flex-direction:column;gap:40px}table{width:100%;border-collapse:collapse;border:2px solid #000;overflow-y:auto;margin-bottom:10px}.table-container_1{min-height:300px}.table-container_1,.table-container_2{position:relative;max-height:390px;overflow-x:hidden;overflow-y:auto;white-space:nowrap}td,th{max-width:120px;text-overflow:inherit;white-space:normal;padding:8px;text-align:center;color:#000;border-right:2px solid #000;font-size:.7rem}td,th{font-family:Scandia,sans-serif}th{background-color:#95ea00}th,tr{border-bottom:2px solid #000}tr:hover{background-color:#38dea2}.table-title{text-align:center;background-color:#1e332f;color:#28d1a2;font-size:.8rem;padding:10px;font-family:Scandia,sans-serif}.table-subtitle{background-color:#95ea00;padding:9px}.table-data,.table-subtitle{text-align:center;color:#000;font-family:Scandia,sans-serif}.table-data{background-color:#fff;padding:5px;justify-content:center;font-size:.7rem}.export-button{position:absolute;top:2.5%;right:.5%;padding:5px 10px;background-color:#000;color:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer;font-size:8px}.table-header-container{justify-content:flex-end}.table-row{gap:20px;flex-wrap:wrap}.modal-overlay,.table-row{display:flex;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;align-items:center;background:rgba(0,0,0,.5)}.modal-content{margin-top:5rem;background:#fff;padding:20px 30px;border-radius:8px;width:80vw;height:70vh;max-width:none;max-height:none;overflow-y:auto;position:relative;font-family:Scandia,sans-serif}.modal-close{position:absolute;top:4px;right:7px;cursor:pointer;font-size:20px;color:#000;border-radius:5px}.modal-table-container{min-height:50vh;max-height:65vh;overflow-y:auto;overflow-x:hidden;white-space:nowrap}.modal-table{width:100%;border-collapse:collapse}.modal-table td,.modal-table th{white-space:normal;text-overflow:inherit;text-align:center;font-size:.8em;padding:5px}.modal-table-container::-webkit-scrollbar-thumb{background-color:#888;border-radius:5px}.modal-table-title{position:relative;text-align:center;background-color:#1e332f;color:#28d1a2;font-size:.8em;padding:10px;font-family:Scandia,sans-serif;border-bottom:2px solid #000}.modal-export-button{position:absolute;right:.5%;top:12%;background-color:#000;color:#fff;border:1px solid #fff;border-radius:5px;cursor:pointer;padding:3px 6px;font-size:.6rem}.header-with-filter{position:relative;align-items:center;justify-content:space-between}.header-with-filter i{margin-left:12px;cursor:pointer}.filter-options-list{position:absolute;background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 8px 16px rgba(0,0,0,.2);padding:5px;list-style:none;margin-top:10px;width:95%;max-height:200px;overflow-y:auto;z-index:9999}.filter-options-list li{padding:10px;cursor:pointer}.filter-options-list li:hover{background-color:#f0f0f0}.filter-search-input{width:90%;margin-bottom:5px;margin-left:5px;margin-right:5px}.selected-option{background-color:#d3d3d3}.observaciones-cell{max-height:80px;height:80px;overflow-y:auto;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;padding-right:.35rem}.observaciones-cell::-webkit-scrollbar{width:8px}.observaciones-cell::-webkit-scrollbar-thumb{background-color:#888;border-radius:3px}.observaciones-cell::-webkit-scrollbar-track{background-color:#f1f1f1}.icon-button{position:relative;display:flex;align-items:center;justify-content:left;background-color:#1e332f;border:2px solid #38dea2;border-radius:4px;height:150px;cursor:pointer;overflow:hidden;transition:color .3s,border-color .3s;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:Scandia,sans-serif}.icon-button:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,#38dea2 0,rgba(0,86,179,0));transition:width .3s;z-index:0;font-family:Scandia,sans-serif}.icon-button:hover:before{width:40%}.icon-button__text{position:relative;z-index:1;display:flex;text-align:left;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding:0 20px;font-family:Scandia,sans-serif}.icon-button__text--primary{color:#95e707;font-size:1.1rem;font-weight:700;font-family:Scandia,sans-serif}.icon-button__text--secondary{font-size:.8rem;color:#ccc;margin-top:5px;font-family:Scandia,sans-serif}.icon-button__icon{font-size:5rem;margin-right:5px;margin-left:20px;color:#fff}.sidemenu-wrapper{flex-direction:column;box-sizing:border-box}.profile-section{text-align:center;margin-top:25px;color:#fff;margin-left:40px;margin-right:40px}.profile-image{background-color:#fff;border-radius:50%;width:100px;height:100px;margin:0 auto}.supervisor-name{margin-top:15px;margin-bottom:15px;color:#000;font-size:18px;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:Scandia,sans-serif;font-weight:700}.sidemenu-icon{height:60px;width:60px;margin-top:20px;margin-bottom:20px}.menu-wrapper{background-color:#fff;box-sizing:border-box;display:flex;flex-direction:column}.menu-items{padding:0;margin:0;list-style:none}.menu-button{display:flex;align-items:center;width:100%;padding:10px 15px;background-color:#fff;color:#000;border:none;cursor:pointer;font-size:1rem;transition:background-color .3s ease,color .3s ease;box-sizing:border-box;position:relative}.menu-button.active{background-color:#1e332f;color:#fff;cursor:pointer}.menu-button:not(.active):hover{background-color:#e7e6e6}.menu-button i{margin-right:15px}.button-text{display:flex;margin:0;font-family:Scandia,sans-serif;font-weight:700;font-size:85%}.menu-items li{border-bottom:1px solid #8cf021}.menu-items li:last-child{border-bottom:none}.menu-icon{height:50px;width:50px;margin-right:15px}.layout-container{display:flex;flex-direction:row}.sidemenu-container{display:flex;flex-direction:column;margin-left:10px}.home-sidemenu{background-color:#8cf021;margin-top:5rem}.home-menu{background-color:#fff;margin-top:1rem}.main-container{flex:1;padding:20px;margin-top:5.5rem}.content-columns{display:grid;grid-template-columns:2fr 1fr;gap:20px;align-items:start}.buttons-container{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;font-family:Scandia,sans-serif}.tables-container{display:grid;grid-template-columns:1fr}.table-wrapper{padding:1px;box-sizing:border-box}.disabled{pointer-events:none;opacity:.5}@media (max-width:1024px){.buttons-container,.content-columns{grid-template-columns:1fr}}@media (max-width:768px){.layout-container{flex-direction:column}.sidemenu-container{margin-left:0;margin-bottom:20px;margin-top:4.5rem}.main-container{margin-top:0;padding:10px}.buttons-container,.home-menu,.home-sidemenu,.tables-container{margin-top:10px}}.layout-container-historico{display:flex;flex-direction:row;font-family:Scandia,sans-serif}.sidemenu-container-historico{display:flex;flex-direction:column;margin-left:10px;font-family:Scandia,sans-serif}.home-sidemenu-historico{background-color:#8cf021;margin-top:5rem;font-family:Scandia,sans-serif}.home-menu-historico{background-color:#fff;margin-top:1rem;font-family:Scandia,sans-serif}.main-container-historico{flex:1;padding:20px;margin-top:5.5rem;font-family:Scandia,sans-serif}.content-columns-historico{display:grid;grid-template-columns:2fr 1fr;gap:20px;font-family:Scandia,sans-serif}.left-column-historico{display:flex;flex-direction:column;font-family:Scandia,sans-serif}.datepicker-container-historico{display:flex;justify-content:center;align-items:center;margin-bottom:20px;position:relative;font-family:Scandia,sans-serif}.calendar-label{margin-right:10px;font-weight:700;font-family:Scandia,sans-serif}.calendar-input{padding:5px;font-size:16px;border-radius:4px;border:1px solid #ccc;cursor:pointer;font-family:Scandia,sans-serif}.buttons-container-historico{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;font-family:Scandia,sans-serif}.right-column-historico{font-family:Scandia,sans-serif;flex-direction:column;gap:20px}.table-wrapper-historico{padding:1px;box-sizing:border-box;font-family:Scandia,sans-serif}@media (max-width:1024px){.buttons-container-historico,.content-columns-historico{grid-template-columns:1fr}}@media (max-width:768px){.layout-container-historico{flex-direction:column}.main-container-historico{margin-top:0;padding:10px}.datepicker-container-historico{justify-content:center;margin-bottom:10px}.calendar-input{width:100%;max-width:300px}}.spinner-container{text-align:center}.clientes-table-container{padding:10px;font-weight:700}.clientes-table-container,.letter{font-family:Scandia,sans-serif}.loading-spinner{display:flex;justify-content:center;align-items:center;height:60vh}.fa-spinner{font-size:3rem;color:#ccc}.navbar-top{position:fixed;top:0;left:0;width:100%;height:15px;background-color:#fff;color:#000;padding:1rem;z-index:1000;display:flex;align-items:center;justify-content:flex-start;box-shadow:0 2px 4px rgba(0,0,0,.1)}.navbar-top .dropdown-container{position:relative;display:flex;align-items:center}.navbar-top .dropdown-button{background:none;border:none;color:#28d1a2;cursor:pointer;display:flex;align-items:center}.navbar-top .dropdown-button,.navbar-top .dropdown-content{font-size:.8rem;font-family:Scandia,sans-serif;font-weight:700}.navbar-top .dropdown-content{display:block;position:absolute;top:100%;background-color:#1e332f;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;border:.5px solid #ddd;border-radius:4px;width:200px;margin-right:10px}.navbar-top .dropdown-content a{display:block;padding:.5rem 1rem;color:#28d1a2;text-decoration:none;font-family:Scandia,sans-serif;font-weight:700;font-size:.8rem}.navbar-top .dropdown-content a:hover{background-color:#f0f0f0}.navbar-top .dropdown-button i.fa-caret-down{margin-left:10px;font-size:14px;color:#28d1a2;transition:transform .3s ease}.logout-button{background-color:#8cf021;color:#000;border:none;padding:10px;border-radius:5px;cursor:pointer;margin-left:auto;margin-right:30px;font-family:Scandia,sans-serif;font-weight:700}.logout-button:hover{background-color:#ccc}.navbar-top .dropdown-button i.fa-caret-down:hover,.navbar-top .dropdown-button:hover{color:#86bc25}.navbar-top .supervisor-selected{font-size:.8rem;white-space:nowrap;color:#28d1a2;font-family:Scandia,sans-serif;font-weight:700}.navbar-top .selected{background-color:#1f5e56}.navbar-bottom{position:fixed;top:45px;left:0;width:100%;height:15px;background-color:#1e332f;color:#fff;padding:1rem;z-index:999;display:flex;align-items:center}.navbar-bottom ul{list-style-type:none;margin:0;padding:0;display:flex;flex:1;justify-content:space-between;align-items:center}.navbar-bottom li{margin:0}.navbar-bottom a{color:#28d1a2;text-decoration:none;padding:.5rem 1rem;position:relative;transition:color .3s;font-family:Scandia,sans-serif;font-weight:700}.navbar-bottom a:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;height:2px;background-color:transparent;transition:background-color .3s}.navbar-bottom a.active:before{background-color:#86bc25;width:80%}.navbar-bottom .dropdown{position:relative;margin-right:25px;margin-top:1.5rem;margin-bottom:1.5rem}.navbar-bottom .dropdown-button{color:#28d1a2;border:none;padding:10px 20px;cursor:pointer;height:30px;display:flex;align-items:center;justify-content:space-between}.navbar-bottom .dropdown-button,.navbar-bottom .dropdown-content{background-color:#1e332f;font-size:.8rem;font-family:Scandia,sans-serif;font-weight:700}.navbar-bottom .dropdown-content{position:absolute;box-shadow:0 8px 16px 0 rgba(0,0,0,.2);border:.5px solid #ddd;z-index:1000;top:100%;right:0;margin-right:10px;max-height:200px;overflow-y:auto;width:200px}.navbar-bottom .dropdown-content a{display:block;padding:.5rem 1rem;color:#28d1a2;text-decoration:none;font-family:Scandia,sans-serif;font-weight:700;font-size:.8rem}.navbar-bottom .dropdown-content a:hover{background-color:#f0f0f0}.navbar-bottom .dropdown-button i.fa-caret-down{margin-left:10px;font-size:14px;color:#28d1a2;transition:transform .3s ease}.navbar-bottom .client-selected{margin-right:1vh;white-space:nowrap;color:#28d1a2}.navbar-bottom .client-selected,.navbar-bottom .extras{font-size:.8rem;font-family:Scandia,sans-serif;font-weight:700}.navbar-bottom .extras{transition:.3s;margin-right:10px}.navbar-bottom .dropdown-button:hover,.navbar-bottom .extras:hover,.navbar-bottom a.active{color:#86bc25}.navbar-bottom .selected-client{background-color:#1f5e56}.navbar-bottom .dropdown-search{width:70%;margin-top:3%;margin-bottom:3%;padding:5px;font-size:14px;border:1px solid #aaa;border-radius:4px;outline:none;box-shadow:none;font-family:Scandia,sans-serif;color:#555;text-align:center}.navbar-bottom .dropdown-search:focus{border-color:#777}@font-face{font-family:Scandia;src:url(/fonts/Scandia-Regular.e32d9f79.woff2) format("woff2"),url(/fonts/Scandia-Regular.feaf764c.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Scandia;src:url(/fonts/Scandia-RegularItalic.f5184005.woff2) format("woff2"),url(/fonts/Scandia-RegularItalic.2ed94a2d.woff) format("woff");font-weight:400;font-style:italic}@font-face{font-family:Scandia;src:url(/fonts/Scandia-Bold.c9f17ead.woff2) format("woff2"),url(/fonts/Scandia-Bold.dd47a588.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Scandia;src:url(/fonts/Scandia-BoldItalic.6a02fae4.woff2) format("woff2"),url(/fonts/Scandia-BoldItalic.e000df7d.woff) format("woff");font-weight:700;font-style:italic}@font-face{font-family:Scandia;src:url(/fonts/Scandia-Light.7ab7fba2.woff2) format("woff2"),url(/fonts/Scandia-Light.00bf7adb.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Scandia;src:url(/fonts/Scandia-LightItalic.c6d0679b.woff2) format("woff2"),url(/fonts/Scandia-LightItalic.da603b73.woff) format("woff");font-weight:300;font-style:italic}@font-face{font-family:Scandia;src:url(/fonts/Scandia-Medium.21c2258d.woff2) format("woff2"),url(/fonts/Scandia-Medium.e2c1eb3d.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Scandia;src:url(/fonts/Scandia-MediumItalic.0b7bd978.woff2) format("woff2"),url(/fonts/Scandia-MediumItalic.1e4e3bb1.woff) format("woff");font-weight:500;font-style:italic}@font-face{font-family:Scandia Stencil;src:url(/fonts/Scandia-Stencil.ce384f67.woff2) format("woff2"),url(/fonts/Scandia-Stencil.1489cb74.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Scandialine;src:url(/fonts/ScandiaLine-Regular.13a42aa3.woff2) format("woff2"),url(/fonts/ScandiaLine-Regular.b605e440.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Scandialine;src:url(/fonts/ScandiaLine-Bold.95fdb5ad.woff2) format("woff2"),url(/fonts/ScandiaLine-Bold.4936b08a.woff) format("woff");font-weight:700;font-style:normal}