html,[theme~=dark]{--lumo-primary-color: #F49F24;--lumo-primary-text-color: hsl(36, 100%, 50%);--lumo-header-text-color: #F49F24}@media (max-width: 799px){html{font-size:var(--lumo-font-size-xs)}}.clockin{background-color:var(--lumo-success-color)}.clockout{background-color:var(--lumo-error-color)}.stateicon{width:32px}.greenicon{color:var(--lumo-success-color)}.redicon{color:var(--lumo-error-color)}.orangeicon{color:#f90}.grayicon{color:gray}span.green{color:var(--lumo-success-text-color)}span.red{color:var(--lumo-error-text-color)}.view-layout{flex-direction:column;flex-grow:1;height:100%}.view-topbar{padding:0 20px;align-items:center}.view-topbar>h1{overflow:hidden;margin:0}@media (max-width: 799px){.view-topbar>h1{font-size:var(--lumo-font-size-l)}}@media (max-width: 640px){.view-topbar{padding:0 10px}.view-topbar>h1{font-size:var(--lumo-font-size-l)}}.view-content{flex-direction:column;flex-grow:1}.view-form{display:flex;flex-direction:column;padding:0 20px}.view-form.hidden{display:none}.view-form .part{flex-direction:column;flex-grow:1}.view-form .part:first-child{margin-right:20px}.dashboard-view{display:flex;flex-flow:column;overflow-y:auto;height:100%;width:100%}.dashboard-header{display:flex;flex:0 0 auto}.dashboard-infoboxes{display:flex;flex-flow:row wrap;width:100%;margin:20px 20px 0;background:var(--lumo-base-color);border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-s)}.dashboard-infobox{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:20px;flex-direction:column;justify-content:center;width:25%;border-left:1px solid #d5d5d5;line-height:1.35}.dashboard-infobox>.caption{justify-content:center;font-size:var(--lumo-font-size-xs);color:var(--lumo-tertiary-text-color)}.dashboard-infobox>.content{justify-content:center;font-size:var(--lumo-font-size-xxl)}.dashboard-infobox:first-child{border-left:none}@media (max-width: 950px){.dashboard-infobox{width:50%}.dashboard-infobox:nth-child(odd){border-left:none}.dashboard-infobox:nth-child(n+3){border-top:1px solid #d5d5d5}}@media (max-width: 450px){.dashboard-infobox{width:100%;border-left:none;border-top:1px solid #d5d5d5}.dashboard-infobox:first-child{border-top:none}}.dashboard-content{display:flex;flex-grow:1}.dashboard-panels{display:flex;flex-grow:1;flex-flow:row wrap;margin:10px}.dashboard-panel-wrapper{display:flex;width:50%;min-height:260px;flex-grow:1}.dashboard-panel{display:flex;flex-grow:1;flex-direction:column;justify-content:center;box-sizing:border-box;border-radius:var(--lumo-border-radius-s);box-shadow:var(--lumo-box-shadow-s);margin:10px}.dashboard-panel>.toolbar{padding:4px;height:25px}.dashboard-panel>.toolbar>h6{margin-top:4px}.dashboard-panel>.toolbar>vaadin-button{margin:0;height:25px}.dashboard-panel>.content{flex-grow:1}@media (max-width: 1000px){.dashboard-panel-wrapper{width:100%}}.login-screen{background-color:#3b3f42;background-image:url(./xtime_bg-BapvlhPz.jpg);background-size:cover;background-position:50% 50%}.login-information{min-width:300px;flex:0;color:var(--lumo-base-color)}.login-form{width:310px;padding:20px;background-color:var(--lumo-base-color);-webkit-border-radius:var(--lumo-border-radius);-moz-border-radius:var(--lumo-border-radius);border-radius:var(--lumo-border-radius)}.login-information .footer{display:flex;flex-direction:column;font-size:var(--lumo-font-size-xxs)}@media (max-width: 799px){.login-information{min-width:200px;font-size:var(--lumo-font-size-xs)}.login-information h1{font-size:var(--lumo-font-size-xl)}}@media (max-width: 639px){.login-form{width:250px}.login-screen{flex-direction:column}.login-information{display:block;text-align:center;font-size:var(--lumo-font-size-s)}.login-information .footer{position:absolute;left:0;bottom:8px;width:100%}}.user-menu{cursor:pointer;border-radius:25px;margin-right:10px}.user-menu>img{width:30px;height:30px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.drawer{background-image:url(./xtime_bg-BapvlhPz.jpg);background-size:cover;background-position:-50px 0;width:230px}vaadin-drawer-toggle::part(icon):before{color:var(--lumo-contrast-90pct)}.navbar-title{align-items:center}.navbar-title>label{padding-left:10px}vaadin-scroller[slot=drawer]{padding:var(--lumo-space-s)}[slot=drawer]:is(header,footer){display:flex;align-items:center;gap:var(--lumo-space-s);padding:var(--lumo-space-s) var(--lumo-space-m);min-height:var(--lumo-size-xl);box-sizing:border-box}[slot=drawer]:is(header,footer):is(:empty){display:none}vaadin-app-layout::part(navbar){min-height:auto;color:var(--lumo-base-color);background-color:var(--lumo-primary-color)}:host .container{flex-grow:1}:host{--vaadin-form-item-label-width: 13em}vaadin-dialog-overlay{padding:var(--lumo-space-xs)}vaadin-dialog-overlay::part(overlay){display:flex;animation:none!important;max-width:512px}vaadin-grid::part(red-text){color:var(--lumo-error-text-color)}vaadin-grid::part(green-text){color:var(--lumo-success-text-color)}vaadin-grid::part(gray-text){color:gray}vaadin-grid::part(stamp red){border-left:4px solid var(--lumo-error-color);color:var(--lumo-error-text-color)}vaadin-grid::part(stamp green){border-left:4px solid var(--lumo-success-color);color:var(--lumo-success-text-color)}vaadin-grid::part(stamp gray){border-left:4px solid gray;color:gray}vaadin-grid::part(even-row-cell){background-color:var(--lumo-shade-5pct)}:host:last-child{width:100%}:host([theme~="info"]) [part~=overlay]{color:var(--lumo-primary-text-color)}:host([theme~="success"]) [part~=overlay]{color:var(--lumo-success-text-color)}:host([theme~="warning"]) [part~=overlay]{color:#ff6700}:host([theme~="error"]) [part~=overlay]{background-color:var(--lumo-error-color);color:var(--lumo-error-contrast-color)}vaadin-tabs{transition:transform .3s}vaadin-tab[selected] a[router-link]>span{color:#fff}vaadin-tab:hover{color:#f49f24}vaadin-tab>a{padding-left:0}vaadin-tab>a>vaadin-icon{color:#f90;margin-right:16px;margin-left:16px}vaadin-tab>a>span{color:#f90;overflow:hidden}