_calendarServices.cf9d17c3.css

.card-main-container,.selected-card-disabled{background:#fff;border:1px solid #eaecf0;border-radius:12px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a;cursor:pointer;display:flex;height:185px;padding:16px;width:475px}.card-inner-container{display:flex;gap:20px;width:100%}.selected-card-disabled{cursor:not-allowed!important;opacity:.5;pointer-events:none}.selected-card-main-container{background:#eff4ff!important;border:1px solid #004eeb!important;border-radius:12px;box-shadow:0 1px 2px #1018280f,0 1px 3px #1018281a!important;cursor:pointer;display:flex;min-height:185px;padding:16px;width:515px}.card-right-container{display:flex;flex-direction:column;justify-content:space-between;width:100%}.name-description-container{align-items:flex-start;display:flex;flex-direction:column;gap:10px;justify-content:flex-start}.name-description-container .name{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#101828;display:-webkit-box;font-size:16px;font-style:normal;font-weight:500;line-height:1.3;overflow:hidden;text-align:left;text-overflow:ellipsis;word-break:break-word}.name-description-container .description{-webkit-line-clamp:2;line-clamp:2}.name-description-container .description,.name-description-container .service-description{-webkit-box-orient:vertical;color:#10182899;display:-webkit-box;font-size:14px;font-style:normal;font-weight:400;line-height:1.5;overflow:hidden;text-align:left;text-overflow:ellipsis;word-break:break-word}.name-description-container .service-description{-webkit-line-clamp:3;line-clamp:3}.card-bottom-container{align-items:center;display:flex;justify-content:space-between}.price-duration-container{align-items:center;display:flex;flex-direction:row;gap:8px}.duration{align-items:center;display:flex;gap:5px}.duration span{color:#475467;font-size:14px;line-height:24px}.duration span,.price{font-style:normal;font-weight:500}.price{color:#101828;font-size:16px;line-height:30px}.clock-icon{height:20px;width:20px}.card-image>img{border-radius:8px;height:148px;-o-object-fit:cover;object-fit:cover;width:130px}.card-avatar{align-items:center;border-radius:8px!important;border-radius:8px;color:#fff;display:flex;font-size:32px;height:148px;justify-content:center;-o-object-fit:cover;object-fit:cover;width:144px}.calendars-service-action-container,.calendars-service-disabled-action-container{align-items:center;background:#eff4ff;border:#eff4ff;border-radius:8px;color:#004eeb;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;height:30px;justify-content:center;line-height:20px;padding:0 14px;width:-moz-fit-content;width:fit-content}.calendars-service-disabled-action-container{background:#f2f4f7;border:1px solid #eaecf0;border-radius:4px;color:#667085;cursor:not-allowed;pointer-events:none}@media (max-width:714px){.name{font-size:15px}}@media (max-width:400px){.card-image>img{border-radius:8px;-o-object-fit:cover;object-fit:cover;width:90px!important}}@media (max-width:714px){.card-image>img{border-radius:8px;-o-object-fit:cover;object-fit:cover;width:113px}.price{color:#101828;font-size:14px;font-style:normal;font-weight:500;line-height:30px}.price-duration-container{gap:10px}.card-inner-container{gap:15px}}.calendars-ellipsis-loader{align-items:center;display:flex;height:700px;justify-content:center;padding:15px 32px;width:100%}.calendars-ellipsis-loader .bt-spinner{animation:spin 1s linear infinite;background-color:transparent;border:4px solid #fff;border-radius:50%;border-top-color:#155eef;height:60px;width:60px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.multiselect__content-wrapper{overflow-x:hidden}.multi_select_calendar .multiselect__single{color:#2a3135;font-size:14px!important;max-width:280px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;white-space:nowrap}.multi_select_calendar .multiselect__option--highlight,.multiselect__option--selected.multiselect__option--highlight{background:rgba(24,139,246,.2)!important;color:#333}.multi_select_calendar .multiselect__option--highlight:hover{background-color:#188bf633;color:#188bf6}.multi_select_calendar .multiselect__option--highlight:focus{color:#000}.date-picker-calendar .vdpInnerWrap{border:unset!important}.date-picker-calendar .vdpHeader{background:#fff}.multiple-cal-container{margin-bottom:20px}.multiselect__input{background-color:#fff!important;border-radius:0;padding:0}.vdpInnerWrap{background:#fff;border:1px solid #d8d8d8!important;border-radius:5px;margin-bottom:15px!important}.hl-app .multi_select_calendar .multiselect__input{line-height:normal!important;padding:0!important}.hl-app .multiselect__content-wrapper{box-shadow:0 8px 16px 5px #0000001a;margin-top:1px;max-height:300px;padding:8px;width:350px}.hl-app .multi_select_calendar .option__desc{display:grid;grid-template-columns:220px auto;white-space:normal}.hl-app .multi_select_calendar .multiselect__option{line-height:25px;min-height:25px;padding:2px 10px;white-space:normal}.details-item-step2{align-items:center;display:flex;justify-content:space-between;padding-bottom:10px}.form-payment-item{padding:0 15px}td.vdpCell.outOfRange{visibility:hidden}td.vdpCell.disabled{color:#ddd;opacity:1}.timezone-picker-group .multiselect__tags{border:none}.step3-btns{font-size:14px;font-weight:600!important}.hl-app .multi_select_calendar .multiselect__content-wrapper{left:50%;transform:translate(-50%)}.multi_select_calendar .noResult{font-size:12px}.selectable .vdpCellContent{border-radius:50%;color:#00a2ff;font-weight:500}.disabled .vdpCellContent{background:#fff!important;color:#ddd!important}.hl-app .btn-back svg{cursor:pointer}.hl-app .disable-back-btn svg{fill:#e1e1e1;color:gray;cursor:auto}.hl-app .multi_select_calendar .multiselect__tags{background:transparent}.no-slots-block{background:#fff;border:1px solid #ccc;border-radius:10px;box-shadow:0 0 3px #ccc;left:50%;padding:10px;position:absolute;top:50%;transform:translate(-50%,-50%);width:90%;z-index:99}.hl-app-mobile .hl_widget-step1 .hl_widget--pick-date-time .hl_widget--pick-date{margin:0 auto}.hl-app-mobile #appointmentSlots,.hl-app-mobile .hl_widget-footer,.hl-app-mobile .selected-date .hl_widget-step1 .hl_widget--pick-date-time .hl_widget--pick-date{display:none}.hl-app-mobile .selected-date #appointmentSlots{display:block;margin:0 auto}.hl-app-mobile .details-item-step2 .back_button,.hl-app-mobile .selected-date .hl_widget-footer{display:block}.no-slots-block a{font-size:1.2rem;font-weight:700}.no-slots-block div{color:gray;font-size:.8rem}.bi-chevron-right{stroke:#188bf6;stroke-width:2}