.timeline-view{background-color:transparent;position:fixed;top:0px;left:0px;height:100vh;width:100vw;max-width:none!important}.timeline-view .bg-filter{position:absolute;background-color:rgba(0,0,0,0.7);width:100%;height:100%;cursor:pointer}.timeline-view .cont-timeline{top:50%;left:50%;transform:translate(-50%,-50%);position:relative;background-color:#fff;width:90%;height:90%;border-radius:4px;padding:20px}.timeline-view .cont-timeline .title-line{color:grey;font-weight:700;text-transform:uppercase;font-size:12px;margin-bottom:10px}.timeline-view .cont-timeline .title-date{font-size:25px}.timeline-view .cont-timeline .title-day{font-size:20px;font-weight:300}.timeline-view .cont-timeline .bt-add,.timeline-view .cont-timeline .bt-close{position:absolute;width:30px;height:30px;border-radius:50%;color:#fff;top:10px;right:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:1}.timeline-view .cont-timeline .bt-add{top:auto;bottom:15px;width:50px;height:50px;font-size:30px}.timeline-view .cont-timeline .cont-hours{overflow-y:scroll;border-top:3px solid #d9d9d9;margin-top:10px;padding-top:20px;height:calc(100% - 90px)}.timeline-view .cont-timeline .cont-hours .hour{border-top:1px solid #d9d9d9;height:70px;position:relative}.timeline-view .cont-timeline .cont-hours .hour:last-child{margin-bottom:20px;border-bottom:1px solid #d9d9d9}.timeline-view .cont-timeline .cont-hours .hour .finish-hour,.timeline-view .cont-timeline .cont-hours .hour .init-hour{background-color:#fff;color:#000;position:absolute;top:-13px;left:0px;padding:5px;font-size:12px;border-radius:10px}.timeline-view .cont-timeline .cont-hours .hour .finish-hour{top:auto;bottom:-13px}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings{display:-moz-box;display:-webkit-box;overflow-x:scroll;margin-top:5px;padding-left:35px;height:59px}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings .item-booking{background-color:rgba(41,172,242,0.4);border-left:3px solid #29acf2;height:59px;width:90px;margin:0px 10px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings .item-booking.bg-lrf{background-color:rgba(33,186,69,0.5);border-left:3px solid #21ba45}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings .item-booking .icon-status{position:absolute;top:50%;transform:translateY(-50%);left:-11px;width:18px;height:18px;border-radius:50%;color:#fff;text-align:center}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings .item-booking .icon-status i{position:relative;top:-2px;left:0.5px}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings .item-booking .num{margin:0px;text-align:center;font-weight:700;font-size:14px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:85px}.timeline-view .cont-timeline .cont-hours .hour .cont-bookings .item-booking .name{margin:0px;text-align:center;font-weight:300;font-size:12px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:85px}.modal-reserva{position:fixed;height:100vh;width:100vw;max-width:none!important}.modal-reserva,.modal-reserva .bg-back{background-color:transparent;top:0px;left:0px}.modal-reserva .bg-back{position:absolute;width:100%;height:100%}.modal-reserva .detail-reserva{position:absolute;z-index:1;padding:20px;border-radius:10px;background-color:#fff;top:50%;left:50%;transform:translate(-50%,-50%);max-height:95vh;overflow:visible;max-width:386px;width:calc(100vw - 50px)}.modal-reserva .detail-reserva .status{color:#000;background-color:#fff;padding:10px;border-radius:20px;width:120px;text-align:center;position:absolute;top:-15px;left:50%;transform:translateX(-50%)}.modal-reserva .detail-reserva .bt-close{width:35px;height:35px;border-radius:50%;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:-10px;right:-10px}.modal-reserva .detail-reserva h5{margin:0px;padding-bottom:10px;margin-bottom:10px;border-bottom:1px solid #d3d3d3}.modal-reserva .detail-reserva .contQr{width:100%;text-align:center;margin:20px 0px;position:relative}.modal-reserva .detail-reserva .contQr .qr{position:relative;z-index:2}.modal-reserva .detail-reserva .contQr .bt-action{width:35px;height:35px;border-radius:50%;color:#fff;font-size:15px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);left:-40px}.modal-reserva .detail-reserva .contQr .bt-action:last-child{left:auto;right:-40px}.modal-reserva .detail-reserva .row{max-height:30vh;overflow:scroll}.modal-reserva .detail-reserva .row div{margin:0px 20px;max-width:40vw}.modal-reserva .detail-reserva .row .table-info .flex{display:flex}.modal-reserva .detail-reserva .row .table-info tr td:first-child{font-weight:700;padding-right:50px}.modal-reserva .detail-reserva p{font-size:16px;margin:10px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.modal-reserva .detail-reserva p.view-all-txt{white-space:normal;overflow:visible}.modal-reserva .detail-reserva p.badge{text-align:center;background-color:#7cee16;color:#013800;font-weight:700;text-transform:uppercase;padding:10px;font-size:12px;border-radius:12px;overflow:hidden}.modal-reserva .detail-reserva .bt-delete{color:#fff;width:35px;height:35px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:10px 0px 10px 0px;position:absolute;bottom:0px;right:0px;z-index:1;cursor:pointer;background-color:#d3d3d3}.calendar-view{width:100vw;height:calc(100vh - 170px);overflow:hidden;min-height:auto!important}.calendar-view .cont-calendar{width:100%;padding:20px;overflow-y:scroll;height:100%}.calendar-view .caption{position:relative;margin-top:20px;margin-bottom:20px;width:70%;max-width:800px;left:50%;transform:translateX(-50%)}.calendar-view .bt-stadiums{color:#fff;text-align:center;padding:10px;border-radius:4px;margin:0px 20px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all 0.1s;cursor:pointer}.calendar-view .bt-stadiums:hover{transform:scale(1.05)}.calendar-view .header-calendar{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:20px 0px}.calendar-view .header-calendar .label-month{font-weight:700;font-size:18px;color:#000;width:250px;text-align:center;cursor:pointer;transition:all 0.1s;text-transform:uppercase;background-color:#d3d3d3;margin:0px 20px;padding:10px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.calendar-view .header-calendar .label-month:hover{transform:scale(1.05)}.calendar-view .calendar{width:90%;border:3px solid #d3d3d3;border-radius:4px;margin:0 auto;max-width:1200px}.calendar-view .calendar .header-days{display:flex;flex-direction:row;height:40px;align-items:center}.calendar-view .calendar .header-days .day-name{width:14.28571%;text-align:center;font-weight:700;font-size:13px;min-width:80px;border-bottom:3px solid #d3d3d3;height:100%;padding-top:10px}.calendar-view .calendar .all-days{width:100%;overflow-x:scroll}.calendar-view .calendar .all-days .week{width:100%;display:flex;flex-direction:row}.calendar-view .calendar .all-days .week:last-child{border:none}.calendar-view .calendar .all-days .week .day{width:14.28571%;height:150px;cursor:pointer;transition:all 0.1s;background-color:#fff;position:relative;min-width:80px;padding:30px 5px 0px 5px}.calendar-view .calendar .all-days .week .day:hover{transform:scale(1.05);z-index:1}.calendar-view .calendar .all-days .week .day .num{background-color:#ececec;width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;position:absolute;left:5px;top:5px}.calendar-view .calendar .all-days .week .day .reserv,.calendar-view .calendar .all-days .week .day .reserv-lrf,.calendar-view .calendar .all-days .week .day .reserv-total{font-size:11px;background-color:#027be3;color:#fff;margin-bottom:10px;padding:5px;border-radius:4px;line-height:12px}.calendar-view .calendar .all-days .week .day .reserv-lrf{background-color:#21ba45}.calendar-view .calendar .all-days .week .day .reserv-total{font-size:11px;background-color:#fff;color:#000;padding:0px 5px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:0 auto}.calendar-view .calendar .all-days .week .day:nth-child(2n){background-color:#ececec}.calendar-view .calendar .all-days .week .day:nth-child(2n) .num{background-color:#fff}.calendar-view .calendar .all-days .week:nth-child(2n) .day{background-color:#ececec}.calendar-view .calendar .all-days .week:nth-child(2n) .day .num,.calendar-view .calendar .all-days .week:nth-child(2n) .day:nth-child(2n){background-color:#fff}.calendar-view .calendar .all-days .week:nth-child(2n) .day:nth-child(2n) .num{background-color:#ececec}.cont-dialog{width:calc(100vw - 20px)!important;max-width:500px!important;background-color:#fff;padding:20px}.dialog-alert h5,.dialog-alert p{margin:0px}.dialog-alert h5{font-size:25px;margin:10px 0px;font-weight:700}.dialog-alert p{font-size:18px}.help-view{display:flex;flex-direction:colum;align-items:flex-start;justify-content:center;height:calc(100vh - 170px);min-height:auto!important}.help-view .content{width:calc(100% - 30px);max-width:600px;text-align:center}.help-view .content .title{font-size:18px;text-align:center;margin-top:20px;background-color:#157ee0;color:#fff;border-radius:10px 10px 0px 0px;padding:10px 0px;line-height:22px}.help-view .content .cont-video{width:100%;margin-bottom:20px}.help-view .content .cont-video video{width:100%;border-radius:0px 0px 25px 25px;overflow:hidden;outline:none}.help-view .content .help-info{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;background-color:#2db94c;padding:15px;border-radius:20px;position:relative;margin-top:30px}.help-view .content .help-info .cont-icon{width:55px;height:55px;border:2px solid #2db94c;position:absolute;background-color:#2db94c;border-radius:50%;left:-10px;top:-20px}.help-view .content .help-info .cont-icon i{color:#fff;font-size:50px}.help-view .content .help-info p{font-size:15px;text-align:justify;color:#fff;line-height:19px;margin:0px}.help-view .content .help-info p a{color:#fff;font-weight:700;text-decoration:underline}.metrics-view{display:flex;flex-direction:colum;align-items:flex-start;justify-content:center;height:calc(100vh - 170px);min-height:auto!important}.metrics-view .content{width:100%;height:100%;display:flex;flex-direction:row;flex-wrap:wrap}.metrics-view .content .cont-info{width:calc(50% - 30px);height:calc(50% - 30px);margin:15px;border-radius:5px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}@media (max-width:800px){.metrics-view .content .cont-info{width:calc(100% - 30px);padding:20px 10px}.metrics-view .content .cont-info.withtxt{min-height:calc(50% - 30px);height:auto}}.metrics-view .content .cont-info i{font-size:25px;position:absolute;right:10px;top:10px;color:#000}.metrics-view .content .cont-info p{margin:10px 0px 20px 0px;font-weight:700;font-size:18px}.metrics-view .content .cont-info p.explain-txt{font-weight:400;text-align:center;margin:0px 2vw;font-size:14px;margin-top:-10px}.metrics-view .content .cont-info canvas{height:calc(100% - 80px)!important;max-width:100%}@media (max-width:800px){.metrics-view .content .cont-info canvas{height:calc(100% - 20px)!important}}.metrics-view .content .cont-info .label-month{font-size:16px;color:#fff;width:200px;text-align:center;cursor:pointer;transition:all 0.1s;text-transform:uppercase;margin:20px;padding:5px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics-view .content .cont-info .label-month:hover{transform:scale(1.05)}.metrics-view .bt-action{width:60px;height:60px;border-radius:50%;color:#fff;font-size:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;position:fixed;bottom:102px;right:30px}.settings-view{display:flex;flex-direction:colum;align-items:flex-start;justify-content:center;height:calc(100vh - 170px);min-height:auto!important}.settings-view .content{width:calc(100% - 30px);max-width:600px;text-align:center}.settings-view .content .title{font-size:18px;text-align:center;margin-top:20px;background-color:#157ee0;color:#fff;border-radius:10px 10px 0px 0px;padding:10px 0px;line-height:22px}.settings-view .content .cont-info-mp{width:100%;margin-bottom:20px;border:1px solid #027be3;border-radius:0px 0px 10px 10px;background-color:#fff;padding:24px}.settings-view .content .cont-info-mp button{cursor:pointer;border:none;outline:none;border-radius:6px;padding:12px;width:70%;color:#fff}.settings-view .content .cont-info-mp p{margin:0}.warning-toast{background-color:orange;padding:6px 30px;text-align:center;font-size:12px}.q-dialog__inner>div{box-shadow:none!important}.q-tab-panel{padding:0px}.soon{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0.5}.soon i{font-size:50px;margin-top:10vh}.soon h2{margin:20px;font-size:30px;font-weight:700;line-height:30px;padding:0px 20px}.soon h5{margin:0px;font-size:18px;max-width:500px;text-align:justify;padding:0px 20px}::-webkit-scrollbar,::-webkit-scrollbar-button{width:0px;height:0px}