.possible-time-item {
    float: left;
    width: 100%;
    padding: 0;
    /*padding: 5px 0;*/
}

    .possible-time-item div {
        margin: 7px 0;
    }

    .possible-time-item .text-line {
        float: left;
        font-size: 13px;
        padding-top: 5px;
    }

    .possible-time-item .btn-text-line {
        float: right;
    }

.price-block {
    margin-right: 10px;
}

    .price-block .prices {
        display: inline;
    }

@media all and (max-width: 480px) {
    .possible-time-item {
        text-align: center;
    }

        .possible-time-item div:not(.resource-slot) {
            display: inline-block;
            overflow: auto;
        }

    .add-to-cart-possible-time {
        float: none;
    }
}


.ui-datepicker-calendar td {
    position: relative;
}

.has-possible-time {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 7px;
    height: 7px;
    background-color: #00ff00;
    border-radius: 100%;
}

.possible-time-check-loader {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color: rgba(177, 177, 177, 0.5);
    z-index: 2;
}

    .possible-time-check-loader div {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        display: inline-block;
        margin: 0 auto;
        width: 60px;
        height: 60px;
        border: none;
        background: url('./images/loading.gif') center no-repeat;
    }

.resource-slot-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.resource-slot {
    display: inline-flex;
    position: relative;
    border-radius: 5px;
    margin: 15px !important;
    padding: 7px;
    overflow: visible;
    font-weight: bolder;
    color: black;
}

    .resource-slot.booked {
        border: 1px solid black;
        background-color: yellow;
        cursor: default;
        overflow: visible;
    }

        .resource-slot.booked .delete-slot {
            display: inline-block;
        }

    .resource-slot.available {
        border: 1px solid green;
        background-color: green;
        cursor: pointer;
    }

        .resource-slot.available:hover {
            border: 1px solid black;
        }

    .resource-slot.not-available {
        border: 1px solid red;
        background-color: red;
        cursor: default;
    }

.delete-slot {
    display: none;
    border-radius: 50%;
    position: absolute;
    background-color: grey;
    height: 20px;
    width: 20px;
    top: -10px;
    right: -10px;
    cursor: pointer;
}

    .delete-slot:before, .delete-slot:after {
        position: absolute;
        right: 5px;
        top: 9px;
        content: ' ';
        height: 2px;
        width: 10px;
        background-color: white;
    }

    .delete-slot:before {
        transform: rotate(45deg);
    }

    .delete-slot:after {
        transform: rotate(-45deg);
    }

.virtual-possible-time-for-all-resources {
    flex-wrap: wrap;
}

    .virtual-possible-time-for-all-resources .text-line {
        float: none;
    }

/*JUST IN TIME BOOKING CALENDAR VIEW*/
.just-in-time-booking-calendar-view .product-essential, .overview {
    margin-bottom: 0;
}

.just-in-time-booking-calendar-view #register-participant {
    margin-bottom: 20px;
}

.just-in-time-booking-calendar-view .k-scheduler .k-scheduler-toolbar,
.just-in-time-booking-calendar-view .k-scheduler .k-scheduler-footer {
    display: none;
}

.just-in-time-booking-calendar-view .k-event {
    background: #FFDC7F;
    border-color: #FFDC7F;
}

    .just-in-time-booking-calendar-view .k-event:hover {
        font-weight: 900;
    }

    .just-in-time-booking-calendar-view .k-event.slot-type-2, .timeline-booking-calendar-desktop .k-event.slot-type-2:hover,
    .just-in-time-booking-calendar-view .k-event.slot-type-1, .timeline-booking-calendar-desktop .k-event.slot-type-1:hover,
    .timeline-booking-calendar-desktop .k-event:hover {
        background: #FFBA00;
        border-color: #FFBA00;
    }


.timeline-booking-calendar-desktop .k-event {
    height: 40px !important;
}

.timeline-booking-calendar-mobile table tr:first-child .k-scheduler-times tr:last-child,
.timeline-booking-calendar-mobile .k-scheduler-date-group {
    display: none;
}

