.appointment-scheduler{position:relative}.appointment-scheduler.one-page .slide-content{max-height:400px;overflow:auto}@media (max-width: 768px){.appointment-scheduler.one-page .slide-content{max-height:99999px}}.appointment-scheduler.one-page .slide-content:after{content:'';display:block;bottom:17px;left:calc(1em + 2px);width:calc(100% - 2em - 3px);background:linear-gradient(to top, white, transparent);height:40px;position:absolute;z-index:2;pointer-events:none}@media (max-width: 768px){.appointment-scheduler.one-page .slide-content:after{display:none}}.appointment-scheduler--loading{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.35);color:white;display:flex;align-items:center;justify-content:center;z-index:999;color:transparent}.appointment-scheduler--loading:before{content:'';width:50px;height:50px;border-top:4px solid white;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid white;border-radius:50%;position:absolute;-webkit-animation:appointment-scheduler-rotate 1s infinite;animation:appointment-scheduler-rotate 1s infinite}.appointment-scheduler--loading.small-loader{position:static;width:100px;height:100px;margin:0 auto;background:transparent}.appointment-scheduler--loading.small-loader:before{border-top-color:#1D546C;border-bottom-color:#1D546C}.appointment-scheduler--steps{margin-top:40px;justify-content:space-between}@media (max-width: 768px){.appointment-scheduler--steps{flex-wrap:wrap}}.appointment-scheduler--steps .step{border:2px solid #077DB6;color:#077DB6;padding:20px;margin:10px;text-decoration:none;flex-basis:22%;max-width:22%;position:relative;display:flex;align-items:center}@media (max-width: 768px){.appointment-scheduler--steps .step{flex-basis:calc(100% - 20px);max-width:calc(100% - 20px)}}.appointment-scheduler--steps .step:focus{border:2 solid #1D546C}.appointment-scheduler--steps .step.active{background:#077DB6;color:white;pointer-events:none}.appointment-scheduler--steps .step:last-of-type:before,.appointment-scheduler--steps .step:last-of-type:after{display:none}.appointment-scheduler--steps .step:before{content:'';display:block;left:calc(100% + 18px);position:absolute;border-left:10px solid #1D546C;border-top:5px solid transparent;border-bottom:5px solid transparent;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.appointment-scheduler--steps .step:before{top:calc(100% + 15px);left:50%;transform:translateX(-50%) rotate(90deg)}}.appointment-scheduler--steps .step:after{content:'';display:block;left:calc(100% + 4px);position:absolute;height:2px;width:14px;background:#1D546C;top:50%;transform:translateY(-50%)}@media (max-width: 768px){.appointment-scheduler--steps .step:after{top:calc(100% + 7px);left:50%;transform:translateX(-50%) rotate(90deg)}}.appointment-scheduler--screens{position:relative;height:100%}.appointment-scheduler--form .input-group{margin-top:15px;margin-bottom:15px}.appointment-scheduler--form .input-group label>div{margin-bottom:0.5em}.appointment-scheduler--form .input-group input[type="text"],.appointment-scheduler--form .input-group input[type="email"],.appointment-scheduler--form .input-group input[type="number"],.appointment-scheduler--form .input-group input[type="url"],.appointment-scheduler--form .input-group select{width:100%}.appointment-scheduler--form .vdp-datepicker{width:100%}.appointment-scheduler .vdp-datepicker{display:inline-block}.appointment-scheduler .vdp-datepicker:after{content:'';background-size:70%;background-repeat:no-repeat;position:absolute;right:1em;top:50%;transform:translateY(-50%);width:1.5em;height:1.35em}.appointment-scheduler--screen{position:absolute;margin-top:30px;width:100%;min-width:100%;left:100vw;transition:left 500ms;transition-delay:150ms;display:none}.appointment-scheduler--screen:nth-of-type(1){left:0;display:block}.appointment-scheduler--screen.slide-in{left:0}.appointment-scheduler--screen.slide-out{left:-100vw;display:none}.appointment-scheduler--screen h5{margin:15px auto}.appointment-scheduler--screen #appointment-scheduler-office{margin-bottom:25px}.appointment-scheduler .radio-group{margin-top:15px;display:flex;flex-wrap:wrap;justify-content:center}.appointment-scheduler .radio-group label{display:flex;align-items:center;margin:10px}@media (max-width: 768px){.appointment-scheduler .radio-group label{width:100%}}.appointment-scheduler .radio-group label input{margin-right:5px}.appointment-scheduler--pagination{position:relative;z-index:2;transition:margin 450ms}.appointment-scheduler--pagination a{cursor:pointer}.appointment-scheduler .next{margin-left:auto}.appointment-scheduler--time-slider{margin-top:30px;display:flex}.appointment-scheduler--time-slider .VueCarousel-wrapper{order:2}.appointment-scheduler--time-slider .VueCarousel-navigation{order:1}.appointment-scheduler--time-slider .slide{padding:15px;position:relative}.appointment-scheduler--time-slider .slide-content{width:100%;padding:15px;text-align:center;border:2px solid #1D546C}.appointment-scheduler--time-slider .slide .button{width:100%;font-size:19px;display:block}.appointment-scheduler--time-slider .slide .button.active{background:#FC9D2E}.appointment-scheduler--time-slider .slide .button,.appointment-scheduler--time-slider .slide p{margin-bottom:15px}.appointment-scheduler .button.disabled{opacity:0.5;cursor:not-allowed}.appointment-scheduler .error{font-weight:700;color:#E31837;margin-top:0.5em}.VueCarousel-navigation-button{position:static !important;margin-top:1em;display:inline-block;width:52px;padding:10px !important;font-size:25px !important;background:#1D546C !important;color:white !important;margin:2em 15px 0 !important}.VueCarousel-navigation-button:hover{background:#077DB6 !important}.slide-enter-active,.slide-leave-active{transition:450ms}.slide-enter{transform:translateX(100px);opacity:0}.slide-leave-to{transform:translateX(-100px);opacity:0}@-webkit-keyframes appointment-scheduler-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes appointment-scheduler-rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.family-appointments--table{width:100%;border:1px solid #ededed}.family-appointments--table thead{background:#187C75;color:#fff}.family-appointments--table th{padding:0.5rem;font-weight:700}.family-appointments--table tr:nth-of-type(even){background:#efefef}.family-appointments--table td{padding:0.5rem;vertical-align:middle}.family-appointments--table .button{padding:0.5rem 1rem;width:100%;font-size:0.8rem}.family-appointments--table .button.outline{background:#fff}.family-appointments--table .button.outline.button-blue{color:#077DB6;border:1px solid #077DB6}.family-appointments--table .button.outline.button-blue:hover{background:#077DB6;color:#fff}.family-appointments--table .button.outline.button-green{color:#368613;border:1px solid #368613}.family-appointments--table .button.outline.button-green:hover{background:#368613;color:#fff}.family-appointments--table .button.outline.button-red{color:#E31837;border:1px solid #E31837}.family-appointments--table .button.outline.button-red:hover{background:#E31837;color:#fff}.family-appointments--table .button.outline.button-gray{--gray-button-clor: #747474;color:var(--gray-button-clor);border:1px solid var(--gray-button-clor)}.family-appointments--table .button.outline.button-gray:hover{background:var(--gray-button-clor);color:#fff}@media (max-width: 768px){.family-appointments--table thead{display:none}.family-appointments--table tr,.family-appointments--table td{display:block}}.mini-schedule-appointment{max-width:768px;margin:0 auto}.mini-schedule-appointment label{display:block;margin-bottom:0.5rem}.mini-schedule-appointment input[type="text"],.mini-schedule-appointment input[type="email"],.mini-schedule-appointment input[type="number"],.mini-schedule-appointment select{width:100%;border:1px solid}.mini-schedule-appointment .col{margin-bottom:1rem}.mini-schedule-appointment .error{color:darkred;font-size:0.8rem;margin-top:0.5rem}.mailing-list-form input{width:100%;margin-top:6px}.mailing-list-form label{font-size:rem(15);font-weight:600}.mailing-list-form .input-group{margin-bottom:20px}.mailing-list-form .button{width:100%}.mailing-list-form .req{font-weight:200;margin-left:3px}.mailing-list-form .button{margin-top:10px}.ui-datepicker-title select{border-radius:0;padding:8px 12px !important;margin:1px 3px !important;width:85px !important;background-image:url(../../../../themes/my-kool-smiles/public/images/select-bg.png);background-position:90%;background-repeat:no-repeat !important;background-size:10px}#form-loading-screen{display:none}#form-loading-screen.loading{height:100vh;width:100vw;position:fixed;z-index:99999;top:0;left:0;background:rgba(0,0,0,0.35);display:block}#form-loading-screen.loading:after{content:'';display:block;width:46px;height:46px;border-radius:50%;border:2px solid #fff;border-color:#fff transparent #fff transparent;position:absolute;top:50%;left:50%;-webkit-animation:post-search-rotate 1.2s linear infinite;animation:post-search-rotate 1.2s linear infinite}@-webkit-keyframes post-search-rotate{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}@keyframes post-search-rotate{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}
