.phone .HeadingSmall, .tablet .HeadingSmall {
    font-size: 12px;
    color: #b22222;
}

.pika-single {
    z-index: 999;
}

.pika-prev::after, .pika-next::after {
    top: 50% !important;
}

.Calendar-navBtn {
    display: none !important;
}

.pika-prev {
    left: 0px !important;
}

.pika-next {
    right: 0px !important;
}

.OnlineScheduling20_Container {
    padding: 0 2.5rem;
    margin-left: 2.4rem;
}


.OnlineScheduling20_ContainerDevices {
    padding: 0px 30px;
}

.OnlineScheduling_NotificationWrapper {
    background-color: #F9E9C5;
    margin-top: 10px;
    color: #998262;
    padding: 20px;
    margin-bottom: -6px;
}

.OnlineScheduling20_Title {
    font-size: 2.4em;
    line-height: 1.25em;
    font-family: "Montserrat",Helvetica,sans-serif;
    font-weight: 300;
    color: #1c1f4d;
    margin-top: 10px;
    white-space: nowrap;
}

@media (max-width: 1300px) {
  .OnlineScheduling20_Title {
    font-size: 2em;
    margin-top: 20px;
  }
}

.OnlineScheduling20_TitleDevices {
    font-size: 2em;
    line-height: 1.25em;
    font-family: "Montserrat",Helvetica,sans-serif;
    font-weight: 300;
    color: #1c1f4d;
    margin-top: 10px;
    white-space: nowrap;
}

.OnlineScheduling20_SubTitle {
    font-size: 1.5em;
    font-family: "Montserrat",Helvetica,sans-serif;
    line-height: 1.25em;
    font-weight: 400;
    color: #1c1f4d;
}

@media (min-width:48em){
    .OnlineScheduling20_SubTitle {
        font-size: 2em;
    }
}

.SlotSelection_DateMainWrapper {
    margin-left: -2.4rem;
}

.SlotSelection_DateWrapper {
    padding-left: 2.4rem;
    background-color: #edebdf;
    white-space: nowrap;
    padding-right: 24px;
    padding-top: 20px;
    padding-bottom: 20px;
    min-width: 419px;
    margin-right: 2px;
}

.SlotSelection_DateWrapperPhone {
    background-color: #edebdf;
    white-space: nowrap;
    padding-top: 20px;
    padding-bottom: 20px;
    width: 100%;
}

.SlotSelection_DatePeriodWrapper_Active {
    background-color: #1c1f4d;
    color: #FFF;
    width: 50%;
}

.SlotSelection_DatePeriodWrapper {
    height: 90px;
    background-color: #FFFFFF;
    color: #5c8d9d;
    border-bottom: 2px solid #1c1f4d;
    width: 50%;
    border-top: 2px solid #1c1f4d;
    border-left: 2px solid #1c1f4d;
    border-right: 2px solid #1c1f4d;    
    border-bottom: 2px solid #1c1f4d;
}

.SlotSelection_DatePeriodWrapper:hover {
    background-color: #d1c1ce !important;
    color: #000000 !important;
}

.SlotSelection_DatePeriodTable {
    display: table; 
    height: 90px; 
    width: 100%;
}

.SlotSelection_DatePeriodTableCell {
    display: table-cell; 
    vertical-align: middle;
}

.SlotSelection_DatePeriodDescription {
    margin-top: 15px;
    font-weight: bold;
    font-size: 18px;
}


.InputWithIcons .InputIcon {
    color: #5c8d9d !important;
    font-size: 24px !important;
}

.AgendaHeader {
    color: #8e8e8e;
    font-size: 14px;
    font-weight: 600;
    border-left: 2px solid #eaeaea;
    padding: 5px 0px 10px;
}

.AgendaSlot {
    color: #5c8d9d !important;
    border-radius: 0 !important;
    padding: 10px !important;
    margin: 0px !important;
    border-left: 2px solid #eaeaea !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    height: unset !important;
}

