.libs-timeline-containers{width:100%;height:calc(100vh - 190px);display:flex;position:relative;overflow:auto}.libs-timeline-containers .sidebar{z-index:2;background-color:#fff;width:240px;height:max-content;min-height:100%;position:sticky;left:0;box-shadow:0 4px 15px #27374b29}.libs-timeline-containers .sidebar .search{z-index:2;text-align:center;text-align:center;background-color:#f9f9f9;border-bottom:1px solid #f1f1f1;justify-content:center;align-items:center;width:240px;height:69px;min-height:69px;display:flex;position:sticky;top:0}.libs-timeline-containers .sidebar .sections{cursor:pointer;min-height:var(--height);border-bottom:1px solid #f1f1f1;border-right:solid 8px var(--color);align-items:center;gap:10px;padding:0 .8rem;display:flex}.libs-timeline-containers .sidebar .sections img{object-fit:cover;-ms-border-radius:30px;-o-border-radius:30px;border-radius:30px;width:30px;height:30px}.libs-timeline-containers .sidebar .sections:hover{color:var(--foreground)}.libs-timeline-containers .sidebar .sections.selected .title,.libs-timeline-containers .sidebar .sections.selected .subtitle{font-weight:600}.libs-timeline-containers .sidebar .sections .title{font-size:14px}.libs-timeline-containers .sidebar .sections .subtitle{color:var(--text-secondary-color);margin-top:1px;font-size:11px;font-style:italic}.libs-timeline-containers .sidebar .sections .title,.libs-timeline-containers .sidebar .sections .subtitle{line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.libs-timeline-containers .sidebar .sections .title{line-clamp:2;-webkit-line-clamp:2}.libs-timeline-containers .content{background-color:#fff;flex:1;width:max-content;height:max-content;min-height:100%}.libs-timeline-containers .content .datetime{z-index:1;background-color:#f9f9f9;height:69px;min-height:69px;position:sticky;top:0;left:240px}.libs-timeline-containers .content .datetime .date{text-transform:uppercase;color:#000;background-color:#fff;align-items:center;gap:1rem;width:100%;height:39px;min-height:39px;padding-left:15px;font-size:14px;font-weight:600;display:flex;position:fixed;top:187px}.libs-timeline-containers .content .datetime .date .now{cursor:pointer;-ms-border-radius:3px;-o-border-radius:3px;text-transform:capitalize;color:#3498db;background-color:#fff;border:1px solid #3498db;border-radius:3px;padding:3px 5px;font-size:12px;font-weight:400}.libs-timeline-containers .content .datetime .time{flex-direction:row;justify-content:center;align-items:center;height:30px;min-height:30px;padding-top:54px;font-size:13px;display:flex}.libs-timeline-containers .content .datetime .time>.item{border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;width:120px;min-width:120px;height:30px;min-height:30px;position:relative}.libs-timeline-containers .content .datetime .time>.item span{position:absolute;top:7px;left:-17px}.libs-timeline-containers .content .datetime .time>.item.now span{color:#3498db;font-size:14px;font-weight:600;top:6px}.libs-timeline-containers .content .datetime .time>.item:first-child span{display:none}.libs-timeline-containers .content .rows{border-bottom:1px solid #f2f2f2;flex-direction:row;flex:1;display:flex;position:relative}.libs-timeline-containers .content .rows .cols{text-align:center;border-left:1px dashed #ddd;justify-content:center;align-items:center;width:120px;min-width:120px;height:100%;display:flex;position:relative}.libs-timeline-containers .sidebar .sections.selected,.libs-timeline-containers .content .rows.selected{background-color:#f3f3f3}.libs-timeline-containers .content .rows .cols.now{border-left:none;position:relative}.libs-timeline-containers .content .rows .cols.now:after{content:"";z-index:1;border-left:1px dashed #3498db;width:1px;height:100%;position:absolute;left:0}.libs-timeline-containers .content .datetime .time>.item~.item,.libs-timeline-containers .content .datetime .time>.item:first-child,.libs-timeline-containers .content .rows>.cols:first-child{border-left:none}.libs-timeline-containers .content .rows>.cols{min-height:70px;height:var(--height)}.libs-timeline-containers .content .loading{position:absolute;top:0;left:0}.libs-timeline-containers .content .rows>.events{width:var(--width);left:var(--left);height:70px;top:var(--top);padding:var(--padding);cursor:pointer;position:absolute}.libs-timeline-containers .content .rows>.events .title,.libs-timeline-containers .content .rows>.events .subtitle{text-align:center;line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;padding:0 5px;font-size:10px;display:-webkit-box;overflow:hidden}.libs-timeline-containers .content .rows>.events .title{line-clamp:2;-webkit-line-clamp:2;text-align:center;border-bottom:1px dashed #737373;margin-bottom:3px;padding-bottom:3px;font-size:11px;font-weight:600}.libs-timeline-containers .content .rows>.events .items{border-left:var(--border-left);background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.libs-timeline-dialog-event{-ms-border-radius:3px;-o-border-radius:3px;background-color:#fff;border-radius:3px;width:600px;min-height:200px;max-height:95dvh;overflow-y:auto}.libs-timeline-dialog-event .header{z-index:1;background-color:#fff;justify-content:space-between;align-items:center;gap:.8rem;padding:.8rem;display:flex;position:sticky;top:0;left:0}.libs-timeline-dialog-event .header .customer{flex-grow:1}.libs-timeline-dialog-event .header .customer .name,.libs-timeline-dialog-event .header .customer .tags{line-clamp:1;-webkit-line-clamp:1;text-overflow:ellipsis;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.libs-timeline-dialog-event .header .customer .tags{color:var(--text-secondary-color);font-size:12px}.libs-timeline-dialog-event .header img{object-fit:cover;width:32px;height:32px}.libs-timeline-dialog-event .rooms,.libs-timeline-dialog-event .reservation{border-top:1px dashed #bbb;padding:.8rem}.libs-timeline-dialog-event .rooms{background-color:var(--rooms-bg-color)}.libs-timeline-dialog-event .reservation.no-border{border:none}.libs-timeline-dialog-event .rooms .item,.libs-timeline-dialog-event .reservation .item{color:var(--text-secondary-color);align-items:flex-start;gap:8px;font-size:14px;display:flex}.libs-timeline-dialog-event .reservation .item input{border:1px solid #bbb;width:100%;padding:4px 8px}.libs-timeline-dialog-event .reservation .item input:disabled{background-color:#f1f1f1;border:none}.libs-timeline-dialog-event .reservation .item input::placeholder{color:#a5a5a5}.libs-timeline-dialog-event .reservation .item i,.libs-timeline-dialog-event .reservation .item span,.libs-timeline-dialog-event .rooms .item i,.libs-timeline-dialog-event .rooms .item span{color:var(--text-primary-color)}.libs-timeline-dialog-event .rooms>.item~.item,.libs-timeline-dialog-event .reservation>.item~.item{margin-top:3px}.libs-timeline-dialog-event .actions{background-color:#fff;justify-content:flex-end;align-items:center;gap:10px;padding:.3rem .8rem .8rem;display:flex;position:sticky;bottom:0;left:0}.libs-timeline-dialog-event .actions .button{color:#e67e22;-ms-border-radius:4px;-o-border-radius:4px;cursor:pointer;background-color:#ffeedf;border:1px solid #ffcb9e;border-radius:4px;height:32px;font-size:.85rem;font-weight:600}.libs-timeline-dialog-event .actions .button:has(i){justify-content:center;align-items:center;display:flex}.libs-timeline-dialog-event .actions .button i{font-size:1.1rem}.libs-timeline-dialog-event .actions .button:hover{color:#fff;background-color:#e67e22;border-color:#e67e22}.libs-timeline-dialog-event .actions .button.confirm{color:#8e44ad;background-color:#f5ddff;border-color:#e19aff}.libs-timeline-dialog-event .actions .button.confirm:hover{color:#fff;background-color:#8e44ad;border-color:#8e44ad}.libs-timeline-dialog-event .actions .button.payment{color:#3498db;background-color:#ddf2ff;border-color:#9bd7ff}.libs-timeline-dialog-event .actions .button.payment:hover{color:#fff;background-color:#3498db;border-color:#3498db}.libs-timeline-dialog-event .actions .button.completed{color:#27ae60;background-color:#e5fff0;border-color:#27ae60}.libs-timeline-dialog-event .actions .button.completed:hover{color:#fff;background-color:#27ae60;border-color:#27ae60}.libs-timeline-dialog-event .actions .button.cancel{color:#e74c3c;background-color:#ffe6e3;border-color:#ffa59c}.libs-timeline-dialog-event .actions .button.cancel:hover{color:#fff;background-color:#e74c3c;border-color:#e74c3c}.libs-timeline-dialog-event .actions .button.info{color:#444;background-color:#f1f1f1;border-color:#a5a5a5}.libs-timeline-dialog-event .actions .button.info:hover{color:#fff;background-color:#444;border-color:#444}.libs-timeline-dialog-event .actions .span{flex-grow:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}@media only screen and (max-width:1440px){.libs-timeline-containers{height:calc(100vh - 185px)}.libs-timeline-containers .sidebar,.libs-timeline-containers .sidebar .search{width:200px}.libs-timeline-containers .content .datetime{left:200px}}@media only screen and (max-width:1280px){.libs-timeline-containers .sidebar,.libs-timeline-containers .sidebar .search{width:190px}.libs-timeline-containers .content .datetime{left:190px}}@media only screen and (max-width:1080px){.libs-timeline-containers{height:calc(100vh - 172px)}.libs-timeline-containers .content .datetime .date{top:171px}}@media only screen and (max-width:900px){.libs-timeline-containers .content .datetime .date{position:relative;top:0}.libs-timeline-containers .content .datetime .time{padding-top:0}}