.topContainer::-webkit-scrollbar,.leftContainer::-webkit-scrollbar{display:none}.mainContainer::-webkit-scrollbar{width:5px;height:5px}.mainContainer::-webkit-scrollbar-track{background:transparant}.mainContainer::-webkit-scrollbar-thumb{background:#9d9ea0;border-radius:40px}.topContainer,.leftContainer,.mainContainer{height:100%;overflow-x:auto;clear:both;white-space:nowrap;float:left;-webkit-overflow-scrolling:touch}.topContainer{width:calc(100% + -16px);display:inline-flex;padding-left:32px!important}.leftContainer{width:33px}.mainContainer{width:calc(100% - 33px);clear:inherit;background:#f1f2f2;padding-top:3px}.courtoverview{height:calc(100vh - 300px)}#courtTop{position:relative;z-index:2;height:52px;overflow:hidden;-webkit-box-shadow:0 5px 3px -4px rgba(0,0,0,.05);box-shadow:0 5px 3px -4px rgba(0,0,0,.05)}#courtLeft{overflow:hidden}#courtTop,#courtMain .courts{display:inline-flex}#courtMain .courts{position:relative}#courtMain .courts::-webkit-scrollbar{display:none}#courtTop .courtholder,#courtMain .courtholder{min-width:120px;position:relative;margin-right:1px;float:left}#courtTop .courtholder .inner{width:120px}#courtTop .inner .court-head,#courtMain .inner .court-head{height:52px;font-weight:600;text-align:center;width:100%;line-height:16px;border-radius:4px 4px 0 0;font-size:15px!important;color:#444!important;z-index:1;position:relative;background:#fff}#courtTop .notavailable .inner .court-head,#courtTop .notavailable .inner .court-head .ground{color:#ea5348!important}#courtTop .inner .court-head .ground{font-size:14px;font-weight:600;text-align:center;opacity:.5;width:100%;float:left;color:#212529}#courtMain .inner .court-body{position:relative;display:inline-block;width:100%;height:3072px;background:#f1f2f2;border-radius:0 0 4px 4px;box-shadow:4px 0 0 0 #f1f2f2;border-right:1px solid rgba(207,219,226,.5)}#courtMain .notavailable .inner .court-body{background:#f7bfbd!important;cursor:not-allowed}#courtMain.courtholder:last-child .inner .court-body{border-right:none;width:146px}#courtMain .inner .court-body .reservation{position:absolute;line-height:20px;background:#fff!important;border-radius:4px;font-size:14px;font-weight:700;right:2px;left:2px;z-index:1}#courtMain .inner .court-body .reservation .reservation-holder{position:relative;height:-webkit-fill-available;top:0;bottom:inherit;font-size:16px;width:inherit;right:0;left:0;z-index:2;border-radius:4px;text-align:left}#courtMain .inner .court-body .reservation .reservation-holder:hover{-webkit-box-shadow:0 4px 25px -2px rgba(0,0,0,.1);box-shadow:0 4px 25px -2px rgba(0,0,0,.1)}#courtMain .inner .court-body .reservation:hover{z-index:2}#courtMain .inner .court-body .reservation .reservation-holder .label{top:0;font-size:14px;padding:3px 7px;width:inherit;right:0;left:0;z-index:2;border-radius:2px;color:#fff;position:absolute;text-align:left;font-weight:600;line-height:14px;background:#4c4d4f}#courtMain .inner .court-body .reservation .reservation-holder .playswith{top:43px;left:8px;font-size:14px;font-weight:400!important;color:#333;line-height:14px;position:absolute;white-space:initial}#courtMain .inner .court-body .reservation .reservation-holder .playswith br{line-height:22px}.courtoverview .timeline{position:relative;left:0;font-size:13px;line-height:32px;top:-23px;background:#fff;padding-right:1px;text-align:right;width:33px;z-index:1}.courtoverview .timeline .hour .full{font-size:32px;position:relative;letter-spacing:-2px}.courtoverview .timeline .hour .full:before{content:'';height:1px;width:13px;background:rgba(0,0,0,.5);position:absolute;right:-5px;top:20px}.courtoverview .timeline:before{position:absolute;top:0;bottom:0;content:' ';width:1px;background-color:#d1d2d3;right:0!important;left:auto}.courtoverview .timeline .hour .full:after{content:'';height:11px;width:10px;border-top:1px solid rgba(0,0,0,.1);position:absolute;right:0;top:31px;border-bottom:1px solid rgba(0,0,0,.1)}.courtoverview .timeline .hour:last-child .full:after{display:none}.courtoverview .timeline .hour .full span{font-size:20px;right:7px;text-align:center;display:block;top:3px;font-weight:600}.courtoverview .timeline .hour span{position:relative;right:15px;top:4px}.courtoverview .timeline .hour .quarter,.courtoverview .timeline .hour .half,.courtoverview .timeline .hour .three-quarter{position:relative}.courtoverview .timeline .hour .quarter:before,.courtoverview .timeline .hour .half:before,.courtoverview .timeline .hour .three-quarter:before{content:'';height:11px;width:10px;border-top:1px solid rgba(0,0,0,.1);position:absolute;right:0;top:31px;border-bottom:1px solid rgba(0,0,0,.1)}.courtoverview .timeline .hour .quarter:after,.courtoverview .timeline .hour .half:after,.courtoverview .timeline .hour .three-quarter:after{content:'';width:10px;height:1px;background:rgba(0,0,0,.3);position:absolute;top:20px;right:0}.courtoverview .currenttime{border-bottom:2px solid #ff4f00;height:0;position:absolute;top:0;left:0;right:0;z-index:4}.panel .panel-heading a.btn-courts{font-size:14px;font-weight:600;padding:7px 10px!important;border:1px solid transparent;color:#3a3f51;position:relative}.panel .panel-heading a.btn-courts:hover,.panel .panel-heading a.btn-courts.active{background:#fff;text-decoration:none;border:1px solid #d7dce0;border-radius:4px}.panel .panel-heading a.btn-courts:focus{text-decoration:none}.panel .panel-heading a.btn-courts b{color:#3e93ee}.panel .panel-heading a.btn-courts i{padding-left:3px}.panel .panel-heading a.btn-courts .courts-dropdown{position:absolute;background-color:#fff;border:1px solid #e1e1e1;box-shadow:0 6px 12px rgba(0,0,0,.175);border-radius:3px;padding:5px 0;z-index:10;top:calc(100% + 2px);min-width:215px;max-height:300px;overflow:auto}.panel .panel-heading a.btn-courts .courts-dropdown .c-checkbox{margin:0}.panel .panel-heading a.btn-courts .courts-dropdown .c-checkbox label{width:100%;padding-top:5px;padding-bottom:5px;padding-left:30px}.panel .panel-heading a.btn-courts .courts-dropdown .c-checkbox label:hover{background:#f5f7fa}.legend{position:fixed;left:20px;bottom:20px;font-size:14px;line-height:0;font-weight:600}.label-darkorange{background:#f73d17!important}.label-orange{background:#f88300!important}.label-pink{background:#db0051!important}.label-purple{background:#5027ab!important}.label-blue{background:#2383f3!important}.label-darkgreen{background:#1d8675!important}.label-green{background:#7eb932!important}.label-yellow{background:#ffc81b!important}.reservation{padding:0!important}.reservation .reservation-holder{background:#fff;border-radius:4px}.reservation{color:#fff!important}.reservation .reservation-holder .time{font-size:14px;position:absolute;top:23px;left:8px;color:#212529;z-index:1;font-weight:600}.fa-exclamation-triangle{color:#fff}.reservation .reservation-holder .status{position:absolute;top:1px;z-index:3;right:5px;font-size:10px}.reservation.not-published .reservation-holder .label{background:none!important;color:#4c4d4f!important;z-index:3!important;line-height:17px!important}.reservation.not-published .reservation-holder .label:after{content:'';font-family:'Font Awesome 5 Pro';-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1;color:#626b7f;right:5px;top:5px;position:absolute}.label-reservation .label{background:#e0e0e0!important;color:#333!important}.label-grey .label{background:#607d8b!important}.label-grey{color:#607d8b!important}.label-other .label{background:#ff5000!important}.label-other{color:#ff5000!important}.label-closed .label{background:#d0021b!important}.label-closed{color:#d0021b!important}.label-competition .label{background:#152255!important}.label-competition{color:#152255!important}.label-tournament .label{background:#4960ab!important}.label-tournament{color:#4960ab!important}.label-darkgreen .label{background:#1d8675!important}.label-darkgreen{color:#1d8675!important}.label-training .label{background:#78c823!important}.label-training{color:#78c823!important}.label-maintenance .label{background:#fa0!important}.label-maintenance{color:#fa0!important}@media only screen and (max-width:768px){#courtTop .courtholder,#courtTop .courtholder .inner,#courtMain .courtholder{width:75px}#courtMain .inner .court-body .reservation .reservation-holder{white-space:normal}#courtMain .inner .court-body .reservation .reservation-holder .playswith{top:65px;font-size:12px;line-height:14px}.courtbooking .col-lg-12{padding:0}.courtbooking .panel-body{padding:15px 5px}.courtbooking .panel-heading{height:80px;text-align:center}.courtbooking .panel-heading span{font-weight:400;float:inherit!important;margin:10px auto 0;display:inline-block}}@media only screen and (max-height:768px){.courtoverview{height:calc(100vh - 120px)}}.courtbookings-date-picker{display:inline-block;width:120px;height:32px;text-align:center}