.SlotPadding {
    padding: 0px !important;
}

.AgendaWrapper {
    border-right: 2px solid #eaeaea !important;
}

.AgendaSlot.Selected {
    background-color: #895c7d !important;
    color: #FFFFFF !important;
}

.AgendaSlot:hover:not(.Selected) {
    background-color: #d1c1ce !important;
    color: #000000 !important;
}

.AgendaSlotNotAvailable {
    color: #5c8d9d !important;
    border-radius: 0 !important;
    padding: 10px !important;
    margin: 0px !important;
    border-left: 2px solid #eaeaea !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    height: unset !important;
}

.AgendaSlotNotAvailable.Selected {
    background-color: #895c7d !important;
    color: #FFFFFF !important;
}

.fa.fa-fw.fa-calendar {
    line-height: 46px;
}

.btn-cta{
    font-size:rem(16);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:-0.01em;
    padding:rem(10) rem(16);
    text-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid #4C8196;
    background:#DD9719;
    color:#fff;
    font-size:0.875em;
    border-radius:2.1875em;
    padding:1.25em 0.9375em;
    border:1px solid #DD9719;
    text-transform:none;
    font-weight:700;
    -webkit-transition:background-color .3s ease-out,border-color .3s ease-out;
    transition:background-color .3s ease-out,border-color .3s ease-out;
    padding:rem(10) rem(16);
}
.btn-cta:focus{
    outline:none;
}
@media (min-width:62em){
    .btn-cta{
        padding:1.25em 2em;
        font-size:1em;
    }
}
.btn-cta:before{
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    display:inline-block;
    font-style:normal;
    font-variant:normal;
    font-weight:normal;
    line-height:1;
    content:"\f274";
    font-family:'FontAwesome';
    font-weight:900;
    color:#fff;
}
.btn-cta:visited{
    color:#DD9719;
}
.btn-cta:hover{
    background-color:transparent;
    color:#DD9719;
    border:1px solid #DD9719;
}
.btn-cta:hover:before{
    color:#DD9719;
}
.btn-cta:focus,.btn-cta:active{
    color:#fff;
}
.btn-cta::before{
    margin-right:0.625em;
}
.btn-cta-no-icon{
    font-size:rem(16);
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    cursor:pointer;
    text-transform:uppercase;
    text-decoration:none;
    letter-spacing:-0.01em;
    padding:rem(10) rem(16);
    text-align:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    border:1px solid #4C8196;
    background:#DD9719;
    color:#fff;
    font-size:1.0625em;
    border-radius:2.1875em;
    padding:1.25em 2em;
    border:1px solid #DD9719;
    text-transform:none;
    font-weight:700;
    -webkit-transition:background-color .3s ease-out,border-color .3s ease-out;
    transition:background-color .3s ease-out,border-color .3s ease-out;
    padding:rem(10) rem(16);
}
.btn-cta-no-icon:focus{
    outline:none;
}
.btn-cta-no-icon:visited{
    color:#DD9719;
}
.btn-cta-no-icon:hover:enabled{
    background-color:transparent;
    color:#DD9719;
    border:1px solid #DD9719;
}
.btn-cta-no-icon:active{
    color:#DD9719;
}
.btn-cta-no-icon::before{
    margin-right:0.625em;
}

.LeftPanel_CardMainWrapper {
    margin-left: -2.4rem;
}

.LeftPanel_CardWrapper {
    padding-left: 2.4rem;
    background-color: #edebdf;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
    min-width: 419px;
    margin-right: 2px;
}

.LeftPanel_CardWrapperDevices {
    padding-left: 2.4rem;
    background-color: #edebdf;
    padding-right: 24px;
    padding-top: 16px;
    padding-bottom: 16px;
}

.LeftPanel_CardSubTitle {
    font-size: 1.25em;
    font-family: "Montserrat",Helvetica,sans-serif;
    font-weight: 700;
    color: #1c1f4d;
}

