@import"https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap";*{font-family:Outfit,sans-serif}*.rounded{--rs-u: up;--rs-d: down;--rs-n: nearest;--rs-z: to-zero;--ri: 1px}div.container{width:calc-size(auto,round(var(--rs-d),size,var(--ri)));height:calc-size(auto,round(var(--rs-n),size,var(--ri)))}html,body,#root{height:100%}body{margin:0;overflow:hidden;background-color:#d6e1e7}#root{display:flex;flex-direction:column;height:100dvh;overflow:hidden;--widget-box-shadow: .2rem .2rem .1rem .1rem #2c2c2c;--button-box-shadow: .1rem .1rem .1rem .1rem #2c2c2c}.body-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.bodyElement-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden;background-color:#5c5c5c}.active{color:#9acece}.header-container{display:flex;position:static;top:0;justify-content:space-between;background-color:#326868;padding:.2rem 5rem}.logo-container{display:flex;flex-direction:column;align-items:center;margin:.25rem}.header-logo-img{display:flex;align-items:center}p{color:#fff;font-size:medium;margin:0 auto}.buttons-container{display:flex;align-items:center}.nav-buttons{display:flex;list-style-type:none;padding:0;min-width:50vw;justify-content:space-between}.nav-button{align-items:center}.nav-button a{color:#fff;text-decoration:none;font-size:1.25rem}.nav-button .active{color:#9acece}.nav-button a:hover{color:#9acece;text-align:center}.phone-button{display:flex;align-items:center;margin:.5rem 1rem;padding:.5rem 1rem;background-color:#d2dad8}.logout-button{margin-left:6rem;font-size:1.25rem;padding:.5rem 1.5rem;cursor:pointer;background-color:#88b6b6;border:none;border-radius:.25rem;color:#fff;box-shadow:var(--button-box-shadow)}.logout-button:hover{background-color:#6b8b8b}.footerbar-container{display:flex;flex-direction:row;overflow:hidden;height:2rem;background-color:#326868;bottom:0;left:0;right:0;align-items:center;font-size:.75rem}p.footerbar{text-align:center;display:flex;flex-direction:row}a.footerbar{font-size:1rem;font-weight:400;text-decoration:none;color:#fff}.signinup-panel{display:flex;flex-direction:column;justify-self:center;align-items:center;max-width:30vw;background:#326868;margin:10vh auto;padding:2rem;gap:2rem}.signinup-title{color:#fff;display:flex;flex-direction:column;text-align:center}.signinup-logo-img{width:20vw}.signinup-title h1{font-size:2.5rem;font-weight:400;margin:0}.signinup-form{display:flex;flex-direction:column;gap:.5rem}.signinup-form p{font-size:1.5rem;text-align:center}.signinup-form button{width:40%;margin-right:10%;cursor:pointer}.signinup-nav-container{display:flex;flex-direction:column;text-align:center}.signinup-nav-container p{font-size:1.2rem;padding-bottom:.5rem}.signinup-nav-container span{font-weight:700;cursor:pointer;margin-left:.5rem}.home-container{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;overflow:hidden}.home-container .home-body-container{display:flex;gap:.5vw;margin:0;padding:.5vw;flex:1 1 auto;min-height:0;min-width:0;overflow:hidden}.home-container .home-body-container .home-body-column{display:flex;flex-direction:column;min-height:0;min-width:0}.home-container .home-body-container .home-body-column.left{flex:0 0 35%;min-height:0;min-width:0}.home-container .home-body-container .home-body-column.right{flex:1 1 65%;min-height:0;min-width:0}.home-container .home-body-container .home-body-column .widget-container{flex:0 1 auto;min-height:0;min-width:0;overflow:visible}.home-container .home-body-container .home-body-column .widget-container.calendar{display:flex;width:100%;justify-content:center;font-size:calc(.6rem + .6vw);background-color:#ccd6d4;border-radius:.5em;overflow:visible}.tickets-widget-container{display:flex;flex-direction:column;min-height:0;width:100%;max-height:100%;background:#d2dad8;border-radius:1em 1em .5em .5em;overflow:hidden;box-shadow:var(--widget-box-shadow)}.title-container{grid-row:1;display:flex;align-items:center;justify-content:space-between;background:#ccd6d4;border-radius:1em 1em 0 0;padding-inline:1.5em}.widget-title{color:#326868;font-size:calc(.7rem + .6vw);font-weight:600;padding:.5em 0;margin:0}.ticket-table-container{display:flex;flex:1 1 auto;grid-row:2;min-height:0;min-width:0;overflow:auto}.ticket-table{width:100%;table-layout:fixed;border-collapse:separate;border-spacing:0;min-height:0}.ticket-table thead th{position:sticky;top:0;z-index:2;background:#d4d4d4;color:#326868;font-size:1.1rem;font-weight:600}.ticket-table th,.ticket-table td{padding:.5rem .75rem;text-align:center;border:1px solid #000;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ticket-table td{cursor:pointer}.ticket-table td.id{font-weight:600}.ticket-table thead th:first-child{border-left-width:1px}.ticket-table thead th:last-child{border-right-width:1px}.ticket-table tbody tr{background:#f1f1f1;transition:background-color .2s ease-out}.ticket-table tbody tr:hover{background:#d8d8d8;transition:background-color .1s ease-in}.calendar-widget-container{border-radius:.5em;overflow:hidden;box-shadow:var(--widget-box-shadow)}.react-calendar{width:100%;background:transparent;border:0;border-radius:inherit;overflow:visible;box-shadow:none}.react-calendar button:enabled:hover{cursor:pointer}.react-calendar__navigation{display:flex}.react-calendar__navigation button{font-size:calc(.6rem + .5vw);background:none;border:none;padding:.5rem 1rem}.react-calendar__navigation button:enabled:hover{background-color:#a1c2ba}.react-calendar__navigation button:disabled{background-color:#a1c2ba}.react-calendar__month-view__weekdays div{padding:.25rem 0;background-color:#99b4af;text-align:center}.react-calendar__month-view__weekdays div abbr{text-decoration:none;text-transform:uppercase;font-size:calc(.4rem + .5vw);font-weight:600}.react-calendar__month-view__days button{padding:1rem}.react-calendar__month-view__days button abbr{text-decoration:none}.react-calendar__tile--active:enabled:hover,.react-calendar__tile--active:enabled:focus{border:none}.react-calendar__month-view__days__day--weekend{color:#d10000}.react-calendar__tile{background-color:#f1f1f1;text-align:center;font-size:calc(.4rem + .5vw);border:none}.react-calendar__month-view__days__day--neighboringMonth,.react-calendar__decade-view__years__year--neighboringDecade,.react-calendar__century-view__decades__decade--neighboringCentury{color:#757575;background-color:#c9c9c9}.react-calendar__tile:disabled{background-color:#f0f0f0;color:#ababab}.react-calendar__month-view__days__day--neighboringMonth:disabled,.react-calendar__decade-view__years__year--neighboringDecade:disabled,.react-calendar__century-view__decades__decade--neighboringCentury:disabled{color:#cdcdcd}.react-calendar__tile:enabled:hover,.react-calendar__tile:enabled:focus{background-color:#a1c2ba}.react-calendar__tile--now{background-color:#326868;color:#e6e6e6}.react-calendar__tile--now:hover{color:#000}.react-calendar__tile--now:enabled:hover,.react-calendar__tile--now:enabled:focus{background:#326868;color:#fff}.documentation-container{width:100%;height:100%;display:flex;flex-direction:row}.documentation-nav{display:flex;flex-direction:column;background-color:#d2dad8;height:100%;width:17%}.documentation-nav h1{background-color:#326868;color:#d2dad8;text-align:center;font-weight:600}.documentation-nav-buttons{display:flex;flex-direction:column;padding-left:0;margin:0}.documentation-nav li{list-style-type:none;width:100%}.documentation-nav button{width:100%;height:2rem;cursor:pointer}.documentation-body{display:flex;flex-grow:1;height:100%}.radio-button-group{display:flex;flex-direction:column;gap:.25rem}.radio-button{border:2px solid #ccc;background-color:#fff;color:#333;cursor:pointer;border-radius:6px;transition:all .2s ease}.radio-button:hover{border-color:#888}.radio-button.active{background-color:#6b8b8b;color:#fff}.radio-button-div{visibility:hidden;height:0;color:#000}.radio-button-div.active{visibility:visible;height:fit-content}.administration-page-container{display:flex;flex-direction:column;background-color:#d2dad8;flex-grow:1;margin:.5vw}.state-buttons{height:100%;color:#000;border:none;font-size:1.25rem;font-weight:600;padding:0 1rem}.state-buttons.active{background-color:#6b8b8b}.administration-header-container{display:flex;flex-direction:row;height:3rem;max-width:100%;justify-content:space-between}.administration-body-container{display:flex;width:100%;height:100%}.clients-body{width:100%;visibility:hidden;display:flex;flex-direction:row}.clients-body.active{border:2px solid black;visibility:visible}.company-body{width:100%;visibility:hidden;display:flex;flex-direction:row}.company-body.active{border:2px solid black;visibility:visible}.administration-body-left{width:50%;color:#000;border-right:2px solid black;align-items:center}.administration-body-right{width:50%;color:#000}.administration-body-header{display:flex;flex-direction:row;justify-content:space-between;padding:0 3rem;align-items:center;background-color:#6b8b8b;height:3rem}h1.administration-body-header{margin:0}.administration-body-header span{display:flex;flex-direction:row;justify-content:space-between;padding:0 3rem;align-items:center;background-color:#6b8b8b;height:3rem}.administration-list{color:#000;text-align:center;padding-left:0}.administration-list li{list-style-type:none;padding:.5rem}.administration-list label{list-style-type:none;cursor:pointer;font-size:1.25rem}.administration-new-item-button{font-size:1rem;height:fit-content;padding:.25rem 1rem}.administration-new-item-form{display:flex;flex-direction:column;width:100%;margin:auto;align-items:center;gap:1rem;margin:1rem 0}.administration-new-item-form span{display:flex;flex-direction:row;width:70%;justify-content:space-between;align-items:center}.administration-new-item-form button,.client-details button{padding:0 1.5rem;font-size:1rem}.administration-item-details-container{display:flex;flex-direction:column;width:100%;margin:auto;align-items:center;gap:1rem;margin:1rem 0}.administration-item-details-row{display:flex;flex-direction:row;width:70%;justify-content:space-between;align-items:center}.edit-administration-item-button{font-size:1rem;height:fit-content;align-items:center;padding:.2rem .75rem}.profile-container{display:flex;flex-grow:1;margin:1vw;width:auto;height:auto;background-color:#d2dad8}