﻿@import url(//fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,600,600italic,700,700italic,800,800italic);.AppointmentSelection,.Header,.Pager{text-align:center}.Header,.Pager,.TitleText{display:block}.AppointmentScrollBox,.DescriptionBox,.Pager,.UserScrollBox,body,html{overflow:hidden}body,html{font-family:'Open Sans',sans-serif;font-style:normal;font-size:120%;background:#444;cursor:default}.Title{font-size:1.1em;font-weight:700;vertical-align:top;margin-left:.2em;color:#fff}.Text,.TitleText{font-size:.92em;font-weight:600}.TitleImage{width:1.4em;height:1.6em;background-image:url(/img/arrowdown.png);background-size:1.4em 1.6em}.TitleText{color:#afa;padding-top:.1em}.Text{color:#fff;border:none}.TextHighlight{color:#afa}.DescriptionBox{font-size:.9em;font-weight:400;width:90%;border:none;border-top:dotted 1px #CA0955;border-left:dotted 1px #CA0955;border-right:dotted 1px #CA0955;border-bottom:solid 1px #CA0955;-webkit-transition:height .2s;-moz-transition:height .2s;transition:height 0ms;outline:0}.Header{background-color:#CA0955;height:1.5em;border-radius:4px}.HeaderTitle{color:#fff;font-weight:600;font-size:1em}.SubHeader{margin-top:.3em}.Pager{position:fixed;font-size:1em;right:.1em;left:.1em;bottom:.2em;white-space:nowrap;z-index:-1}.Pager .Item,.Pager .Selected{display:inline-block;font-size:.8em;border-radius:2em;margin-left:.2em;margin-right:.2em;padding:.2em .7em;font-weight:600}.Pager .Item{background-color:#fff;color:#000}.Pager .Selected{background-color:#CA0955;color:#fff}.ErrorMessage,.InformationalMessage{border:2px solid #CA0955;color:#CA0955;margin-top:1.8em;margin-right:1px;padding:4px;right:5px;z-index:200;position:absolute;background-color:#fff}.MessageContainer{margin-top:.3em;border:1px solid #CA0955;padding:5px;overflow:hidden}.InfoImage{width:3.2em;height:3em;float:left;background:url(/img/icon-05.png) no-repeat;background-size:3em 3em}.ButtonConfirmStyle,.ButtonNextStyle,.ButtonPreviousStyle{position:fixed;display:inline-block;bottom:.1em;height:2.2em;width:11em;color:#fff;border:none;-webkit-appearance:none}.ButtonConfirmStyle,.ButtonNextStyle,.ButtonPreviousStyle,.EmployeeSelection .Hoover{background-color:#CA0955;cursor:pointer}.ButtonPreviousStyle{left:.3em;font-weight:600;float:left;z-index:999}.ButtonNextStyle{right:.3em;font-weight:600}.ButtonConfirmStyle{right:.3em;font-weight:700;background-image:url(/img/icon-06.png);background-repeat:no-repeat;background-size:20px 20px;background-position-y:40%;background-position-x:13%}.AppointmentScrollBox,.EmployeeScrollBox,.UserScrollBox{position:fixed;top:3.8em;bottom:2.1em;left:5px;right:5px}.ButtonConfirmStyle:hover,.ButtonNextStyle:hover,.ButtonPreviousStyle:hover{color:#f29107}.AppointmentSelection td{border:none;padding-bottom:.5em}.AppointmentLink{font-size:1.1em;text-decoration:none;color:#d6d6d6}.AppointmentLink:active,.AppointmentLink:hover{color:#CA0955}.EmployeeScrollBox{text-align:center;overflow-x:hidden}.EmployeeSelection,.EmployeeSelection tr{border:none}.EmployeeSelection td{text-align:left;padding-top:6px;border-left:none;border-right:none;border-top:none;border-bottom:1px dotted #d6d6d6}.EmployeeImage{width:60px;border:1px solid #000}.EmployeeText{color:#d6d6d6;font-size:1em;font-weight:400;border:none}.DaySelection{background-color:#444;border-spacing:4px;font-size:.9em;font-weight:600;width:100%;margin-top:.5em}.NextDay,.NextDayDisabled{margin-right:1.2em;float:right;width:1.3em;height:1.9em;background-image:url(/img/icons_right_scroll_s2.png)}.DaySelectionTitle{vertical-align:top;font-size:1.1em;font-weight:600;color:#d6d6d6;margin-bottom:.4em}.AvailableDay,.BlockedDay{font-size:1.2em;padding:30px 5px}.NextDay{background-size:1.3em 1.9em;cursor:pointer}.NextDayDisabled{background-size:1.3em 1.9em;cursor:not-allowed}.PrevDay,.PrevDayDisabled{margin-left:1.2em;width:1.3em;height:1.9em;background-image:url(/img/icons_left_scroll_s2.png);background-size:1.3em 1.9em;float:left}.PrevDay{cursor:pointer}.PrevDayDisabled{cursor:not-allowed}.AvailableDay:Hover,.ChoiceInput:hover,.ChoiceInputGroup:hover,.ChoiceInputRequired:hover,.RadioInput,.TextInput:hover,.TextInputRequired:hover{cursor:pointer}.DaySelectionHeader{border:none;background-color:#CA0955;color:#fff;text-align:center}.BlockedDay{text-decoration:line-through;background-color:#d6d6d6;border:1px solid #d6d6d6;color:#CA0955;text-align:center}.AvailableDay{text-decoration:none;background-color:#fff;color:#f29107;border:1px solid #fff}.AvailableTime,.BlockedTime{font-size:.9em;font-weight:600;text-align:center;padding:20px 0}.AvailableDay:Hover{background-color:#CA0955;color:#fff}.TimeSelection{background-color:#444;border-spacing:8px;width:100%;margin-top:2px}.BlockedTime{text-decoration:line-through;background-color:#d6d6d6;border:1px solid #d6d6d6;color:#CA0955}.AvailableTime{text-decoration:none;border:1px solid #fff;background-color:#fff;color:#f29107}.UserLabel,.UserText{font-size:.92em;border:none}.AvailableTime:hover{background-color:#CA0955;color:#fff;cursor:pointer}.UserScrollBox{padding-left:4px;padding-right:8px}.UserLabel{width:25%;float:left;padding-right:10px;color:#fff;font-weight:400;display:block}.UserText{color:#d6d6d6;font-weight:600}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=tel]::-webkit-inner-spin-button,input[type=tel]::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;margin:0}.TextInput,.TextInputRequired{width:60%;color:#4d4d4d;font-size:1em;font-weight:200;margin-bottom:.3em}input[type=number]{-moz-appearance:textfield}.TextInput{border-top:1px solid #ccc;border-left:1px solid #ccc;border-right:1px solid #eee;border-bottom:1px solid #eee}.TextInputRequired{border:1px solid #CA0955}.TextInput:focus{outline:0;border-color:#f29107}.ChoiceInput,.ChoiceInputGroup{border:1px solid #ccc;font-weight:400;font-style:italic}.ChoiceInput{-webkit-appearance:none;width:50%;color:#000;font-size:1em}.ChoiceInputGroup,.ChoiceInputRequired{-webkit-appearance:none;width:19.7%;font-size:1em;margin-bottom:.3em}.ChoiceInputGroup{color:#929292}.ChoiceInputRequired{color:#4d4d4d;border:1px solid #CA0955;font-weight:200}.RadioInput{color:#fff}@media screen and (max-width:512px){.Pager{display:none}.AppointmentScrollBox{bottom:.1em}}@media screen and (max-width:400px){body,html{font-size:100%}.UserScrollBox{bottom:4.4em}.ButtonConfirmStyle,.ButtonNextStyle{left:.3em;width:calc(100% - .6em);bottom:2.6em}.ButtonPreviousStyle{right:.3em;width:calc(100% - .6em)}.ButtonConfirmStyle{background-color:#CA0955;background-image:none;background-repeat:no-repeat;background-size:1.6em 1.6em;background-position-y:4px;background-position-x:30%}.AvailableDay,.BlockedDay{padding:4px 2px}.TimeSelection{border-spacing:4px}.AvailableTime,.BlockedTime{font-size:1em;font-weight:600;padding-top:4px;padding-bottom:4px}#EmployeeContainer img{width:100px}.HeaderTitle{font-weight:600;font-size:.8em}}@media screen and (max-width:240px){.DaySelection,.TimeSelection{border-spacing:1px}}@media screen and (min-width:401px) and (max-width:768px){body,html{font-size:110%}.Text{font-size:1em;font-weight:600}.AvailableDay,.BlockedDay{font-size:1.2em;padding-bottom:8px;padding-top:8px}.AvailableTime,.BlockedTime{font-size:.9em;font-weight:600;padding-top:6px;padding-bottom:6px}}@media screen and (max-height:640px) and (orientation:landscape){.AvailableDay,.BlockedDay{font-size:1.2em;padding-bottom:16px;padding-top:16px}.AvailableTime,.BlockedTime{font-weight:600;padding-top:4px;padding-bottom:4px}}@media screen and (max-height:500px) and (orientation:landscape){.AvailableDay,.BlockedDay{font-size:1.2em;padding-bottom:8px;padding-top:8px}.AvailableTime,.BlockedTime{font-weight:400;padding-top:2px;padding-bottom:2px}}@media screen and (max-height:400px) and (orientation:landscape){body,html{font-size:105%}.AvailableDay,.BlockedDay{font-size:1em;padding-bottom:2px;padding-top:2px}.AvailableTime,.BlockedTime{font-weight:400;padding-top:1px;padding-bottom:1px}}@media screen and (max-height:320px) and (orientation:landscape){body,html{font-size:100%}.AvailableDay,.BlockedDay{font-size:1em;padding-bottom:1px;padding-top:1px}.AvailableTime,.BlockedTime{font-weight:400;padding-top:1px;padding-bottom:1px}}@media screen and (min-height:480px) and (max-height:600px){.EmployeeImage{width:80px}}@media screen and (min-height:601px) and (max-height:800px){.EmployeeImage{width:100px}}@media screen and (min-width:769px) and (max-width:1200px){body,html{font-size:115%}}@media screen and (min-height:801px){.EmployeeImage{width:120px}}@media (max-width:618px){.ChoiceInput,.ChoiceInputGroup,.ChoiceInputRequired,.TextInput,.TextInputRequired,.UserLabel{width:100%}.AppointmentSelection{text-align:left}.AppointmentSelection td{padding-left:2em}.UserLabel{float:left;padding-right:10px}}@media (min-width:1200px){.UserLabel{text-align:right}}