.LeftPanel_CardSubTitle2 {
    font-size: 1.2em;
    font-family: "Montserrat",Helvetica,sans-serif;
    font-weight: 500;
    color: #1c1f4d;
}

.LeftPanel_CardText {
    font-weight: 600;
    font-family: "Montserrat",Helvetica,sans-serif;
    color: #949c9d;
}

a, a:link, a:visited {
    color: #5c8d9d;
    text-decoration: none;
    text-transform: none;
    font-weight: 700;
}

.RightPanelIconItem {
    font-size: 24px;
    background: white;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-block;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #733589;
}

.RightPanelIconItemContent {
    overflow: hidden;
    color: #733589;
    margin: 7px;
}

.RightPanelIconItemContent a {
    text-decoration: none !important;
    color: #733589 !important;
}

.RightPanelIconItemContent a span {
    font-weight: 500 !important;
}

.InputHeaderLabel {
    color: #90959B !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
    padding-bottom: 2px !important;
}

.Form label.MandatoryLabel:after {
    color: #90959B !important;
}

textarea, select, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .Form input.ReadOnly, .Form textarea.ReadOnly, .Form select.ReadOnly {
    border: 2px solid #cacaca !important;
    border-radius: 5px !important;
}

input[readonly="readonly"], input[readonly],
textarea[readonly="readonly"], textarea[readonly],
select[readonly="readonly"], select[readonly] {
    background-color: #efefef !important;
    color: #5a5a5a !important;
}

.WarningMessageWrapper {
    color: red;
    border: 2px solid red;
    border-radius: 5px;
    padding: 10px;
}

.HeadingMessage {
    font-weight: 300;
    font-size: 1.5em !important;
}

@media (min-width:48em){
    .HeadingMessage {
        font-size: 2em !important;
    }
}

.btn-cta-purple {
    background:#895c7d !important;
    border:1px solid #895c7d !important;
}

.btn-cta-purple:hover{
    color:#895c7d !important;
    background:#ffffff !important;
    border:1px solid #895c7d !important;
}

.btn-cta-purple:focus,.btn-cta-purple:active{
    color:#895c7d;
}

input[type="checkbox"]:after {
    border-color: #fff;
    border-width: 3px;
    height: 7px;
    left: 3px;
    top: 5px;
    width: 14px;
}

.fa {
    display: inline-block !important;
}

.os-internal-ui-dialog-titlebar {
    background-color: #1c1f4d !important;
}

.PatientCardBorder {
    border: 1px solid #5a006e;
    border-radius: 5px;
    background-color: #FFFFFF;
    padding: 10px 20px;
    margin-bottom: 30px;
}

/*For the new mobile scheduler copied from Solis*/
@media (min-width: 320px) {
    .AgendaSlotNew {
        font-size: 8px;
    }
}

@media (min-width: 340px) {
    .AgendaSlotNew {
        font-size: 10px;
    }
}

@media (min-width: 360px) {
    .AgendaSlotNew {
        font-size: 12px;
    }
}

@media (min-width: 375px) {
    .AgendaSlotNew {
        font-size: smaller;
    }
}

@media (max-width: 365px) {
    .pika-single {
        left: 45px !important;
    }
}

.AgendaSlotNew {
    color: #1c1f4d !important;
    border-radius: 0 !important;
    padding: 10px !important;
     margin: 2px !important; 
    border-left: 2px solid #eaeaea !important;
    border-right: 0 !important;
    border-top: 0 !important;
    border-bottom: 0 !important;
    height: unset !important;
    background-color: white !important;
    /*font-size: smaller !important;*/
    text-align: center;
}

.AgendaSlotNew.Selected {
    background-color: #895c7d !important;
    color: #FFFFFF !important;
}

.AgendaSlotNew:hover:not(.Selected) {
    background-color: #d1c1ce !important;
    color: #000000 !important;
}

.pika-time-container{
    display: none;
}