/* @vite-ignore-side-effects */
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,400;1,700&display=swap'); /*
#fullysynced-calendar {
all: initial;
} #fullysynced-calendar * {
all: unset
}
*/ #fullysynced-calendar { font-family: "Lato", "Helvetica", "Arial", sans-serif; margin: 20px auto; max-width: 1024px; font-size: 0.875rem; height: 100%; width: 100%; overflow-y: auto; text-align:left;
} #fullysynced-calendar * { font-family: "Lato", "Helvetica", "Arial", sans-serif !important;
} #fullysynced-calendar h1 { font-size: 1.5rem; font-weight: bold; margin: 0; padding: 0;
} #fullysynced-calendar h2 { font-size: 1.25rem; font-weight: bold; margin: 0; padding: 0;
} #fullysynced-calendar h3 { font-size: 1.2rem; font-weight: bold; margin: 0; padding: 0;
} #fullysynced-calendar h4 { font-size: 1.1rem; font-weight: bold; margin: 0; padding: 0;
} #fullysynced-calendar h5 { font-size: 1rem; font-weight: bold; margin: 0; padding: 0;
} #fullysynced-calendar p { font-size: .75rem; margin: 3px 0; padding: 0;
} #fullysynced-calendar .fullysynced-row { width: 100%; display: flex; flex-wrap: wrap;
} #fullysynced-calendar-col-info.fullysynced-col { width: 33.33%;
} #fullysynced-calendar-col-info.fullysynced-col #fullysynced-event-info,
#fullysynced-calendar-col-info.fullysynced-col #fullysynced-event-info-selected-container { width: 100%;
} #fullysynced-calendar-col-info.fullysynced-col #fullysynced-event-info { margin-bottom: 20px;
} #fullysynced-calendar-col-month.fullysynced-col { width: 41.33%;
} #fullysynced-calendar-col-slot.fullysynced-col { width: 25.33%;
} #fullysynced-calendar-col-form-info.fullysynced-col,
#fullysynced-event-booked-message.fullysynced-col { width: 66.66%;
} #fullysynced-calendar .fullysynced-calendar-header { display: flex; justify-content: space-between; align-items: center;
} #fullysynced-days-container, #fullysynced-days-weekdays-container { display: grid; grid-template-columns: repeat(7, 1fr); gap: 5px;
} #fullysynced-days-weekdays-container { margin-top: 10px; text-align: center; padding-top: 10px; padding-bottom: 10px;
} #fullysynced-calendar .fullysynced-day { padding: 10px; background: #f0f0f0; border-radius: 4px; cursor: pointer; text-align: center;
} #fullysynced-calendar .fullysynced-day.fullysynced-day-disabled { color: #999; cursor: not-allowed;
} #fullysynced-day-selected,
#fullysynced-day-selected:hover,
#fullysynced-day-selected.fullysynced-current-day { background: #007bff; color: white;
} #fullysynced-calendar .fullysynced-current-day { background: #999; color: white;
} #fullysynced-calendar .fullysynced-container-padding { padding: 10px;
} #fullysynced-calendar-col-info { width: 100%;
} #fullysynced-calendar #fullysynced-calendar-col-info hr { margin: 30px 0; border: 1px solid #ddd;
} #fullysynced-calendar #fullysynced-calendar-col-info h5 { font-size: 1rem; font-weight: normal;
} #fullysynced-calendar #fullysynced-calendar-col-info h3 { font-size: 1.2rem;
} #fullysynced-calendar #fullysynced-calendar-col-info #fullysynced-event-duration-info { font-size: 1rem; font-weight: normal; padding-left: 5px;
} #fullysynced-calendar-col-month { width: 100%;
} #fullysynced-calendar #fullysynced-calendar-col-month h2 { font-size: 1.2rem; font-weight: normal; text-align: center !important; background: none !important;
} #fullysynced-calendar h2 { background: none !important; left: 0 !important; right: 0 !important; top: 0 !important; bottom: 0 !important;
} #fullysynced-calendar h2:after { display: none !important;
} #fullysynced-calendar #fullysynced-calendar-col-month #fullysynced-btn-prev-month,
#fullysynced-calendar #fullysynced-calendar-col-month #fullysynced-btn-next-month { background: none; border: none; cursor:pointer;
} #fullysynced-calendar #fullysynced-calendar-col-month .fullysynced-month-arrow { width: 30px; height: 30px; color: #666666;
} #fullysynced-calendar #fullysynced-calendar-col-month .fullysynced-month-arrow:hover { color: #007bff;
} #fullysynced-calendar #fullysynced-btn-prev-month:disabled .fullysynced-month-arrow { cursor: not-allowed; color: #dddddd;
} #fullysynced-calendar #fullysynced-btn-prev-month:disabled .fullysynced-month-arrow:hover { color: #dddddd;
} #fullysynced-calendar #fullysynced-btn-next-month:disabled .fullysynced-month-arrow { cursor: not-allowed; color: #dddddd;
} #fullysynced-calendar #fullysynced-btn-next-month:disabled .fullysynced-month-arrow:hover { color: #dddddd;
} #fullysynced-calendar-col-slot { width: 100%;
} #slot-info-container { text-align: center; margin-bottom: 15px;
} #fullysynced-calendar #fullysynced-calendar-col-month h3, #fullysynced-calendar #fullysynced-calendar-col-slot h3 { font-size: 1.2rem; color: #0060e6;
} #fullysynced-calendar #fullysynced-calendar-col-month #fullysynced-calendar-container,
#fullysynced-calendar .fullysynced-header { margin-bottom: 20px;
} #fullysynced-calendar #fullysynced-calendar-col-month #fullysynced-timezone-input { background-color: transparent; padding: 6px 12px; border: none; width: 100%; cursor:pointer;
} #fullysynced-calendar #fullysynced-available-slots { margin-bottom: 30px;
} #fullysynced-calendar #fullysynced-calendar-col-slot .fullysynced-calendar-input-container { display: block; position: relative; margin-bottom: 5px; cursor: pointer; font-size: .9rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding-top: 2px;
} #fullysynced-calendar .fullysynced-slot-button { width: 100%; padding: 10px 25px; border: 1px solid #0060e6; border-radius:10px; background-color:#eef5ff; color:#0060e6; /*color: #0060e6;*/ font-weight: bold; font-size: 16px; cursor:pointer;
} #fullysynced-next-step { display: flex; width: 100%; justify-content: space-between;
} #fullysynced-next-step > div { width: 50%; padding: 5px;
} #fullysynced-btn-next { background-color: #007bff; padding: 13px; border: none; border-radius: 4px; color: white; width: 100%; display: block; font-size: 14px; text-transform: uppercase;
} #fullysynced-selected-time { padding: 11px 8px; border: 2px solid #666; border-radius: 4px; color: #222;
/* width: 100%; */ text-align: center; display: block; font-size: 14px; font-weight: bold;
} #fullysynced-selected-time:hover { cursor: default
} #fullysynced-calendar-col-form-info { width: 100%; display: none;
} #fullysynced-calendar #fullysynced-calendar-col-form-info h3 { font-size: 1.2rem; color: #0060e6;
} #fullysynced-calendar-col-form-info input,
#fullysynced-calendar-col-form-info textarea,
#fullysynced-calendar-col-form-info button { background-color: transparent;
} #fullysynced-calendar-col-form-info input,
#fullysynced-calendar-col-form-info textarea { border: 1px solid #ddd; padding: 6px; display: block; width: 100%;
} #fullysynced-calendar-col-form-info label { font-size:1rem; text-align:left;
} #fullysynced-calendar .fullysynced-form-group { margin-bottom: 15px;
} #fullysynced-btn-change-datetime { background-color: transparent !important; padding: 10px; border: none; border-radius: 4px; color:#ff0000; margin-bottom: 10px; text-decoration:underline;
} #fullysynced-btn-schedule-event { background-color: #007bff !important; padding: 10px 20px 12px; border: none; border-radius: 10px; color: white; margin-left: 5px; margin-left:50px; font-size:1.2rem;
} #fullysynced-btn-confirm-event { margin-top: 25px;
} #fullysynced-event-booked-message h3 { font-size: 1.2rem; color: #0060e6;
} #custom-fields { display: none;
} #fullysynced-event-info-container { display: flex; flex-wrap: wrap; width: 100%; padding-right: 20px; line-height:1.4em;
} #fullysynced-event-info, #fullysynced-event-info-selected-container { width: 50%;
} h5#fullysynced-event-user-name { margin-bottom: 5px;
} h3#fullysynced-event-title { margin-bottom: 5px;
} #fullysynced-calendar .fullysynced-event-info-icon { display: inline-block; width: 20px; height: 20px; margin-bottom: -4px; color: #0060e6;
} #fullysynced-event-info-selected { padding: 0; margin: 0;
} #fullysynced-event-info-selected li { list-style: none; margin-bottom: 10px;
} #fullysynced-event-info-selected li svg { margin-right:5px;
} #fullysynced-back-btn-select-time { background: none; border: none; padding: 0; margin-right: 5px; cursor: pointer; float: right;
} #fullysynced-back-btn-select-time svg { width: 30px; height: 30px; color: #666666; display: inline-block; margin-bottom: -8px;
} #fullysynced-loading-container { max-width: 360px; display: flex; flex-direction: column; justify-content: center; padding: 50px 0; font-size: 1.2rem; margin: auto; height: 100%;
} #fullysynced-calendar .fullysynced-skeleton { animation: skeleton-loading 1s linear infinite alternate;
} #fullysynced-calendar .fullysynced-skeleton-second { animation: skeleton-loading 1.2s linear infinite alternate;
} @keyframes skeleton-loading { 0% { background-color: hsl(200, 20%, 80%); } 100% { background-color: hsl(200, 20%, 95%); }
} #fullysynced-calendar .fullysynced-skeleton-text { width: 100%; height: 0.7rem; margin-bottom: 0.5rem; border-radius: 0.25rem; padding: 8px;
} #fullysynced-calendar .fullysynced-skeleton-left { width: 50%; align-self: flex-start;
} #fullysynced-calendar .fullysynced-skeleton-text__body { width: 75%;
} #fullysynced-calendar #fullysynced-calendar-col-month .fs-timezone-header h3 {font-size:0.9em;font-weight:normal;margin-bottom: 8px;padding-left:11px} #fullysynced-calendar #fullysynced-calendar-col-month .fs-timezone-header select { font-size:0.8em; border-radius:10px; color:#666;
} #fullysynced-calendar p {line-height:1.8em;font-size:.9rem} #fullysynced-calendar #fullysynced-event-description {margin-top:15px;} #fullysynced-calendar #fullysynced-event-info #fullysynced-event-title {margin-bottom:15px;} #fullysynced-calendar #fullysynced-event-info h3 {line-height: 1.4em;margin-top:15px;} #fullysynced-calendar .fullysynced-day {padding:0px;background:transparent;}
#fullysynced-calendar .fullysynced-day-inner {padding:10px;background:#eef5ff;border-radius:100px;color:#0060e6;font-weight:bold;}
#fullysynced-calendar .fullysynced-day-disabled .fullysynced-day-inner {background:transparent;color:rgb(153, 153, 153);font-weight:normal} #fullysynced-calendar .fullysynced-day:hover .fullysynced-day-inner {background:#e0e0e0}
#fullysynced-calendar .fullysynced-day-disabled .fullysynced-day-inner:hover {background:transparent;} #fullysynced-calendar #fullysynced-day-selected .fullysynced-day-inner {background:#007bff;color:white;}