html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}.appointment-widget .secondary-tabs .tab{color:#9b9b9b;cursor:pointer;font-size:13px;font-weight:inherit;margin-right:20px;text-transform:uppercase;text-align:center;transition:all .3s;padding:0 5px 15px 5px;position:relative}.appointment-widget .secondary-tabs .tab:after{background:transparent;bottom:0;left:0;content:"";display:block;height:4px;position:absolute;width:100%}.appointment-widget .secondary-tabs .tab.active{color:#4a4a4a}.appointment-widget .secondary-tabs .tab.active::after{background:#5aadca}.appointment-widget .appointment-timeslot-button{background-color:inherit;border-radius:30px;color:inherit;cursor:pointer;font-weight:bold;padding:10px 15px;line-height:normal;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;text-decoration:none}@-webkit-keyframes appointment-rollout{0%{opacity:0}100%{opacity:1}}@keyframes appointment-rollout{0%{opacity:0}100%{opacity:1}}.appointment-widget .appointment-navigator{display:flex;flex-direction:column;font-size:16px;position:relative}.appointment-widget .appointment-navigator .appointment-navigator-items{align-items:baseline;background:#fff;display:flex;font-size:16px;margin-top:20px}.appointment-widget .appointment-navigator .appointment-navigator-items .appointment-navigator-item{flex-grow:1}.appointment-widget .appointment-navigator .appointment-navigator-nav{display:flex}.appointment-widget .appointment-navigator .appointment-navigator-nav .appointment-navigator-nav-item{border-bottom:3px solid transparent;color:#9b9b9b;cursor:pointer;font-size:16px;margin-right:5px;padding:5px 13px;padding-top:0;text-transform:capitalize}.appointment-widget .appointment-navigator .appointment-navigator-nav .appointment-navigator-nav-item.active{border-color:#5aadca;color:#5aadca}.appointment-widget .appointment-navigator .appointment-filters{display:flex;justify-content:flex-end}.appointment-widget .appointment-navigator .appointment-filters .appointment-filter-label{align-self:center;margin-right:5px}.appointment-widget .appointment-navigator .appointment-navigator-content{overflow-y:auto}.appointment-widget .appointment-navigator .appointment-navigator-content .appointments-view{display:none}.appointment-widget .appointment-navigator .appointment-navigator-content .appointments-view.active{display:block;position:relative}.appointment-widget .appointment-navigator .appointment-navigator-content .appointments-view.appointment-view-list .footer{text-align:center;padding:20px}.appointment-widget .appointment-navigator .appointment-navigator-content .appointments-view.appointment-view-list .footer .load-more-button{background-color:#fff;border-radius:30px;color:#45889f;cursor:pointer;font-weight:bold;padding:10px 15px;line-height:normal;white-space:nowrap;display:inline-flex;justify-content:center;align-items:center;text-decoration:none;border:1px solid #45889f;font-weight:normal}.appointment-widget .appointment-slot-list{-webkit-animation:appointment-rollout .4s;animation:appointment-rollout .4s;border-radius:4px;padding:20px}.appointment-widget .appointment-slot-list .list-header-title{color:#4a4a4a;line-height:1.4;width:100%;margin-bottom:30px}.appointment-widget .appointment-slot-list .list-header-title span{margin-right:5px}.appointment-widget .appointment-slot-list .appointments-list{display:flex;flex-wrap:wrap}@supports (display: grid){.appointment-widget .appointment-slot-list .appointments-list{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-gap:15px;width:100%}@media screen and (max-width: 750px){.appointment-widget .appointment-slot-list .appointments-list{grid-template-columns:1fr 1fr}}}.appointment-widget .appointment-slot-list .appointment-timeslot-button{border:0;width:calc(25% - 15px);margin-right:15px;margin-bottom:15px}@supports (display: grid){.appointment-widget .appointment-slot-list .appointment-timeslot-button{width:100%;margin:0}}@media screen and (max-width:750px){.appointment-widget .appointment-slot-list .appointment-timeslot-button{width:100%}}.appointment-widget .appointment-timeslot-button{background:rgba(114,211,236,.45);background-blend-mode:multiply;color:#0b5b85}.appointment-widget .appointment-timeslot-button::before{font-size:1.5em;margin-right:.1em}.appointment-modal{height:100%;left:0;position:fixed;top:0;width:100%;display:none;z-index:20}.appointment-modal.active{display:block}.appointment-modal .modal-backdrop{align-items:center;background:rgba(0,0,0,.6);display:flex;justify-content:space-around;height:100%;overflow:auto;padding:16px;position:absolute;width:100%}.appointment-modal .modal-dialog{background:#fff;border:1px solid #e0e0e0;border-radius:8px;line-height:normal;margin:auto;max-width:710px;position:relative;width:100%}.appointment-modal .modal-dialog .modal-header{border-bottom:1px solid #e0e0e0;font-size:20px;font-weight:400;position:relative;padding:20px 28px;text-align:left}.appointment-modal .modal-dialog .modal-header .modal-close-button{align-items:center;cursor:pointer;display:flex;font-size:35px;font-weight:100;min-height:100%;justify-content:center;padding:0;position:absolute;right:0;top:0}.appointment-modal .modal-dialog .modal-body{margin:28px}.appointment-modal .modal-dialog .modal-footer{border-top:1px solid #e0e0e0;padding:20px 28px}.appointment-modal .modal-dialog .modal-footer:empty{display:none}.appointment-modal.modal-medium .modal-dialog{max-width:540px;min-width:340px}.appointment-modal .modal-dialog{border-radius:4px;max-width:690px;max-height:80vh;min-height:600px;display:flex;flex-direction:column}.appointment-modal .modal-dialog .modal-header{padding-bottom:0}.appointment-modal .modal-dialog .modal-header .appointment-header{margin-right:20px}@media screen and (max-width:750px){.appointment-modal .modal-dialog .modal-header .appointment-header{margin-right:10px}}.appointment-modal .modal-dialog .modal-header .modal-close-button{background:url(/assets/default_icons/close-e4b5aec5fb7a5d25432abdb58d8ffd07bc0c6b344fd14e06e300e4033028441c.svg);background-position:center;background-repeat:no-repeat;color:transparent;display:block;margin:20px;min-height:0;height:20px;width:20px}@media screen and (max-width:750px){.appointment-modal .modal-dialog .modal-header .modal-close-button{margin:10px}}.appointment-modal .modal-dialog .modal-body{flex-grow:1;overflow:auto;max-height:600px;margin:0}.appointment-modal .appointment-view-calendar{height:100%}.appointment-modal .calendar{position:relative;height:100%;margin:0}.appointment-modal .calendar-header{width:100%;background:#fff}.appointment-modal .appointment-header{align-items:center;display:flex}.appointment-modal .appointment-header-item{align-items:center;display:flex;font-size:16px;margin-right:50px}.appointment-modal .appointment-header-item p{line-height:1;margin:0;margin-bottom:2px}@media screen and (max-width:750px){.appointment-modal .appointment-header-item{font-size:12px;margin-right:10px;width:100%}}.appointment-modal .appointment-header-image{background:gray;background-size:100%;border-radius:100px;height:47px;width:47px;margin-right:13px}@media screen and (max-width:750px){.appointment-modal .appointment-header-image{width:37px;height:37px;min-width:37px}}.appointment-modal .appointment-header .appointment-doctor-name{font-weight:bold}.appointment-modal .appointment-header .appointment-doctor-skill{font-weight:normal;color:#4a4a4a}.appointment-modal .appointment-header .appointment-location-icon{border-radius:50%;background-position:center;background-repeat:no-repeat;background-size:80%;display:inline-block;background-image:url(/assets/appointment_booking/wizard/icons/address-fb95cb232a73b21142091485b170b651b7a7e04cea7c815b3494089c5aa227e1.svg);background-color:#b0ded5}body.mail-body .appointment-modal .appointment-header .appointment-location-icon{background-image:url(/assets/appointment_booking/wizard/icons/address-60467cd00af6710e5f2335d13eb917f031dfe31f68dc3c12915a93c6eb31693b.png)}@media screen and (max-width:750px){.appointment-modal .appointment-header .appointment-location-icon{display:none}}.appointment-widget .appointment-with-resource{background:#d0e7ef;border-radius:4px;padding:25px;padding-top:35px}.appointment-widget .appointment-suggested-days{display:none;margin-top:10px}.appointment-widget .appointment-suggested-days .appointments-list-title{font-size:.9em;font-weight:300;margin-bottom:.3em}.appointment-widget .appointment-suggested-days .appointments-list-title:before{content:'';display:none}.appointment-widget .appointment-suggested-days.active{display:block}.appointment-widget .appointment-view-calendar .calendar{padding:20px}.appointment-widget .appointment-input-field{background:#fff;border:1px solid #cdcdcd;border-radius:4px;color:#a4a4a4;cursor:pointer;padding:10px;display:flex;align-items:center;margin-bottom:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.appointment-widget .appointment-input-field-icon{display:inline-block}[data-component-section="sidebar"] .appointment-widget .appointment-input-field-value{display:none}@media screen and (max-width:750px){.appointment-widget .appointment-input-field-value{display:none}}.appointment-widget .appointment-input-field-value-stub{display:none}[data-component-section="sidebar"] .appointment-widget .appointment-input-field-value-stub{display:block}@media screen and (max-width:750px){.appointment-widget .appointment-input-field-value-stub{display:block}}.appointment-widget .appointment-input-field.disabled{opacity:.4;cursor:default}.appointment-widget .appointment-input-field.date-set{color:#4a4a4a}.appointment-widget .appointment-view{position:relative;margin-bottom:20px;display:block;-webkit-animation:appointment-rollout .3s;animation:appointment-rollout .3s;-webkit-animation-delay:1s;animation-delay:1s}.appointment-widget .appointment-view .appointment-resource{align-content:center;display:flex;flex-wrap:wrap;margin-bottom:10px}.appointment-widget .appointment-view .appointment-resource .uber_select{flex-grow:1}.appointment-widget .appointment-view .appointment-resource .uber_select .selected_text_container{padding-left:40px}.appointment-widget .appointment-view .appointment-resource .appointment-resource-selector-section{display:flex;justify-content:space-between;width:100%}.appointment-widget .appointment-view .appointment-resource .appointment-resource-selector-section label{margin-bottom:10px}.appointment-widget .appointment-view .appointment-resource .appointment-resource-selector-section--relative{position:relative}.appointment-widget .appointment-view .appointment-resource .appointment-resource-selector-icon{position:absolute;z-index:99;top:8px;left:10px}.appointment-widget .appointment-view .appointment-resource .appointment-input-remove-resource{display:none}.appointment-widget .appointment-view .appointment-resource .appointment-resource-selector-disabler{display:none}.appointment-widget .appointment-view .appointment-resource.resource-active .appointment-resource-selector-section--relative{opacity:.4}.appointment-widget .appointment-view .appointment-resource.resource-active .appointment-input-remove-resource{display:block}.appointment-widget .appointment-view .appointment-resource.resource-active .appointment-resource-selector-disabler{z-index:9999;display:block;height:100%;position:absolute;top:0;left:0;width:100%}.appointment-widget .appointment-view .appointment-date-select .appointment-timeslot-button{width:30%;max-width:145px;margin-right:0;opacity:.4}.content-sidebar .appointment-widget .appointment-view .appointment-date-select .appointment-timeslot-button{font-size:14px}.appointment-widget .appointment-view .appointment-date-select .appointments-list-title{display:flex;align-items:center;font-size:16px;margin-bottom:10px}.appointment-widget .appointment-view .appointment-date-select .appointments-list-title:before{content:'';background-image:url(/assets/admin/icons/event-086258cd78085dc8ced0d09bbedc5334f7b72b7ef43587306c12118ac3fcd874.svg);background-repeat:no-repeat;width:32px;height:32px;margin-right:5px;display:inline-block}.appointment-widget .appointment-view .appointment-date-select .appointment-slot-list .appointment-timeslot-button{margin-right:10px}[data-component-section="sidebar"] .appointment-widget .appointment-view .appointment-date-select .appointment-slot-list{display:flex;flex-wrap:wrap;justify-content:space-between}[data-component-section="sidebar"] .appointment-widget .appointment-view .appointment-date-select .appointment-slot-list .appointment-timeslot-button{margin-right:0}@media screen and (max-width:750px){.appointment-widget .appointment-view .appointment-date-select .appointment-slot-list{display:flex;flex-wrap:wrap;justify-content:space-between}.appointment-widget .appointment-view .appointment-date-select .appointment-slot-list .appointment-timeslot-button{margin-right:0}}.appointment-widget .appointment-view .appointment-date-select .appointment-widget-input-remove-container{display:none}.appointment-widget .appointment-view .appointment-date-select .appointment-widget-input-remove-container.active{display:block}.appointment-widget .appointment-view .appointment-date-select .appointment-widget-input-remove-container .appointment-widget-input-remove-button{color:#b75c64;cursor:pointer;font-size:16px;margin:10px 0}.appointment-widget .appointment-view .appointment-date-select .appointment-label{margin-bottom:10px}.appointment-widget [data-behaviour="appointment-widget"]{display:none}.appointment-widget .appointment-remove-slot{color:#da5666}.appointment-widget .appointment-navigator .appointment-filters{display:none}.appointment-widget .appointment-navigator .appointment-navigator-nav-item.active{font-weight:bold}