/** Shopify CDN: Minification failed

Line 520:13 Unexpected ".1591034"
Line 524:13 Unexpected ".1591034"
Line 528:13 Unexpected ".1595172"
Line 532:12 Unexpected ".1591034"

**/
body, p, span, div, button, label, .mat-card, mat-toolbar.toolbarCardHeader > mat-toolbar-row.mat-toolbar-row h2 {
    font-family: "messina-sans-regular", Arial, sans-serif !important;
}

.align-center {
    text-align: center;
}

.scheduler-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    height: 100vh;
}

.scheduler {
    width: 100%;
    height: 100%;
    border: none;
    margin: 0 auto;
    max-width: 1072px;
    padding: 40px 0 70px;
}

@media screen and (max-width: 960px) {
    .scheduler {
        padding: 20px 0 50px;
    }   
}

.mat-card-title {
    border-bottom: 1px #ccc solid !important;
    margin-bottom: 20px !important;
    padding-bottom: 16px;
    font-family: "stkbureau-serif-light";
}

.mat-card-title .toggleBtn {
    display: none !important;
}

.schedulerPanelBody {
    border-bottom: 1px #ccc solid !important;
    font-family: "messina-sans-mono-semibold";
    margin: 0 0 12px !important;
    padding: 0 0 20px !important;
    height: auto !important;
}

.schedulerPanelBody .panelTopDescriptionText {
    font-size: 22px;
    line-height: 30px;
    padding: 0 50px;
}

.schedulerPanelBody .selectTimeLabel,
.schedulerPanelBody .calendar-label {
    line-height: 30px;
    font-size: 22px !important;
    font-weight: 700;
    margin-bottom: 22px;
}

.schedulerPanelBody .daySpan14, 
.schedulerPanelBody .daySpan7, 
.schedulerPanelBody .daySpan2,
.schedulerPanelBody .dayBox {
    font-size: 18px;
    font-weight: 500 !important;
}

.schedulerPanelBody .timezoneLabel {
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
    font-style: normal !important;
}

.schedulerPanelBody .timeDisplayLabel {
    line-height: 25px;
    font-size: 18px;
    font-weight: 500;
}

.mat-stroked-button {
    border-radius: 5px !important;
    font-size: 18px !important;
    line-height: 24px !important;
    padding: 14px 29px !important;
}

mat-list.mat-list-base > mat-list-item.mat-list-item.mat-list-item-avatar, 
mat-list.mat-list-base > mat-list-item.mat-list-item.mat-2-line {
    margin: 20px 0 0px 0px !important;
    padding: 19px 0 !important;
}

mat-list.mat-list-base > mat-list-item.mat-list-item.mat-list-item-avatar:first-child, 
mat-list.mat-list-base > mat-list-item.mat-list-item.mat-2-line:first-child {
    margin-top: 0 !important;
}

.mat-list-base .mat-list-item .mat-list-item-content, 
.mat-list-base .mat-list-option .mat-list-item-content {
    padding: 0 20px !important;
    text-align: left;
}

.mat-chip.mat-standard-chip {
    background-color: transparent !important;
    border: 1px #000 solid;
    font-size: 16px;
    line-height: 16px;
    padding: 19px 12px;
    border-radius: 5px;
}

mat-list-item i.fas.fa-check {
    border: 1px #000 solid;
    text-align: center;
    border-radius: 50%;
    height: 29px;
    width: 29px;
    min-width: 29px;
    line-height: 29px;
    padding: 0 !important;
    display: inline-block;
    margin: 0 46px 0 33px !important;
}

.mat-list-base .mat-list-item .mat-line {
    font-size: 22px !important;
}

.mat-list-base .mat-list-item.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, 
.mat-list-base .mat-list-item.mat-list-option .mat-list-item-content .mat-list-text, 
.mat-list-base .mat-list-option.mat-list-item-with-avatar .mat-list-item-content .mat-list-text, 
.mat-list-base .mat-list-option.mat-list-option .mat-list-item-content .mat-list-text {
    padding-left: 30px !important;
}

.mat-list-item-content .fa-chevron-right {
    font-size: 26px;
    margin-left: 107px !important;
}

.mat-list-item-content .fa-check + .fa-chevron-right {
    margin-left: 0 !important;
}

staff-panel .mat-list-item-content .fa-check + .fa-chevron-right,
staff-panel .mat-list-item-content .fa-chevron-right {
    margin-left: 0 !important;
}

time-panel .panelTopDescriptionText p {
    margin: 0;
    padding: 0;
}
.mat-datepicker-content .mat-calendar {
    border: 1px solid #ccc;
}

#calendarTimes {
    justify-content: space-between;
    padding: 0 !important;
}

#calendarTimes .col-md-6 {
    max-width: 43%;
}