.timeline-booking-calendar-mobile .calendar-event-wrapper {
    width: 100%;
    height: 100%;
    position: relative;
}

.just-in-time-booking-calendar-view .mobile-event-icon-reserved, .just-in-time-booking-calendar-view .mobile-event-icon-available {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}

.just-in-time-booking-calendar-view .mobile-event-icon-reserved {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2223%22%20viewBox%3D%220%200%2023%2023%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_330_1165%29%22%3E%3Cpath%20d%3D%22M11.5%2022.5C5.42487%2022.5%200.499999%2017.5751%200.5%2011.5C0.5%205.42487%205.42487%200.499999%2011.5%200.5C17.5751%200.5%2022.5%205.42487%2022.5%2011.5C22.5%2017.5751%2017.5751%2022.5%2011.5%2022.5Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.18515%2017.2477L11.5001%2012.9326L15.815%2017.2475C16.2106%2017.6431%2016.8522%2017.6431%2017.2478%2017.2475C17.6668%2016.7619%2017.6043%2016.139%2017.2477%2015.815C16.891%2015.4909%2012.9327%2011.4999%2012.9327%2011.4999L17.2477%207.18495C17.6432%206.78939%2017.6432%206.14788%2017.2477%205.7523C16.8521%205.35665%2016.2105%205.35671%2015.815%205.75236L11.5001%2010.0672L7.18509%205.75225C6.78942%205.3567%206.14811%205.35662%205.75243%205.7523C5.55475%205.94998%205.45571%206.21002%205.45571%206.46866C5.45571%206.72739%205.55492%206.98738%205.75243%207.18502L10.0674%2011.5L5.75243%2015.815C5.55475%2016.0126%205.45571%2016.2727%205.45571%2016.5313C5.45571%2016.79%205.55492%2017.05%205.75243%2017.2477C6.14808%2017.6433%206.7895%2017.6433%207.18515%2017.2477Z%22%20fill%3D%22%23333333%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_330_1165%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%20transform%3D%22translate%2822.5%200.5%29%20rotate%2890%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    width: 23px;
    height: 23px;
}

.just-in-time-booking-calendar-view .mobile-event-icon-available {
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2223%22%20height%3D%2222%22%20viewBox%3D%220%200%2023%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_330_1166%29%22%3E%3Cpath%20d%3D%22M22.5%2011C22.5%2017.0751%2017.5751%2022%2011.5%2022C5.42487%2022%200.5%2017.0751%200.5%2011C0.5%204.92487%205.42487%200%2011.5%200C17.5751%200%2022.5%204.92487%2022.5%2011Z%22%20fill%3D%22white%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M18.9761%206.77111C19.0152%206.7277%2019.0354%206.67049%2019.0322%206.61215C19.029%206.55381%2019.0026%206.49916%2018.959%206.46032L17.7124%205.35121C17.6223%205.27102%2017.4844%205.27863%2017.4036%205.36824L9.81722%2013.7862L5.49017%209.69938C5.40249%209.61656%205.26439%209.62006%205.18101%209.70721L4.02828%2010.9119C3.98789%2010.9542%203.966%2011.0108%203.96748%2011.0692C3.96895%2011.1276%203.99367%2011.183%204.03615%2011.2231L9.77577%2016.6443C9.81872%2016.6849%209.87621%2016.7064%209.93524%2016.7041C9.99426%2016.7017%2010.0498%2016.6756%2010.0894%2016.6317L18.9761%206.77111ZM4.18685%2011.0636L4.1868%2011.0636L9.92642%2016.4848L9.92645%2016.4848L4.18685%2011.0636Z%22%20fill%3D%22%239EFC33%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_330_1166%22%3E%3Crect%20width%3D%2222%22%20height%3D%2222%22%20fill%3D%22white%22%20transform%3D%22translate%280.5%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    width: 23px;
    height: 22px;
}