.wpcf7 form {
display: block;
}
.wpcf7-form label {
display: block;
} #page-header .l-subheader-cell .w-socials-item.twitter .fa-x-twitter svg {
display: none !important;
}:root {
--uacf7-global-color-primary: #382673;
--uacf7-global-text-color-secondary: #383c41;
--uacf7-global-placeholder-color: #606266;
--uacf7-global-border-color: #e4e9f8;
--uacf7-global-button-color: var(--uacf7-global-color-primary);
--uacf7-border-radius: 5px;
--uacf7-white-color: #fff;
} .uacf7-wrapper-default {
border: none !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
outline: none !important;
min-inline-size: 100%;
}
.uacf7-wrapper-default hr {
background-color: var(--uacf7-global-border-color);
border: none;
height: 1px;
margin-bottom: 20px;
width: 100%;
}
.uacf7-wrapper-default label {
display: inline-block;
font-weight: 500;
line-height: inherit;
margin-bottom: 15px;
width: 100%;
}
.uacf7-wrapper-default label span {
display: block;
margin-top: 5px;
}
.uacf7-wrapper-default .wpcf7-acceptance label span {
display: inline-block;
margin-top: 5px;
} .uacf7-wrapper-default input[type="date"],
.uacf7-wrapper-default input[type="email"],
.uacf7-wrapper-default input[type="number"],
.uacf7-wrapper-default input[type="password"],
.uacf7-wrapper-default input[type="search"],
.uacf7-wrapper-default input[type="tel"],
.uacf7-wrapper-default input[type="text"],
.uacf7-wrapper-default input[type="url"],
.uacf7-wrapper-default select,
.uacf7-wrapper-default textarea,
.uacf7-wrapper-default label span textarea,
.uacf7-wrapper-default label span input {
padding: 0.7rem 1rem;
background-clip: padding-box;
background-image: none;
border: 1px solid var(--uacf7-global-border-color);
border-radius: var(--uacf7-border-radius);
color: var(--uacf7-global-text-color-secondary);
transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
outline: none;
}
.uacf7-wrapper-default textarea {
height: 90px;
}
input[type="date"]:focus-visible,
input[type="date"]:visited,
input[type="email"]:focus-visible,
input[type="email"]:visited,
input[type="number"]:focus-visible,
input[type="number"]:visited,
input[type="password"]:focus-visible,
input[type="password"]:visited,
input[type="search"]:focus-visible,
input[type="search"]:visited,
input[type="tel"]:focus-visible,
input[type="tel"]:visited,
input[type="text"]:focus-visible,
input[type="text"]:visited,
select:visited,
select:focus-visible,
textarea:visited,
textarea:focus-visible {
border-color: var(--uacf7-global-button-color) !important;
} .uacf7-wrapper-default .uacf7-checkbox .wpcf7-list-item-label {
margin: 0;
}
.uacf7-wrapper-default .uacf7-checkbox .wpcf7-list-item {
display: flex !important;
align-items: center;
margin: 0.5em 0 0 1em;
font-weight: 400;
}
.uacf7-wrapper-default .uacf7-checkbox span input {
margin-right: 10px;
} .uacf7-wrapper-default .uacf7-radio .wpcf7-list-item-label {
margin: 0;
}
.uacf7-wrapper-default .uacf7-radio .wpcf7-list-item {
display: flex !important;
align-items: center;
margin: 0.5em 0 0 1em;
font-weight: 400;
}
.uacf7-wrapper-default .uacf7-radio span input {
margin-right: 10px;
}
.uacf7-wrapper-default .uacf7-rating label span {
display: inline-block;
} .uacf7-wrapper-default .uacf7-submint {
display: flex;
align-items: center;
}
.uacf7-wrapper-default .uacf7-submint.end {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.uacf7-wrapper-default .uacf7-submint input[type="submit"] {
font-size: 16px;
font-weight: 700;
color: var(--uacf7-white-color);
background-color: var(--uacf7-global-color-primary);
border-style: solid;
border-radius: var(--uacf7-border-radius);
border-width: 2px;
border-color: var(--uacf7-white-color);
padding: 10px 20px;
text-align: center;
transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out;
outline: none;
}
.uacf7-wrapper-default .uacf7-submint input[type="submit"]:focus,
.uacf7-wrapper-default .uacf7-submint input[type="submit"]:hover {
color: var(--uacf7-white-color);
background-color: var(--uacf7-global-color-primary);
} .uacf7-wrapper-default .uacf7-submint.fill input[type="submit"] {
background-color: var(--uacf7-global-color-primary);
color: var(--uacf7-white-color) !important;
}
.uacf7-wrapper-default .uacf7-submint.fill input[type="submit"]:focus,
.uacf7-wrapper-default .uacf7-submint.fill input[type="submit"]:hover {
color: var(--uacf7-global-color-primary);
background-color: var(--uacf7-white-color);
} .uacf7-wrapper-default .uacf7-submint.full-width {
position: relative;
}
.uacf7-wrapper-default .uacf7-submint.full-width input[type="submit"] {
width: 100%;
}
.uacf7-wrapper-default .uacf7-submint.full-width > span {
position: absolute;
left: 50%;
margin-left: -12px;
}
.uacf7-wrapper-default .uacf7-submint.fill.full-width > span.wpcf7-spinner {
background-color: var(--uacf7-white-color);
}
.uacf7-wrapper-default
.uacf7-submint.fill.full-width
> span.wpcf7-spinner::before {
background-color: var(--uacf7-global-color-primary);
}
.uacf7-wrapper-default .uacf7-charity-dinner {
padding: 0 15px;
}
.uacf7-wrapper-default .uacf7-charity-dinner .wpcf7-submit {
background: #115e99 !important;
color: #ffffff !important;
border-color: #115e99 !important;
}
.uacf7-wrapper-default .uacf7-order-bump-form .wpcf7-submit {
background-color: #e6a23c !important;
border-radius: 6px;
font-size: 18px;
line-height: 1.5;
padding: 8px 16px;
}
.uacf7-wrapper-default .uacf7-order-bump-form .wpcf7-submit:hover {
background-color: #ebb563 !important;
}.uacf7-row {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
.uacf7-col-3,
.uacf7-col-4,
.uacf7-col-6,
.uacf7-col-12 {
padding-left: 15px;
padding-right: 15px;
box-sizing: border-box; } .uacf7-col-3 {
flex: 0 0 25%;
}
.uacf7-col-4 {
flex: 0 0 33.3333%;
}
.uacf7-col-6 {
flex: 0 0 50%;
}
.uacf7-col-12 {
flex: 0 0 100%;
}
.uacf7-col-12 label,
.uacf7-col-6 label,
.uacf7-col-3 label,
.uacf7-col-4 label,
.uacf7-col-12 .wpcf7-form-control,
.uacf7-col-6 .wpcf7-form-control,
.uacf7-col-3 .wpcf7-form-control,
.uacf7-col-4 .wpcf7-form-control {
width: 100% !important;
display: block;
}
@media only screen and (max-width: 767px) {
.uacf7-row {
display: flex;
flex-wrap: wrap;
}
.uacf7-col-3,
.uacf7-col-4,
.uacf7-col-6,
.uacf7-col-12 {
flex: 1 1 100%; max-width: 100%;
margin-right: 0;
}
}.steps-form {
display: table;
width: 100%;
position: relative;
}
.uacf7-step.step-content button.uacf7-prev,
.uacf7-step.step-content button.uacf7-next {
margin-top: 5px
}
.uacf7-step.step-content.step-start button.uacf7-prev,
.uacf7-step.step-content.step-end button.uacf7-next,
.uacf7-step.step-content.step-end span.uacf7-ajax-loader {
display: none !important
}
.uacf7-step span.uacf7-ajax-loader.is-active {
visibility: visible
}
.uacf7-step.step-content button.uacf7-next {
float: right;
}
.uacf7-step.step-content.step-start button.uacf7-next {
float: none;
}
.steps-form .steps-row {
display: table-row;
}
.steps-form .steps-row:before {
top: 18px;
bottom: 0;
position: absolute;
content: " ";
width: 100%;
height: 1px;
background-color: #ccc;
}
.steps-form .steps-row .steps-step {
display: table-cell;
text-align: center;
position: relative;
}
.steps-form .steps-row .steps-step p {
margin-top: 0.5rem;
}
.steps-form .steps-row .steps-step button[disabled] {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.steps-form .steps-row .steps-step .btn-circle {
width: 30px;
height: 30px;
text-align: center;
font-size: 12px;
line-height: 28px;
border-radius: 50%;
margin-top: 0;
text-decoration: none;
outline: 0;
display: inline-block;
position: relative;
}
.steps-form .steps-row .steps-step .btn-circle img { width: 100%;
height: 100%;
object-fit: cover;
position: absolute;
top: 0;
left: 0
}
.uacf7-btn-default {
color: #fff;
background-color: #65ce92 !important;
}
.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active {
color: #fff;
background-color: #15a552 !important;
outline: 0;
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
transform: scale(1.1);
}
.steps-form .steps-row .steps-step .btn-circle:hover,
.steps-form .steps-row .steps-step .btn-circle:focus,
.steps-form .steps-row .steps-step .btn-circle:active {
outline: 0;
-webkit-box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
box-shadow: 0 5px 11px 0 rgba(0, 0, 0, 0.18), 0 4px 15px 0 rgba(0, 0, 0, 0.15);
color: #fff
}
.btn.btn-circle.uacf7-btn-default:not(.uacf7-btn-active) { }
.progressbar-style-1.steps-form .steps-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.progressbar-style-1.steps-form .steps-row .steps-step {
display: table-cell;
text-align: center;
position: relative;
flex-grow: 1; border-right: 1px solid #fff;
}
.progressbar-style-1.steps-form .steps-row .steps-step:last-child {
border-right: 0
}
.progressbar-style-1.steps-form .steps-row .steps-step p {
margin-top: 0.5rem; margin-bottom: 0.5rem;
} .progressbar-style-1 .uacf7-btn-default {
color: #444;
background-color: #ddd !important;
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active {
transform: inherit;
box-shadow: none
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle.uacf7-btn-active:hover {
box-shadow: none;
color: #fff
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle:hover,
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle:focus,
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle:active {
box-shadow: none;
color: #444;
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle img {
display: none;
}
.progressbar-style-1.steps-form .steps-row {
display: flex;
align-items: center;
flex-wrap: wrap;
flex-direction: row;
column-gap: 2px;
row-gap: 2px;
justify-content: space-between;
}
.progressbar-style-1.steps-form .steps-row .steps-step {
background: #ddd;
flex-grow: 1;
}
.progressbar-style-1.steps-form .steps-row .steps-step .btn-circle {
font-size: 12px;
line-height: 24px;
text-decoration: none;
outline: 0;
background: transparent;
width: 100%;
height: 100%;
padding: 5px 10px;
border-radius: 0;
}
.progressbar-style-1 .steps-step .uacf7-btn-active {
background: #15a552 !important;
}
.progressbar-style-1 .steps-step .uacf7-btn-active {
color: #fff !important;
}
.progressbar-style-1.steps-form .steps-row::before {
display: none;
} @media (max-width: 576px) {
.steps-form .steps-row {
display: inline-block;
}
.steps-form .steps-row .steps-step {
float: left;
padding: 1px 4px;
}
.progressbar-style-1 .steps-step {
padding: 0 !important;
}
.steps-form .steps-row::before {
display: none;
}
} @media (min-width: 768px) {} @media (min-width: 992px) {} @media (min-width: 1200px) {} @media (min-width: 1400px) {}.flatpickr-calendar {
background: transparent;
opacity: 0;
display: none;
text-align: center;
visibility: hidden;
padding: 0;
animation: none;
direction: ltr;
border: 0;
font-size: 14px;
line-height: 24px;
border-radius: 5px;
position: absolute;
width: 307.875px;
box-sizing: border-box;
touch-action: manipulation;
background: #fff;
box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0, 0, 0, 0.08);
}
.flatpickr-calendar.open, .flatpickr-calendar.inline {
opacity: 1;
max-height: 680px;
visibility: visible;
}
.flatpickr-calendar.open {
display: inline-block;
z-index: 99999;
}
.flatpickr-calendar.animate.open {
animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.flatpickr-calendar.inline {
display: block;
position: relative;
top: 2px;
}
.flatpickr-calendar.static {
position: absolute;
top: calc(100% + 2px);
}
.flatpickr-calendar.static.open {
z-index: 999;
display: block;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
box-shadow: none !important;
}
.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer {
border-bottom: 0;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.flatpickr-calendar .hasWeeks .dayContainer {
border-left: 0;
}
.flatpickr-calendar.hasTime .flatpickr-time {
height: 40px;
border-top: 1px solid #e6e6e6;
}
.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
height: auto;
}
.flatpickr-calendar:before, .flatpickr-calendar:after {
position: absolute;
display: block;
pointer-events: none;
border: solid transparent;
content: "";
height: 0;
width: 0;
left: 22px;
}
.flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after {
left: auto;
right: 22px;
}
.flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after {
left: 50%;
right: 50%;
}
.flatpickr-calendar:before {
border-width: 5px;
margin: 0 -5px;
}
.flatpickr-calendar:after {
border-width: 4px;
margin: 0 -4px;
}
.flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after {
bottom: 100%;
}
.flatpickr-calendar.arrowTop:before {
border-bottom-color: #e6e6e6;
}
.flatpickr-calendar.arrowTop:after {
border-bottom-color: #fff;
}
.flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after {
top: 100%;
}
.flatpickr-calendar.arrowBottom:before {
border-top-color: #e6e6e6;
}
.flatpickr-calendar.arrowBottom:after {
border-top-color: #fff;
}
.flatpickr-calendar:focus {
outline: 0;
}
.flatpickr-wrapper {
position: relative;
display: inline-block;
}
.flatpickr-months {
display: flex;
}
.flatpickr-months .flatpickr-month {
background: transparent;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
height: 34px;
line-height: 1;
text-align: center;
position: relative;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
overflow: hidden;
flex: 1;
}
.flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
text-decoration: none;
cursor: pointer;
position: absolute;
top: 0;
height: 34px;
padding: 10px;
z-index: 3;
color: rgba(0, 0, 0, 0.9);
fill: rgba(0, 0, 0, 0.9);
}
.flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
display: none;
}
.flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i {
position: relative;
}
.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { left: 0;
}  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { right: 0;
}  .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover {
color: #959ea9;
}
.flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg {
fill: #f64747;
}
.flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg {
width: 14px;
height: 14px;
}
.flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path {
transition: fill 0.1s;
fill: inherit;
}
.numInputWrapper {
position: relative;
height: auto;
}
.numInputWrapper input, .numInputWrapper span {
display: inline-block;
}
.numInputWrapper input {
width: 100%;
}
.numInputWrapper input::-ms-clear {
display: none;
}
.numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button {
margin: 0;
-webkit-appearance: none;
}
.numInputWrapper span {
position: absolute;
right: 0;
width: 14px;
padding: 0 4px 0 2px;
height: 50%;
line-height: 50%;
opacity: 0;
cursor: pointer;
border: 1px solid rgba(57, 57, 57, 0.15);
box-sizing: border-box;
}
.numInputWrapper span:hover {
background: rgba(0, 0, 0, 0.1);
}
.numInputWrapper span:active {
background: rgba(0, 0, 0, 0.2);
}
.numInputWrapper span:after {
display: block;
content: "";
position: absolute;
}
.numInputWrapper span.arrowUp {
top: 7px;
border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid rgba(57, 57, 57, 0.6);
top: 26%;
}
.numInputWrapper span.arrowDown {
top: 55%;
}
.numInputWrapper span.arrowDown:after {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid rgba(57, 57, 57, 0.6);
top: 40%;
}
.numInputWrapper span svg {
width: inherit;
height: auto;
}
.numInputWrapper span svg path {
fill: rgba(0, 0, 0, 0.5);
}
.numInputWrapper:hover span {
opacity: 1;
}
.flatpickr-current-month {
font-size: 120%;
line-height: inherit;
font-weight: 300;
color: inherit;
position: absolute;
width: 75%;
left: 12.5%;
padding: 7.48px 0 0 0;
line-height: 1;
height: 34px;
display: inline-block;
text-align: center;
transform: translate3d(0, 0, 0);
}
.flatpickr-current-month span.cur-month {
font-family: inherit;
font-weight: 700;
color: inherit;
display: inline-block;
margin-left: 0.5ch;
padding: 0;
}
.flatpickr-current-month span.cur-month:hover {
background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .numInputWrapper {
width: 6ch;
width: 7ch\0 ;
display: inline-block;
}
.flatpickr-current-month .numInputWrapper span.arrowUp:after {
border-bottom-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month .numInputWrapper span.arrowDown:after {
border-top-color: rgba(0, 0, 0, 0.9);
}
.flatpickr-current-month input.cur-year {
background: transparent;
box-sizing: border-box;
color: inherit;
cursor: text;
padding: 0 0 0 0.5ch;
margin: 0;
display: inline-block;
font-size: inherit;
font-family: inherit;
font-weight: 300;
line-height: inherit;
height: auto;
border: 0;
border-radius: 0;
vertical-align: initial;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-current-month input.cur-year:focus {
outline: 0;
}
.flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover {
font-size: 100%;
color: rgba(0, 0, 0, 0.5);
background: transparent;
pointer-events: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months {
appearance: menulist;
background: transparent;
border: none;
border-radius: 0;
box-sizing: border-box;
color: inherit;
cursor: pointer;
font-size: inherit;
font-family: inherit;
font-weight: 300;
height: auto;
line-height: inherit;
margin: -1px 0 0 0;
outline: none;
padding: 0 0 0 0.5ch;
position: relative;
vertical-align: initial;
-webkit-box-sizing: border-box;
-webkit-appearance: menulist;
-moz-appearance: menulist;
width: auto;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active {
outline: none;
}
.flatpickr-current-month .flatpickr-monthDropdown-months:hover {
background: rgba(0, 0, 0, 0.05);
}
.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
background-color: transparent;
outline: none;
padding: 0;
}
.flatpickr-weekdays {
background: transparent;
text-align: center;
overflow: hidden;
width: 100%;
display: flex;
align-items: center;
height: 28px;
}
.flatpickr-weekdays .flatpickr-weekdaycontainer {
display: flex;
flex: 1;
}
span.flatpickr-weekday {
cursor: default;
font-size: 90%;
background: transparent;
color: rgba(0, 0, 0, 0.54);
line-height: 1;
margin: 0;
text-align: center;
display: block;
flex: 1;
font-weight: bolder;
}
.dayContainer, .flatpickr-weeks {
padding: 1px 0 0 0;
}
.flatpickr-days {
position: relative;
overflow: hidden;
display: flex;
align-items: flex-start;
width: 307.875px;
}
.flatpickr-days:focus {
outline: 0;
}
.dayContainer {
padding: 0;
outline: 0;
text-align: left;
width: 307.875px;
min-width: 307.875px;
max-width: 307.875px;
box-sizing: border-box;
display: inline-block;
display: flex;
flex-wrap: wrap;
-ms-flex-wrap: wrap;
justify-content: space-around;
transform: translate3d(0, 0, 0);
opacity: 1;
}
.dayContainer + .dayContainer {
box-shadow: -1px 0 0 #e6e6e6;
}
.flatpickr-day {
background: none;
border: 1px solid transparent;
border-radius: 150px;
box-sizing: border-box;
color: #393939;
cursor: pointer;
font-weight: 400;
width: 14.2857143%;
flex-basis: 14.2857143%;
max-width: 39px;
height: 39px;
line-height: 39px;
margin: 0;
display: inline-block;
position: relative;
justify-content: center;
text-align: center;
}
.flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus {
cursor: pointer;
outline: 0;
background: #e6e6e6;
border-color: #e6e6e6;
}
.flatpickr-day.today {
border-color: #959ea9;
}
.flatpickr-day.today:hover, .flatpickr-day.today:focus {
border-color: #959ea9;
background: #959ea9;
color: #fff;
}
.flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay {
background: var(--color-set-one-2);
box-shadow: none;
color: #fff;
border-color: var(--color-set-one-2);
}
.flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange {
border-radius: 50px 0 0 50px;
}
.flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange {
border-radius: 0 50px 50px 0;
}
.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
box-shadow: -10px 0 0 var(--color-set-one-2);
}
.flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange {
border-radius: 50px;
}
.flatpickr-day.inRange {
border-radius: 0;
box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay {
color: rgba(57, 57, 57, 0.3);
background: transparent;
border-color: transparent;
cursor: default;
}
.flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover {
cursor: not-allowed;
color: rgba(57, 57, 57, 0.1);
}
.flatpickr-day.week.selected {
border-radius: 0;
box-shadow: -5px 0 0 var(--color-set-one-2), 5px 0 0 var(--color-set-one-2);
}
.flatpickr-day.hidden {
visibility: hidden;
}
.rangeMode .flatpickr-day {
margin-top: 1px;
}
.flatpickr-weekwrapper {
float: left;
}
.flatpickr-weekwrapper .flatpickr-weeks {
padding: 0 12px;
box-shadow: 1px 0 0 #e6e6e6;
}
.flatpickr-weekwrapper .flatpickr-weekday {
float: none;
width: 100%;
line-height: 28px;
}
.flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover {
display: block;
width: 100%;
max-width: none;
color: rgba(57, 57, 57, 0.3);
background: transparent;
cursor: default;
border: none;
}
.flatpickr-innerContainer {
display: block;
display: flex;
box-sizing: border-box;
overflow: hidden;
}
.flatpickr-rContainer {
display: inline-block;
padding: 0;
box-sizing: border-box;
}
.flatpickr-time {
text-align: center;
outline: 0;
display: block;
height: 0;
line-height: 60px;
max-height: 60px;
box-sizing: border-box;
overflow: hidden;
display: flex;
}
.flatpickr-time:after {
content: "";
display: table;
clear: both;
}
.flatpickr-time .numInputWrapper {
flex: 1;
width: 40%;
height: 50px;
float: left;
}
.flatpickr-time .numInputWrapper span.arrowUp:after {
border-bottom-color: #393939;
}
.flatpickr-time .numInputWrapper span.arrowDown:after {
border-top-color: #393939;
}
.flatpickr-time.hasSeconds .numInputWrapper {
width: 26%;
}
.flatpickr-time.time24hr .numInputWrapper {
width: 49%;
}
.flatpickr-time input {
background: transparent;
box-shadow: none;
border: 0;
border-radius: 0;
text-align: center;
margin: 0;
padding: 0;
height: inherit;
line-height: inherit;
color: #393939;
font-size: 14px;
position: relative;
box-sizing: border-box;
-webkit-appearance: textfield;
-moz-appearance: textfield;
appearance: textfield;
}
.flatpickr-time input.flatpickr-hour {
font-weight: bold;
}
.flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second {
font-weight: 400;
}
.flatpickr-time input:focus {
outline: 0;
border: 0;
}
.flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm {
height: inherit;
float: left;
line-height: inherit;
color: #393939;
font-weight: bold;
width: 2%;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
align-self: center;
}
.flatpickr-time .flatpickr-am-pm {
outline: 0;
width: 18%;
cursor: pointer;
text-align: center;
font-weight: 400;
}
.flatpickr-input[readonly] {
cursor: pointer;
}
@keyframes fpFadeInDown {
from {
opacity: 0;
transform: translate3d(0, -20px, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
.flatpickr-calendar select, .flatpickr-calendar input {
min-height: unset !important;
}
.flatpickr-calendar select {
background: unset !important;
}
.flatpickr-monthDropdown-months {
display: unset !important;
}
html body .flatpickr-calendar.hasTime .flatpickr-time {
height: 60px;
}
html body .flatpickr-time input:hover, html body .flatpickr-time .flatpickr-am-pm:hover, html body .flatpickr-time input:focus, html body .flatpickr-time .flatpickr-am-pm:focus {
border: unset !important;
outline: unset !important;
}