.mat-radio-group {
    top: -24px;
}

.fa-chevron-left,
.fa-chevron-right {
    font-size: 26px;
}

client-info-panel .panelTopDescriptionText {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
    margin-top: 12px;
    margin-bottom: 42px;
}

.mat-form-field-wrapper {
    padding-bottom: 31px !important;
}

.mat-form-field-appearance-legacy .mat-form-field-flex {
    padding-top: .75em;
}

.mat-form-field-wrapper .mat-form-field-subscript-wrapper {
    top: calc(100% - 2.79167em);
}
.mat-card-content>:first-child, .mat-card>:first-child {
    margin-top:1rem;
}
.mat-form-field-wrapper .mat-form-field-infix {
    border: 1px #000 solid;
    border-radius: 5px;
    padding: 15px 0 16px;
    margin: 0.5rem 0;
}

.mat-form-field-wrapper .mat-form-field-underline {
    display: none;
}

.mat-form-field-wrapper .mat-input-element {
    padding: 0 20px;
}

.mat-form-field-wrapper .mat-form-field-label-wrapper {
    overflow: visible;
    left: 20px;
}

.mat-form-field-wrapper .mat-form-field-label {
    top: 30px;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label-wrapper {
    left: 0;
}

.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label,
.mat-form-field-appearance-legacy.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    color: #000;
    transform: translateY(-2.29375em) scale(0.95);
}

.mat-select {
    padding-top:0;
}

.mat-select-value {
    padding-left: 20px;
}

.mat-form-field-appearance-standard.mat-form-field-has-label .mat-select:not(.mat-select-empty) .mat-select-arrow-wrapper {
    transform: translateY(0);
}

.mat-form-field.mat-focused .mat-form-field-label, 
.mat-form-field.mat-focused .mat-form-field-label > span, 
.mat-form-field.mat-focused .mat-form-field-required-marker {
    color: #000 !important;
}

app-scheduler-pref-field-form .customField:last-child .mat-form-field-wrapper {
    padding-bottom: 0 !important;
}

scheduler-footer .mat-button-wrapper {
    color: #000 !important;
}

confirmation-panel .mat-card-title {
    background: url(https://d3gfi7c8oijy7q.cloudfront.net/392708/ttu_506032436277167374.png) center 120px no-repeat;
    font-size: 60px !important;
    line-height: 62px !important;
    border-bottom: none !important;
    padding: 236px 0 14px;
}

confirmation-panel .mat-card-title h2 {
    font-size: 60px !important;
    line-height: 62px !important;
}

mat-card.embeddedView mat-card-content {
    font-weight: 700;
    font-size: 22px !important;
    line-height: 30px;
    border-bottom: none !important;
    text-align: center;
    margin-bottom: 5px !important;
}

confirmation-panel scheduler-footer .mat-stroked-button {
    background-color: #C0D128;
    border-color: #C0D128;
    max-width: 294px;
}

confirmation-panel scheduler-footer .mat-stroked-button[btnid="addToCalendar"] {
    display: none;
}

mat-card.embeddedView client-info-panel mat-card-content {
    margin-bottom: 130px !important;
}

client-info-panel scheduler-footer { 
    background-color: #fff;
    border: 1px solid #C0D128 !important;
    border-radius: 8px;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    bottom: 10px;
    padding: 20px;
    position: fixed;
    width: 97%;
    max-width: 650px;
}

/* Mobile styles */
@media screen and (max-width: 960px) {
    .scheduler {
        max-height: 100%;
    }
    
    .mat-card-header .mat-card-title {
        font-size: 24px;
        line-height: 24px;
        padding-bottom: 8px;
    }

    .toolbarCardHeader.embeddedView mat-card-title h2 {
        font-family: "stkbureau-serif-light";
        font-size: 24px !important;
        line-height: 24px;
    }

    .schedulerPanelBody {
        font-family: "messina-sans-mono-semibold";
        border-bottom: none !important;
        padding-bottom: 0 !important;
    }

    .mat-list-base .mat-list-item .mat-line {
        font-size: 14px !important;
        line-height: 20px !important;
    }

    .mat-card {
        padding: 0 !important;
    }

    mat-list-item {
        border: 1px #000 solid;
        border-radius: 8px;
        padding: 10px 0 !important;
    }

    mat-list.mat-list-base > mat-list-item.mat-list-item.mat-list-item-avatar, 
    mat-list.mat-list-base > mat-list-item.mat-list-item.mat-2-line {
        padding: 10px 0 14px !important;
    }

    .mat-list-base .mat-list-item .mat-list-item-content, 
    .mat-list-base .mat-list-option .mat-list-item-content {
        padding: 0 10px !important;
    }

    .mat-chip.mat-standard-chip {
        font-size: 10px !important;
        min-height: 26px;
        padding: 5px 7px !important;
    }

    mat-list.mat-list-base > mat-list-item > div.mat-list-item-content > div.row > div.col-12 > div.avatar-wrapper {
        padding-right: 10px;
        width: 23%;
    }

    mat-list > mat-list-item:last-child {
        border-bottom: 1px #000 solid;
    }

    mat-list-item i.fas.fa-check {
        margin: 0 32px !important;
    }

    #calendarTimes .col-md-6 {
        max-width: 100%;
    }

    .schedulerPanelBody .selectTimeLabel {
        margin-top: 30px;
    }

    .schedulerPanelBody .panelTopDescriptionText {
        font-size: 14px;
        line-height: 20px;
        margin: 0;
        padding: 0;
    }

    .schedulerPanelBody .calendar-label {
        margin-bottom: 10px;
        padding-bottom: 0;
    }

    .adjustChipListHeight > div.mat-list-item-content > div.row > div.col-12 > i {
        right: 5px;
    }

    mat-list.mat-list-base > mat-list-item > div.mat-list-item-content > div.row > div.col-12 > div.title-wrapper.avatar-float {
        width: 50%;
    }

    .adjustChipListHeight > div.mat-list-item-content > div.row > div.col-12 > div.mat-list-text {
        width: 80%;
        padding-left: 24% !important;
        margin-top: -15px;
    }
    
    .adjustChipListHeight > div.mat-list-item-content > div.row > div.col-12 > div.mat-list-text p {
        font-size: 8px;
        line-height: 11px;
    }

    .schedulerPanelBody .calendarHeader .daySpan2 {
        font-size: 10px;
        line-height: 14px;
    }

    client-info-panel .schedulerPanelBody .panelTopDescriptionText {
        margin-bottom: 25px;
    }

    confirmation-panel .mat-card-title {
        margin-bottom: 5px !important;
        padding: 155px 0 0 !important;
    }

    confirmation-panel .mat-card-title h2 {
        font-size: 36px !important;
        line-height: 36px !important;
    }

    mat-card.embeddedView client-info-panel mat-card-content {
        margin-bottom: 20px !important;
    }

    client-info-panel scheduler-footer { 
        background-color: transparent;
        border: none !important;
        border-radius: 0;
        box-shadow: none;
        bottom: 0;
        padding: 0;
        position: inherit;
        width: 100%;
    }
}


#nextBtn, #saveBtn {
    background: #C0D128 !important;
    border:1px solid #C0D128 !important;
    color: #000;
}

mat-list.mat-list-base > mat-list-item.mat-list-item.mat-2-line {
	margin-top:10px;
    border: 1px solid #000;
    border-radius: 8px;
    -webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}

.mat-list-base .mat-list-item:not(.adjustChipListHeight) {
    border: 1px solid;
    margin-top:10px;
    border-radius: 8px;
}

mat-list-item.mat-list-item.selected, mat-list-item.mat-list-item:hover {
    background-color:#fff;
    border:1px solid #C0D128 !important;
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
box-shadow: 0 0 20px 0 rgba(0,0,0,.1);
}

input.mat-input-element:-internal-autofill-selected {
    background-color:#fff;
}

/*mat-toolbar.toolbarCardHeader, mat-card-header.toolbarCardHeader, .invoiceBalanceDivider, mat-card-content, mat-list-item {
    border-bottom-color: #fff;
}*/

mat-list.mat-list-base > mat-list-item.mat-list-item.mat-list-item-avatar, mat-list.mat-list-base > mat-list-item.mat-list-item.mat-2-line {
    margin: 10px 0px 0px 0px;
    }

    .mat-radio-outer-circle {
    border-color: #000;
}

a {
    color: #000;
    text-decoration: underline;
    font-style: normal;
} 

@media screen and (max-width: 768px) {
.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
     transform: translateY(-3.1375em) scale(0.75);
 }

 .customField.1591034.apptField.ng-star-inserted, .customField.1595172.apptField.ng-star-inserted {
    padding-top: 1.8rem !important;
 }

 .customField.1591034.apptField.ng-star-inserted .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-3.19375em) scale(0.85) !important;
 }

 .customField.1595172.apptField.ng-star-inserted .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-3.19375em) scale(0.85) !important;
 }

.customField.1591034.apptField.ng-star-inserted .mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
    transform: translateY(-3.19375em) scale(0.85) !important;
 }

 .mat-form-field-appearance-standard .mat-form-field-flex {
    padding-top: 1em !important;
 }

 #CONTACTS_FIRST_TIME {
    margin-bottom: 3rem;
 }
}

#calendarBox div[role="row"] {
    text-align: left;
}

#calendarBox div[role="row"] div {
    text-align: center;
}