.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) {}.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-reset {
margin: 0;
padding: 0;
border: 0;
outline: 0;
line-height: 1.3;
text-decoration: none;
font-size: 100%;
list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
content: "";
display: table;
border-collapse: collapse;
}
.ui-helper-clearfix:after {
clear: both;
}
.ui-helper-zfix {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: absolute;
opacity: 0;
filter:Alpha(Opacity=0); }
.ui-front {
z-index: 100;
} .ui-state-disabled {
cursor: default !important;
pointer-events: none;
} .ui-icon {
display: inline-block;
vertical-align: middle;
margin-top: -.25em;
position: relative;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
}
.ui-widget-icon-block {
left: 50%;
margin-left: -8px;
display: block;
}  .ui-widget-overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.ui-accordion .ui-accordion-header {
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: .5em .5em .5em .7em;
font-size: 100%;
}
.ui-accordion .ui-accordion-content {
padding: 1em 2.2em;
border-top: 0;
overflow: auto;
}
.ui-autocomplete {
position: absolute;
top: 0;
left: 0;
cursor: default;
}
.ui-menu {
list-style: none;
padding: 0;
margin: 0;
display: block;
outline: 0;
}
.ui-menu .ui-menu {
position: absolute;
}
.ui-menu .ui-menu-item {
margin: 0;
cursor: pointer; list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item-wrapper {
position: relative;
padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
margin: 5px 0;
height: 0;
font-size: 0;
line-height: 0;
border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
margin: -1px;
} .ui-menu-icons {
position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
padding-left: 2em;
} .ui-menu .ui-icon {
position: absolute;
top: 0;
bottom: 0;
left: .2em;
margin: auto 0;
} .ui-menu .ui-menu-icon {
left: auto;
right: 0;
}
.ui-button {
padding: .4em 1em;
display: inline-block;
position: relative;
line-height: normal;
margin-right: .1em;
cursor: pointer;
vertical-align: middle;
text-align: center;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none; overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
text-decoration: none;
} .ui-button-icon-only {
width: 2em;
box-sizing: border-box;
text-indent: -9999px;
white-space: nowrap;
} input.ui-button.ui-button-icon-only {
text-indent: 0;
} .ui-button-icon-only .ui-icon {
position: absolute;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
padding: 0;
width: 2.1em;
height: 2.1em;
text-indent: -9999px;
white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
width: auto;
height: auto;
text-indent: 0;
white-space: normal;
padding: .4em 1em;
}  input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
border: 0;
padding: 0;
}
.ui-controlgroup {
vertical-align: middle;
display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
float: left;
margin-left: 0;
margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
display: block;
float: none;
width: 100%;
margin-top: 0;
margin-bottom: 0;
text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
border-bottom: none;
} .ui-controlgroup-vertical .ui-spinner-input { width: 75%;
width: calc( 100% - 2.4em );
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
box-shadow: inset 1px 1px 1px #ccc;
border-radius: .12em;
border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
width: 16px;
height: 16px;
border-radius: 1em;
overflow: visible;
border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
background-image: none;
width: 8px;
height: 8px;
border-width: 4px;
border-style: solid;
}
.ui-checkboxradio-disabled {
pointer-events: none;
}
.ui-datepicker {
width: 17em;
padding: .2em .2em 0;
display: none;
}
.ui-datepicker .ui-datepicker-header {
position: relative;
padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
position: absolute;
top: 2px;
width: 1.8em;
height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
left: 2px;
}
.ui-datepicker .ui-datepicker-next {
right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
display: block;
position: absolute;
left: 50%;
margin-left: -8px;
top: 50%;
margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
margin: 0 2.3em;
line-height: 1.8em;
text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
font-size: 1em;
margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
width: 45%;
}
.ui-datepicker table {
width: 100%;
font-size: .9em;
border-collapse: collapse;
margin: 0 0 .4em;
}
.ui-datepicker th {
padding: .7em .3em;
text-align: center;
font-weight: bold;
border: 0;
}
.ui-datepicker td {
border: 0;
padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
display: block;
padding: .2em;
text-align: right;
text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
background-image: none;
margin: .7em 0 0 0;
padding: 0 .2em;
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
float: right;
margin: .5em .2em .4em;
cursor: pointer;
padding: .2em .6em .3em .6em;
width: auto;
overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
float: left;
} .ui-datepicker.ui-datepicker-multi {
width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
width: 95%;
margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
clear: left;
}
.ui-datepicker-row-break {
clear: both;
width: 100%;
font-size: 0;
} .ui-datepicker-rtl {
direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
right: 2px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
left: 2px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
right: 1px;
left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
left: 1px;
right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
border-right-width: 0;
border-left-width: 1px;
} .ui-datepicker .ui-icon {
display: block;
text-indent: -99999px;
overflow: hidden;
background-repeat: no-repeat;
left: .5em;
top: .3em;
}
.ui-dialog {
position: absolute;
top: 0;
left: 0;
padding: .2em;
outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
padding: .4em 1em;
position: relative;
}
.ui-dialog .ui-dialog-title {
float: left;
margin: .1em 0;
white-space: nowrap;
width: 90%;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
position: absolute;
right: .3em;
top: 50%;
width: 20px;
margin: -10px 0 0 0;
padding: 1px;
height: 20px;
}
.ui-dialog .ui-dialog-content {
position: relative;
border: 0;
padding: .5em 1em;
background: none;
overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
text-align: left;
border-width: 1px 0 0 0;
background-image: none;
margin-top: .5em;
padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
margin: .5em .4em .5em 0;
cursor: pointer;
}
.ui-dialog .ui-resizable-n {
height: 2px;
top: 0;
}
.ui-dialog .ui-resizable-e {
width: 2px;
right: 0;
}
.ui-dialog .ui-resizable-s {
height: 2px;
bottom: 0;
}
.ui-dialog .ui-resizable-w {
width: 2px;
left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
width: 7px;
height: 7px;
}
.ui-dialog .ui-resizable-se {
right: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-sw {
left: 0;
bottom: 0;
}
.ui-dialog .ui-resizable-ne {
right: 0;
top: 0;
}
.ui-dialog .ui-resizable-nw {
left: 0;
top: 0;
}
.ui-draggable .ui-dialog-titlebar {
cursor: move;
}
.ui-draggable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable {
position: relative;
}
.ui-resizable-handle {
position: absolute;
font-size: 0.1px;
display: block;
-ms-touch-action: none;
touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
display: none;
}
.ui-resizable-n {
cursor: n-resize;
height: 7px;
width: 100%;
top: -5px;
left: 0;
}
.ui-resizable-s {
cursor: s-resize;
height: 7px;
width: 100%;
bottom: -5px;
left: 0;
}
.ui-resizable-e {
cursor: e-resize;
width: 7px;
right: -5px;
top: 0;
height: 100%;
}
.ui-resizable-w {
cursor: w-resize;
width: 7px;
left: -5px;
top: 0;
height: 100%;
}
.ui-resizable-se {
cursor: se-resize;
width: 12px;
height: 12px;
right: 1px;
bottom: 1px;
}
.ui-resizable-sw {
cursor: sw-resize;
width: 9px;
height: 9px;
left: -5px;
bottom: -5px;
}
.ui-resizable-nw {
cursor: nw-resize;
width: 9px;
height: 9px;
left: -5px;
top: -5px;
}
.ui-resizable-ne {
cursor: ne-resize;
width: 9px;
height: 9px;
right: -5px;
top: -5px;
}
.ui-progressbar {
height: 2em;
text-align: left;
overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
margin: -1px;
height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
background: url(data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==);
height: 100%;
filter: alpha(opacity=25); opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
background-image: none;
}
.ui-selectable {
-ms-touch-action: none;
touch-action: none;
}
.ui-selectable-helper {
position: absolute;
z-index: 100;
border: 1px dotted black;
}
.ui-selectmenu-menu {
padding: 0;
margin: 0;
position: absolute;
top: 0;
left: 0;
display: none;
}
.ui-selectmenu-menu .ui-menu {
overflow: auto;
overflow-x: hidden;
padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
font-size: 1em;
font-weight: bold;
line-height: 1.5;
padding: 2px 0.4em;
margin: 0.5em 0 0 0;
height: auto;
border: 0;
}
.ui-selectmenu-open {
display: block;
}
.ui-selectmenu-text {
display: block;
margin-right: 20px;
overflow: hidden;
text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
text-align: left;
white-space: nowrap;
width: 14em;
}
.ui-selectmenu-icon.ui-icon {
float: right;
margin-top: 0;
}
.ui-slider {
position: relative;
text-align: left;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 1.2em;
height: 1.2em;
cursor: default;
-ms-touch-action: none;
touch-action: none;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-position: 0 0;
} .ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.3em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
.ui-sortable-handle {
-ms-touch-action: none;
touch-action: none;
}
.ui-spinner {
position: relative;
display: inline-block;
overflow: hidden;
padding: 0;
vertical-align: middle;
}
.ui-spinner-input {
border: none;
background: none;
color: inherit;
padding: .222em 0;
margin: .2em 0;
vertical-align: middle;
margin-left: .4em;
margin-right: 2em;
}
.ui-spinner-button {
width: 1.6em;
height: 50%;
font-size: .5em;
padding: 0;
margin: 0;
text-align: center;
position: absolute;
cursor: default;
display: block;
overflow: hidden;
right: 0;
} .ui-spinner a.ui-spinner-button {
border-top-style: none;
border-bottom-style: none;
border-right-style: none;
}
.ui-spinner-up {
top: 0;
}
.ui-spinner-down {
bottom: 0;
}
.ui-tabs {
position: relative; padding: .2em;
}
.ui-tabs .ui-tabs-nav {
margin: 0;
padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
list-style: none;
float: left;
position: relative;
top: 0;
margin: 1px .2em 0 0;
border-bottom-width: 0;
padding: 0;
white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
float: left;
padding: .5em 1em;
text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
margin-bottom: -1px;
padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
display: block;
border-width: 0;
padding: 1em 1.4em;
background: none;
}
.ui-tooltip {
padding: 8px;
position: absolute;
z-index: 9999;
max-width: 300px;
}
body .ui-tooltip {
border-width: 2px;
} .ui-widget {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget .ui-widget {
font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
font-family: Arial,Helvetica,sans-serif;
font-size: 1em;
}
.ui-widget.ui-widget-content {
border: 1px solid #c5c5c5;
}
.ui-widget-content {
border: 1px solid #dddddd;
background: #ffffff;
color: #333333;
}
.ui-widget-content a {
color: #333333;
}
.ui-widget-header {
border: 1px solid #dddddd;
background: #e9e9e9;
color: #333333;
font-weight: bold;
}
.ui-widget-header a {
color: #333333;
} .ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
border: 1px solid #c5c5c5;
background: #f6f6f6;
font-weight: normal;
color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
color: #454545;
text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
border: 1px solid #cccccc;
background: #ededed;
font-weight: normal;
color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
color: #2b2b2b;
text-decoration: none;
}
.ui-visual-focus {
box-shadow: 0 0 3px 1px rgb(94, 158, 214);
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
border: #003eff;
background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
color: #ffffff;
text-decoration: none;
} .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
border: 1px solid #dad55e;
background: #fffa90;
color: #777620;
}
.ui-state-checked {
border: 1px solid #dad55e;
background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
border: 1px solid #f1a899;
background: #fddfdf;
color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
opacity: .7;
filter:Alpha(Opacity=70); font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
opacity: .35;
filter:Alpha(Opacity=35); background-image: none;
}
.ui-state-disabled .ui-icon {
filter:Alpha(Opacity=35); }  .ui-icon {
width: 16px;
height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_444444_256x240.png);
}
.ui-widget-header .ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_444444_256x240.png);
}
.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_555555_256x240.png);
}
.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_ffffff_256x240.png);
}
.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_777620_256x240.png);
}
.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_cc0000_256x240.png);
}
.ui-button .ui-icon {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/range-slider/css/images/ui-icons_777777_256x240.png);
} .ui-icon-blank { background-position: 16px 16px; }
.ui-icon-caret-1-n { background-position: 0 0; }
.ui-icon-caret-1-ne { background-position: -16px 0; }
.ui-icon-caret-1-e { background-position: -32px 0; }
.ui-icon-caret-1-se { background-position: -48px 0; }
.ui-icon-caret-1-s { background-position: -65px 0; }
.ui-icon-caret-1-sw { background-position: -80px 0; }
.ui-icon-caret-1-w { background-position: -96px 0; }
.ui-icon-caret-1-nw { background-position: -112px 0; }
.ui-icon-caret-2-n-s { background-position: -128px 0; }
.ui-icon-caret-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -65px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -65px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 1px -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-on { background-position: -96px -144px; }
.ui-icon-radio-off { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; } .ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }  .ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
border-bottom-right-radius: 3px;
} .ui-widget-overlay {
background: #aaaaaa;
opacity: .3;
filter: Alpha(Opacity=30); }
.ui-widget-shadow {
-webkit-box-shadow: 0px 0px 5px #666666;
box-shadow: 0px 0px 5px #666666;
}.uacf7-slidecontainer {
width: 100%;
position: relative;
}
.uacf7-slider {
-webkit-appearance: none;
width: 100%;
height: 25px;
background: #d3d3d3;
outline: none;
-webkit-transition: .2s;
transition: opacity .2s;
}
.uacf7-slidecontainer::-webkit-slider-thumb {
-webkit-appearance: none;
appearance: none;
width: 25px;
height: 25px;
background: #0ad80a;
cursor: pointer;
}
.uacf7-slider::-moz-range-thumb {
width: 25px;
height: 25px;
background: #3498db;
cursor: pointer;
}
span.uacf7-value {
float: right;
}
div.slider-range {
margin: 15px 0;
}
input[type="range"]{
padding: unset !important;
}
.uacf7-range-slider-style-wrapper {
background: #fff;
padding: 5px 30px 15px;
margin: 15px auto;
border: 1px solid #ccc;
overflow: hidden;
}
.uacf7-range-slider-style-wrapper .col{
width: 25%;
float: left;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.2em;
margin-left: -.6em;
}
span.uacf7-amount {
float: right;
margin-top: 14px;
}
.ui-state-focus,.ui-widget-content .ui-state-focus{
color: unset !important;
border: none !important;
outline: unset;
}
.uacf7-slider-label{
display: inline-block;
}.country-select {
position: relative;
display: inline-block
}
.country-select * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.country-select .hide {
display: none
}
.country-select .v-hide {
visibility: hidden
}
.country-select input,
.country-select input[type=text] {
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
padding-right: 36px;
margin-right: 0
}
.country-select .flag-dropdown {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding: 1px
}
.country-select .selected-flag {
z-index: 1;
position: relative;
width: 36px;
height: 100%;
padding: 0 0 0 8px
}
.country-select .selected-flag .flag {
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.country-select .selected-flag .arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width: 0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid #555
}
.country-select .selected-flag .arrow.up {
border-top: none;
border-bottom: 4px solid #555
}
.country-select .country-list {
position: absolute;
z-index: 20;
list-style: none;
text-align: left;
padding: 0;
margin: 0 0 0 -1px;
-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
box-shadow: 1px 1px 4px rgba(0, 0, 0, .2);
background-color: #fff;
border: 1px solid #ccc;
white-space: nowrap;
max-height: 200px;
overflow-y: scroll
}
.country-select .country-list .flag {
display: inline-block;
width: 20px;
margin-right: 6px
}
@media (max-width:500px) {
.country-select .country-list {
white-space: normal
}
}
.country-select .country-list .divider {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #ccc
}
.country-select .country-list .country {
padding: 5px 10px
}
.country-select .country-list .country.highlight {
background-color: rgba(0, 0, 0, .05)
}
.country-select .country-list .country-name,
.country-select .country-list .flag {
vertical-align: middle
}
.country-select.inside input,
.country-select.inside input[type=text] {
padding-right: 6px;
padding-left: 52px;
margin-left: 0
}
.country-select.inside .flag-dropdown {
right: auto;
left: 0
}
.country-select.inside .selected-flag {
width: 46px
}
.country-select.inside .flag-dropdown:hover {
cursor: pointer
}
.country-select.inside .flag-dropdown:hover .selected-flag {
background-color: rgba(0, 0, 0, .05)
}
.country-select.inside input[disabled]+.flag-dropdown:hover,
.country-select.inside input[readonly]+.flag-dropdown:hover {
cursor: default
}
.country-select.inside input[disabled]+.flag-dropdown:hover .selected-flag,
.country-select.inside input[readonly]+.flag-dropdown:hover .selected-flag {
background-color: transparent
}
.country-select .flag {
height: 15px;
-webkit-box-shadow: 0 0 1px 0 #888;
box-shadow: 0 0 1px 0 #888;
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/country-dropdown/assets/img/flags.png);
background-repeat: no-repeat;
background-color: #dbdbdb;
background-position: 20px 0;
width: 20px
}
.country-select .flag.be {
width: 18px
}
.country-select .flag.ch {
width: 15px
}
.country-select .flag.mc {
width: 19px
}
.country-select .flag.ne {
width: 18px
}
.country-select .flag.np {
width: 13px
}
@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (min--moz-device-pixel-ratio:2),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
.country-select .flag {
background-image: url(//phoenix-intelligence.com/wp-content/plugins/ultimate-addons-for-contact-form-7/addons/country-dropdown/assets/img/flags2x.png);
background-size: 5630px 15px
}
}
.country-select .flag.ac {
height: 10px;
background-position: 0 0
}
.country-select .flag.ad {
height: 14px;
background-position: -22px 0
}
.country-select .flag.ae {
height: 10px;
background-position: -44px 0
}
.country-select .flag.af {
height: 14px;
background-position: -66px 0
}
.country-select .flag.ag {
height: 14px;
background-position: -88px 0
}
.country-select .flag.ai {
height: 10px;
background-position: -110px 0
}
.country-select .flag.al {
height: 15px;
background-position: -132px 0
}
.country-select .flag.am {
height: 10px;
background-position: -154px 0
}
.country-select .flag.ao {
height: 14px;
background-position: -176px 0
}
.country-select .flag.aq {
height: 14px;
background-position: -198px 0
}
.country-select .flag.ar {
height: 13px;
background-position: -220px 0
}
.country-select .flag.as {
height: 10px;
background-position: -242px 0
}
.country-select .flag.at {
height: 14px;
background-position: -264px 0
}
.country-select .flag.au {
height: 10px;
background-position: -286px 0
}
.country-select .flag.aw {
height: 14px;
background-position: -308px 0
}
.country-select .flag.ax {
height: 13px;
background-position: -330px 0
}
.country-select .flag.az {
height: 10px;
background-position: -352px 0
}
.country-select .flag.ba {
height: 10px;
background-position: -374px 0
}
.country-select .flag.bb {
height: 14px;
background-position: -396px 0
}
.country-select .flag.bd {
height: 12px;
background-position: -418px 0
}
.country-select .flag.be {
height: 15px;
background-position: -440px 0
}
.country-select .flag.bf {
height: 14px;
background-position: -460px 0
}
.country-select .flag.bg {
height: 12px;
background-position: -482px 0
}
.country-select .flag.bh {
height: 12px;
background-position: -504px 0
}
.country-select .flag.bi {
height: 12px;
background-position: -526px 0
}
.country-select .flag.bj {
height: 14px;
background-position: -548px 0
}
.country-select .flag.bl {
height: 14px;
background-position: -570px 0
}
.country-select .flag.bm {
height: 10px;
background-position: -592px 0
}
.country-select .flag.bn {
height: 10px;
background-position: -614px 0
}
.country-select .flag.bo {
height: 14px;
background-position: -636px 0
}
.country-select .flag.bq {
height: 14px;
background-position: -658px 0
}
.country-select .flag.br {
height: 14px;
background-position: -680px 0
}
.country-select .flag.bs {
height: 10px;
background-position: -702px 0
}
.country-select .flag.bt {
height: 14px;
background-position: -724px 0
}
.country-select .flag.bv {
height: 15px;
background-position: -746px 0
}
.country-select .flag.bw {
height: 14px;
background-position: -768px 0
}
.country-select .flag.by {
height: 10px;
background-position: -790px 0
}
.country-select .flag.bz {
height: 14px;
background-position: -812px 0
}
.country-select .flag.ca {
height: 10px;
background-position: -834px 0
}
.country-select .flag.cc {
height: 10px;
background-position: -856px 0
}
.country-select .flag.cd {
height: 15px;
background-position: -878px 0
}
.country-select .flag.cf {
height: 14px;
background-position: -900px 0
}
.country-select .flag.cg {
height: 14px;
background-position: -922px 0
}
.country-select .flag.ch {
height: 15px;
background-position: -944px 0
}
.country-select .flag.ci {
height: 14px;
background-position: -961px 0
}
.country-select .flag.ck {
height: 10px;
background-position: -983px 0
}
.country-select .flag.cl {
height: 14px;
background-position: -1005px 0
}
.country-select .flag.cm {
height: 14px;
background-position: -1027px 0
}
.country-select .flag.cn {
height: 14px;
background-position: -1049px 0
}
.country-select .flag.co {
height: 14px;
background-position: -1071px 0
}
.country-select .flag.cp {
height: 14px;
background-position: -1093px 0
}
.country-select .flag.cr {
height: 12px;
background-position: -1115px 0
}
.country-select .flag.cu {
height: 10px;
background-position: -1137px 0
}
.country-select .flag.cv {
height: 12px;
background-position: -1159px 0
}
.country-select .flag.cw {
height: 14px;
background-position: -1181px 0
}
.country-select .flag.cx {
height: 10px;
background-position: -1203px 0
}
.country-select .flag.cy {
height: 13px;
background-position: -1225px 0
}
.country-select .flag.cz {
height: 14px;
background-position: -1247px 0
}
.country-select .flag.de {
height: 12px;
background-position: -1269px 0
}
.country-select .flag.dg {
height: 10px;
background-position: -1291px 0
}
.country-select .flag.dj {
height: 14px;
background-position: -1313px 0
}
.country-select .flag.dk {
height: 15px;
background-position: -1335px 0
}
.country-select .flag.dm {
height: 10px;
background-position: -1357px 0
}
.country-select .flag.do {
height: 13px;
background-position: -1379px 0
}
.country-select .flag.dz {
height: 14px;
background-position: -1401px 0
}
.country-select .flag.ea {
height: 14px;
background-position: -1423px 0
}
.country-select .flag.ec {
height: 14px;
background-position: -1445px 0
}
.country-select .flag.ee {
height: 13px;
background-position: -1467px 0
}
.country-select .flag.eg {
height: 14px;
background-position: -1489px 0
}
.country-select .flag.eh {
height: 10px;
background-position: -1511px 0
}
.country-select .flag.er {
height: 10px;
background-position: -1533px 0
}
.country-select .flag.es {
height: 14px;
background-position: -1555px 0
}
.country-select .flag.et {
height: 10px;
background-position: -1577px 0
}
.country-select .flag.eu {
height: 14px;
background-position: -1599px 0
}
.country-select .flag.fi {
height: 12px;
background-position: -1621px 0
}
.country-select .flag.fj {
height: 10px;
background-position: -1643px 0
}
.country-select .flag.fk {
height: 10px;
background-position: -1665px 0
}
.country-select .flag.fm {
height: 11px;
background-position: -1687px 0
}
.country-select .flag.fo {
height: 15px;
background-position: -1709px 0
}
.country-select .flag.fr {
height: 14px;
background-position: -1731px 0
}
.country-select .flag.ga {
height: 15px;
background-position: -1753px 0
}
.country-select .flag.gb {
height: 10px;
background-position: -1775px 0
}
.country-select .flag.gd {
height: 12px;
background-position: -1797px 0
}
.country-select .flag.ge {
height: 14px;
background-position: -1819px 0
}
.country-select .flag.gf {
height: 14px;
background-position: -1841px 0
}
.country-select .flag.gg {
height: 14px;
background-position: -1863px 0
}
.country-select .flag.gh {
height: 14px;
background-position: -1885px 0
}
.country-select .flag.gi {
height: 10px;
background-position: -1907px 0
}
.country-select .flag.gl {
height: 14px;
background-position: -1929px 0
}
.country-select .flag.gm {
height: 14px;
background-position: -1951px 0
}
.country-select .flag.gn {
height: 14px;
background-position: -1973px 0
}
.country-select .flag.gp {
height: 14px;
background-position: -1995px 0
}
.country-select .flag.gq {
height: 14px;
background-position: -2017px 0
}
.country-select .flag.gr {
height: 14px;
background-position: -2039px 0
}
.country-select .flag.gs {
height: 10px;
background-position: -2061px 0
}
.country-select .flag.gt {
height: 13px;
background-position: -2083px 0
}
.country-select .flag.gu {
height: 11px;
background-position: -2105px 0
}
.country-select .flag.gw {
height: 10px;
background-position: -2127px 0
}
.country-select .flag.gy {
height: 12px;
background-position: -2149px 0
}
.country-select .flag.hk {
height: 14px;
background-position: -2171px 0
}
.country-select .flag.hm {
height: 10px;
background-position: -2193px 0
}
.country-select .flag.hn {
height: 10px;
background-position: -2215px 0
}
.country-select .flag.hr {
height: 10px;
background-position: -2237px 0
}
.country-select .flag.ht {
height: 12px;
background-position: -2259px 0
}
.country-select .flag.hu {
height: 10px;
background-position: -2281px 0
}
.country-select .flag.ic {
height: 14px;
background-position: -2303px 0
}
.country-select .flag.id {
height: 14px;
background-position: -2325px 0
}
.country-select .flag.ie {
height: 10px;
background-position: -2347px 0
}
.country-select .flag.il {
height: 15px;
background-position: -2369px 0
}
.country-select .flag.im {
height: 10px;
background-position: -2391px 0
}
.country-select .flag.in {
height: 14px;
background-position: -2413px 0
}
.country-select .flag.io {
height: 10px;
background-position: -2435px 0
}
.country-select .flag.iq {
height: 14px;
background-position: -2457px 0
}
.country-select .flag.ir {
height: 12px;
background-position: -2479px 0
}
.country-select .flag.is {
height: 15px;
background-position: -2501px 0
}
.country-select .flag.it {
height: 14px;
background-position: -2523px 0
}
.country-select .flag.je {
height: 12px;
background-position: -2545px 0
}
.country-select .flag.jm {
height: 10px;
background-position: -2567px 0
}
.country-select .flag.jo {
height: 10px;
background-position: -2589px 0
}
.country-select .flag.jp {
height: 14px;
background-position: -2611px 0
}
.country-select .flag.ke {
height: 14px;
background-position: -2633px 0
}
.country-select .flag.kg {
height: 12px;
background-position: -2655px 0
}
.country-select .flag.kh {
height: 13px;
background-position: -2677px 0
}
.country-select .flag.ki {
height: 10px;
background-position: -2699px 0
}
.country-select .flag.km {
height: 12px;
background-position: -2721px 0
}
.country-select .flag.kn {
height: 14px;
background-position: -2743px 0
}
.country-select .flag.kp {
height: 10px;
background-position: -2765px 0
}
.country-select .flag.kr {
height: 14px;
background-position: -2787px 0
}
.country-select .flag.kw {
height: 10px;
background-position: -2809px 0
}
.country-select .flag.ky {
height: 10px;
background-position: -2831px 0
}
.country-select .flag.kz {
height: 10px;
background-position: -2853px 0
}
.country-select .flag.la {
height: 14px;
background-position: -2875px 0
}
.country-select .flag.lb {
height: 14px;
background-position: -2897px 0
}
.country-select .flag.lc {
height: 10px;
background-position: -2919px 0
}
.country-select .flag.li {
height: 12px;
background-position: -2941px 0
}
.country-select .flag.lk {
height: 10px;
background-position: -2963px 0
}
.country-select .flag.lr {
height: 11px;
background-position: -2985px 0
}
.country-select .flag.ls {
height: 14px;
background-position: -3007px 0
}
.country-select .flag.lt {
height: 12px;
background-position: -3029px 0
}
.country-select .flag.lu {
height: 12px;
background-position: -3051px 0
}
.country-select .flag.lv {
height: 10px;
background-position: -3073px 0
}
.country-select .flag.ly {
height: 10px;
background-position: -3095px 0
}
.country-select .flag.ma {
height: 14px;
background-position: -3117px 0
}
.country-select .flag.mc {
height: 15px;
background-position: -3139px 0
}
.country-select .flag.md {
height: 10px;
background-position: -3160px 0
}
.country-select .flag.me {
height: 10px;
background-position: -3182px 0
}
.country-select .flag.mf {
height: 14px;
background-position: -3204px 0
}
.country-select .flag.mg {
height: 14px;
background-position: -3226px 0
}
.country-select .flag.mh {
height: 11px;
background-position: -3248px 0
}
.country-select .flag.mk {
height: 10px;
background-position: -3270px 0
}
.country-select .flag.ml {
height: 14px;
background-position: -3292px 0
}
.country-select .flag.mm {
height: 14px;
background-position: -3314px 0
}
.country-select .flag.mn {
height: 10px;
background-position: -3336px 0
}
.country-select .flag.mo {
height: 14px;
background-position: -3358px 0
}
.country-select .flag.mp {
height: 10px;
background-position: -3380px 0
}
.country-select .flag.mq {
height: 14px;
background-position: -3402px 0
}
.country-select .flag.mr {
height: 14px;
background-position: -3424px 0
}
.country-select .flag.ms {
height: 10px;
background-position: -3446px 0
}
.country-select .flag.mt {
height: 14px;
background-position: -3468px 0
}
.country-select .flag.mu {
height: 14px;
background-position: -3490px 0
}
.country-select .flag.mv {
height: 14px;
background-position: -3512px 0
}
.country-select .flag.mw {
height: 14px;
background-position: -3534px 0
}
.country-select .flag.mx {
height: 12px;
background-position: -3556px 0
}
.country-select .flag.my {
height: 10px;
background-position: -3578px 0
}
.country-select .flag.mz {
height: 14px;
background-position: -3600px 0
}
.country-select .flag.na {
height: 14px;
background-position: -3622px 0
}
.country-select .flag.nc {
height: 10px;
background-position: -3644px 0
}
.country-select .flag.ne {
height: 15px;
background-position: -3666px 0
}
.country-select .flag.nf {
height: 10px;
background-position: -3686px 0
}
.country-select .flag.ng {
height: 10px;
background-position: -3708px 0
}
.country-select .flag.ni {
height: 12px;
background-position: -3730px 0
}
.country-select .flag.nl {
height: 14px;
background-position: -3752px 0
}
.country-select .flag.no {
height: 15px;
background-position: -3774px 0
}
.country-select .flag.np {
height: 15px;
background-position: -3796px 0;
background-color: transparent
}
.country-select .flag.nr {
height: 10px;
background-position: -3811px 0
}
.country-select .flag.nu {
height: 10px;
background-position: -3833px 0
}
.country-select .flag.nz {
height: 10px;
background-position: -3855px 0
}
.country-select .flag.om {
height: 10px;
background-position: -3877px 0
}
.country-select .flag.pa {
height: 14px;
background-position: -3899px 0
}
.country-select .flag.pe {
height: 14px;
background-position: -3921px 0
}
.country-select .flag.pf {
height: 14px;
background-position: -3943px 0
}
.country-select .flag.pg {
height: 15px;
background-position: -3965px 0
}
.country-select .flag.ph {
height: 10px;
background-position: -3987px 0
}
.country-select .flag.pk {
height: 14px;
background-position: -4009px 0
}
.country-select .flag.pl {
height: 13px;
background-position: -4031px 0
}
.country-select .flag.pm {
height: 14px;
background-position: -4053px 0
}
.country-select .flag.pn {
height: 10px;
background-position: -4075px 0
}
.country-select .flag.pr {
height: 14px;
background-position: -4097px 0
}
.country-select .flag.ps {
height: 10px;
background-position: -4119px 0
}
.country-select .flag.pt {
height: 14px;
background-position: -4141px 0
}
.country-select .flag.pw {
height: 13px;
background-position: -4163px 0
}
.country-select .flag.py {
height: 11px;
background-position: -4185px 0
}
.country-select .flag.qa {
height: 8px;
background-position: -4207px 0
}
.country-select .flag.re {
height: 14px;
background-position: -4229px 0
}
.country-select .flag.ro {
height: 14px;
background-position: -4251px 0
}
.country-select .flag.rs {
height: 14px;
background-position: -4273px 0
}
.country-select .flag.ru {
height: 14px;
background-position: -4295px 0
}
.country-select .flag.rw {
height: 14px;
background-position: -4317px 0
}
.country-select .flag.sa {
height: 14px;
background-position: -4339px 0
}
.country-select .flag.sb {
height: 10px;
background-position: -4361px 0
}
.country-select .flag.sc {
height: 10px;
background-position: -4383px 0
}
.country-select .flag.sd {
height: 10px;
background-position: -4405px 0
}
.country-select .flag.se {
height: 13px;
background-position: -4427px 0
}
.country-select .flag.sg {
height: 14px;
background-position: -4449px 0
}
.country-select .flag.sh {
height: 10px;
background-position: -4471px 0
}
.country-select .flag.si {
height: 10px;
background-position: -4493px 0
}
.country-select .flag.sj {
height: 15px;
background-position: -4515px 0
}
.country-select .flag.sk {
height: 14px;
background-position: -4537px 0
}
.country-select .flag.sl {
height: 14px;
background-position: -4559px 0
}
.country-select .flag.sm {
height: 15px;
background-position: -4581px 0
}
.country-select .flag.sn {
height: 14px;
background-position: -4603px 0
}
.country-select .flag.so {
height: 14px;
background-position: -4625px 0
}
.country-select .flag.sr {
height: 14px;
background-position: -4647px 0
}
.country-select .flag.ss {
height: 10px;
background-position: -4669px 0
}
.country-select .flag.st {
height: 10px;
background-position: -4691px 0
}
.country-select .flag.sv {
height: 12px;
background-position: -4713px 0
}
.country-select .flag.sx {
height: 14px;
background-position: -4735px 0
}
.country-select .flag.sy {
height: 14px;
background-position: -4757px 0
}
.country-select .flag.sz {
height: 14px;
background-position: -4779px 0
}
.country-select .flag.ta {
height: 10px;
background-position: -4801px 0
}
.country-select .flag.tc {
height: 10px;
background-position: -4823px 0
}
.country-select .flag.td {
height: 14px;
background-position: -4845px 0
}
.country-select .flag.tf {
height: 14px;
background-position: -4867px 0
}
.country-select .flag.tg {
height: 13px;
background-position: -4889px 0
}
.country-select .flag.th {
height: 14px;
background-position: -4911px 0
}
.country-select .flag.tj {
height: 10px;
background-position: -4933px 0
}
.country-select .flag.tk {
height: 10px;
background-position: -4955px 0
}
.country-select .flag.tl {
height: 10px;
background-position: -4977px 0
}
.country-select .flag.tm {
height: 14px;
background-position: -4999px 0
}
.country-select .flag.tn {
height: 14px;
background-position: -5021px 0
}
.country-select .flag.to {
height: 10px;
background-position: -5043px 0
}
.country-select .flag.tr {
height: 14px;
background-position: -5065px 0
}
.country-select .flag.tt {
height: 12px;
background-position: -5087px 0
}
.country-select .flag.tv {
height: 10px;
background-position: -5109px 0
}
.country-select .flag.tw {
height: 14px;
background-position: -5131px 0
}
.country-select .flag.tz {
height: 14px;
background-position: -5153px 0
}
.country-select .flag.ua {
height: 14px;
background-position: -5175px 0
}
.country-select .flag.ug {
height: 14px;
background-position: -5197px 0
}
.country-select .flag.um {
height: 11px;
background-position: -5219px 0
}
.country-select .flag.us {
height: 11px;
background-position: -5241px 0
}
.country-select .flag.uy {
height: 14px;
background-position: -5263px 0
}
.country-select .flag.uz {
height: 10px;
background-position: -5285px 0
}
.country-select .flag.va {
width: 15px;
height: 15px;
background-position: -5307px 0
}
.country-select .flag.vc {
height: 14px;
background-position: -5324px 0
}
.country-select .flag.ve {
height: 14px;
background-position: -5346px 0
}
.country-select .flag.vg {
height: 10px;
background-position: -5368px 0
}
.country-select .flag.vi {
height: 14px;
background-position: -5390px 0
}
.country-select .flag.vn {
height: 14px;
background-position: -5412px 0
}
.country-select .flag.vu {
height: 12px;
background-position: -5434px 0
}
.country-select .flag.wf {
height: 14px;
background-position: -5456px 0
}
.country-select .flag.ws {
height: 10px;
background-position: -5478px 0
}
.country-select .flag.xk {
height: 15px;
background-position: -5500px 0
}
.country-select .flag.ye {
height: 14px;
background-position: -5522px 0
}
.country-select .flag.yt {
height: 14px;
background-position: -5544px 0
}
.country-select .flag.za {
height: 14px;
background-position: -5566px 0
}
.country-select .flag.zm {
height: 14px;
background-position: -5588px 0
}
.country-select .flag.zw {
height: 10px;
background-position: -5610px 0
}#uacf7_country_select .country-select .wpcf7-uacf7_country_dropdown,
#uacf7_country_select .country-select {
width: 100%
}.tfhb-btn,
button.tfhb-btn {
font-family: "Inter", sans-serif;
cursor: pointer;
color: var(--tfhb-primary-color);
box-sizing: border-box;
background-color: transparent;
border: none;
font-size: 13px;
font-weight: 600;
line-height: 24px;
transition: 0.4s;
padding: 0;
box-shadow: none;
}
.tfhb-btn:hover, .tfhb-btn:focus, .tfhb-btn:active,
button.tfhb-btn:hover,
button.tfhb-btn:focus,
button.tfhb-btn:active {
color: var(--tfhb-primary-hover-color) !important;
}
.tfhb-btn:hover span, .tfhb-btn:focus span, .tfhb-btn:active span,
button.tfhb-btn:hover span,
button.tfhb-btn:focus span,
button.tfhb-btn:active span {
color: var(--tfhb-primary-hover-color) !important;
}
.tfhb-btn:hover,
button.tfhb-btn:hover {
transition: 0.4s;
}
.tfhb-btn.tfhb-docs-btn,
button.tfhb-btn.tfhb-docs-btn {
font-weight: 600;
}
.tfhb-btn.boxed-btn,
button.tfhb-btn.boxed-btn {
padding: 8px 24px;
border-radius: 8px;
background-color: var(--tfhb-primary-color);
color: #FFFFFF;
border: 1px solid var(--tfhb-primary-color);
cursor: pointer;
}
.tfhb-btn.boxed-btn:hover, .tfhb-btn.boxed-btn:focus, .tfhb-btn.boxed-btn:active,
button.tfhb-btn.boxed-btn:hover,
button.tfhb-btn.boxed-btn:focus,
button.tfhb-btn.boxed-btn:active {
background-color: var(--tfhb-primary-hover-color);
color: #FFFFFF !important;
}
.tfhb-btn.boxed-btn span,
button.tfhb-btn.boxed-btn span {
color: #FFFFFF !important;
}
.tfhb-btn.boxed-btn.disabled span,
button.tfhb-btn.boxed-btn.disabled span {
color: rgba(255, 255, 255, 0.4392156863) !important;
}
.tfhb-btn.boxed-btn-danger,
button.tfhb-btn.boxed-btn-danger {
padding: 8px 24px;
border-radius: 8px;
border: 1px solid #AC0C22;
background-color: #FCD9DE;
transition: 0.4s;
}
.tfhb-btn.boxed-btn-danger:hover, .tfhb-btn.boxed-btn-danger:focus, .tfhb-btn.boxed-btn-danger:active,
button.tfhb-btn.boxed-btn-danger:hover,
button.tfhb-btn.boxed-btn-danger:focus,
button.tfhb-btn.boxed-btn-danger:active {
background-color: #AC0C22;
}
.tfhb-btn.boxed-btn-danger:hover span, .tfhb-btn.boxed-btn-danger:focus span, .tfhb-btn.boxed-btn-danger:active span,
button.tfhb-btn.boxed-btn-danger:hover span,
button.tfhb-btn.boxed-btn-danger:focus span,
button.tfhb-btn.boxed-btn-danger:active span {
color: #FFFFFF !important;
}
.tfhb-btn.boxed-btn-danger span,
button.tfhb-btn.boxed-btn-danger span {
color: #AC0C22 !important;
}
.tfhb-btn.tab-btn,
button.tfhb-btn.tab-btn {
padding: 8px 12px;
border-radius: 4px;
background: #FFFFFF;
box-shadow: 0px 1px 3px 0px rgba(40, 16, 26, 0.1), 0px 1px 2px 0px rgba(40, 16, 26, 0.06);
border: 0px solid;
cursor: pointer;
color: var(--tfhb-secondary-color);
}
.tfhb-btn.tab-btn:hover, .tfhb-btn.tab-btn:focus, .tfhb-btn.tab-btn.active,
button.tfhb-btn.tab-btn:hover,
button.tfhb-btn.tab-btn:focus,
button.tfhb-btn.tab-btn.active {
background: var(--tfhb-secondary-hover-color);
color: var(--tfhb-primary-color);
box-shadow: 0px 1px 3px 0px rgba(40, 16, 26, 0.1), 0px 1px 2px 0px rgba(40, 16, 26, 0.06);
}
.tfhb-btn.tab-btn span,
button.tfhb-btn.tab-btn span {
color: var(--tfhb-secondary-color);
font-size: 13px;
}
.tfhb-btn.secondary-btn,
button.tfhb-btn.secondary-btn {
padding: 8px 24px;
border-radius: 8px;
border: 1px solid var(--tfhb-surface-primary-color);
background: #FFFFFF;
color: var(--tfhb-secondary-color);
font-weight: 400;
}
.tfhb-btn.secondary-btn.disabled span,
button.tfhb-btn.secondary-btn.disabled span {
color: rgba(39, 63, 43, 0.4392156863) !important;
}
.tfhb-btn.secondary-btn.disabled .tfhb-button-icon svg g circle,
button.tfhb-btn.secondary-btn.disabled .tfhb-button-icon svg g circle {
stroke: rgba(39, 63, 43, 0.4392156863) !important;
}
.tfhb-btn.secondary-btn:hover, .tfhb-btn.secondary-btn:focus, .tfhb-btn.secondary-btn.active,
button.tfhb-btn.secondary-btn:hover,
button.tfhb-btn.secondary-btn:focus,
button.tfhb-btn.secondary-btn.active {
background: var(--tfhb-secondary-hover-color);
color: var(--tfhb-primary-color);
}
.tfhb-btn.secondary-btn span,
button.tfhb-btn.secondary-btn span {
color: var(--tfhb-secondary-color) !important;
}
.tfhb-btn.flex-btn,
button.tfhb-btn.flex-btn {
display: flex;
gap: 5px;
align-items: center;
}
.tfhb-btn.tfhb-edit,
button.tfhb-btn.tfhb-edit {
background-color: transparent;
color: var(--tfhb-secondary-color);
border: 0px solid;
cursor: pointer;
}
.tfhb-btn.tfhb-hover-effect:hover, .tfhb-btn.tfhb-hover-effect:focus,
button.tfhb-btn.tfhb-hover-effect:hover,
button.tfhb-btn.tfhb-hover-effect:focus {
color: #fff !important;
}
.tfhb-btn.tfhb-icon-hover-animation,
button.tfhb-btn.tfhb-icon-hover-animation {
padding-right: 20px !important;
}
.tfhb-btn.tfhb-icon-hover-animation.left,
button.tfhb-btn.tfhb-icon-hover-animation.left {
padding-left: 20px !important;
padding-right: 24px !important;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon {
position: relative;
height: 20px;
width: 20px;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-hover-icon {
transition: all ease 0.4s;
position: absolute;
left: 0;
height: 100%;
width: 0;
visibility: hidden;
opacity: 0;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon .tfhb-btn-icon {
position: absolute;
left: 0;
height: 100%;
transition: all ease 0.4s;
}
.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon.left .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation .tfhb-button-icon.left .tfhb-btn-hover-icon {
left: 100%;
}
.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-hover-icon {
transition: all ease 0.4s;
visibility: visible;
opacity: 1;
width: 100%;
}
.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-icon,
button.tfhb-btn.tfhb-icon-hover-animation:hover .tfhb-btn-icon {
visibility: hidden;
opacity: 0;
}
.tfhb-btn.tfhb-icon-hover-animation:hover.left .tfhb-btn-hover-icon,
button.tfhb-btn.tfhb-icon-hover-animation:hover.left .tfhb-btn-hover-icon {
left: 0;
}
.tfhb-btn span,
button.tfhb-btn span {
color: var(--tfhb-primary-color) !important;
font-size: 13px !important;
font-weight: 600 !important;
line-height: 24px !important;
transition: 0.4s !important;
margin: 0 !important;
display: inline-flex;
font-weight: 600;
}
.tfhb-btn.tfhb-btn-large,
button.tfhb-btn.tfhb-btn-large {
font-size: 15px;
}
.tfhb-btn.tfhb-preloader,
button.tfhb-btn.tfhb-preloader {
position: relative;
}
.tfhb-btn.tfhb-preloader:after,
button.tfhb-btn.tfhb-preloader:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
border: 2px solid var(--tfhb-primary-color);
border-top-color: transparent;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin {
0% {
transform: translate(-50%, -50%) rotate(0deg);
}
100% {
transform: translate(-50%, -50%) rotate(360deg);
}
}
.tfhb-btn.tfhb-preloader:before,
button.tfhb-btn.tfhb-preloader:before {
content: "";
position: absolute;
height: 100%;
width: 100%;
top: 0;
left: 0;
background: rgba(255, 255, 255, 0.5);
}
.tfhb-meeting-box input,
.tfhb-booking-cencel input {
box-sizing: border-box;
}
.tfhb-meeting-box #reason,
.tfhb-booking-cencel #reason {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
box-sizing: border-box;
}
.tfhb-meeting-box #reason:focus,
.tfhb-booking-cencel #reason:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-reschedule-box,
.tfhb-booking-cencel .tfhb-reschedule-box {
margin-bottom: 25px;
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card,
.tfhb-booking-cencel .tfhb-meeting-card {
border-radius: 16px;
border: 0.5px solid var(--tfhb-surface-primary-color);
background: #FFFFFF;
display: flex;
gap: 24px;
width: fit-content;
position: relative;
margin: 0 auto;
overflow: hidden;
min-height: 450px;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card,
.tfhb-booking-cencel .tfhb-meeting-card {
flex-wrap: wrap;
}
}
@media only screen and (max-width: 570px) {
.tfhb-meeting-box .tfhb-meeting-card,
.tfhb-booking-cencel .tfhb-meeting-card {
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info {
width: 322px;
z-index: 11;
border-right: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
border-radius: 16px 0 0 16px;
box-shadow: 0 0px 30px 0px rgba(40, 16, 26, 0.2);
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info {
width: 220px;
}
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info {
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info {
padding: 38px 16px 16px 16px;
border-radius: 16px 0 0 0;
background-size: cover;
position: relative;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info::after {
position: absolute;
content: "";
inset: 0;
background: linear-gradient(181deg, rgba(19, 25, 20, 0) 1.18%, rgba(19, 25, 20, 0.5) 98.83%);
z-index: -1;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info {
background-position: center center;
border-radius: 16px 16px 0 0;
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile img {
width: 40px;
height: 40px;
border-radius: 50%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name h3 {
color: #FFFFFF;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-host-info .tfhb-host-profile .tfhb-host-name p {
color: #FFFFFF;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details {
padding: 8px 16px 16px 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details h2,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details h2 {
color: var(--tfhb-secondary-color);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0 0 8px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-description,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-less-description,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-description,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-less-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-less-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-less-description {
color: var(--tfhb-primary-color);
font-weight: 600;
cursor: pointer;
display: inline-block;
margin-left: 4px;
transition: color 0.2s ease, text-decoration 0.2s ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-description:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-less-description:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-description:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-less-description:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-description:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description .tfhb-see-less-description:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-description:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-less-description:hover {
text-decoration: underline;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description span,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-short-description span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description span {
cursor: pointer;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description {
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-full-desc-content,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-full-desc-content {
max-height: 180px;
overflow-y: auto;
padding-right: 4px;
margin-bottom: 6px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-full-desc-content::-webkit-scrollbar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-full-desc-content::-webkit-scrollbar {
width: 4px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-full-desc-content::-webkit-scrollbar-thumb,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-full-desc-content::-webkit-scrollbar-thumb {
background-color: rgba(0, 0, 0, 0.2);
border-radius: 4px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-less-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-full-description .tfhb-see-less-description {
margin-left: 0;
margin-top: 4px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-description,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-less-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-description,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-less-description {
color: var(--tfhb-primary-color);
font-weight: 600;
cursor: pointer;
display: inline-block;
margin-left: 4px;
transition: color 0.2s ease, text-decoration 0.2s ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-description:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-less-description:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-description:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p .tfhb-see-less-description:hover {
text-decoration: underline;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details p span {
cursor: pointer;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul {
margin: 0;
padding: 0;
list-style: none;
margin-bottom: 40px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; margin-bottom: 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li:last-child,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li:last-child {
margin-bottom: 0px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li span {
border-radius: 6px;
border: 1px solid var(--tfhb-surface-primary-color);
padding: 0 16px;
margin: 0 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon {
border-radius: 6px;
border: 0.2px solid rgba(227, 207, 215, 0.2);
background: #FFFFFF;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details ul li .tfhb-icon svg path {
stroke: var(--tfhb-secondary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone {
border-radius: 8px;
background: #FFFFFF;
padding: 8px 12px;
justify-content: space-between;
padding: 0 !important;
position: relative;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 8px; background: linear-gradient(to bottom right, rgba(207, 227, 210, 0), rgb(207, 227, 210), rgba(207, 227, 210, 0));
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
z-index: -1;
pointer-events: none; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone select {
background-image: none !important;
background-size: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-title,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-title {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; width: calc(100% - 24px);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-container {
width: 100% !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection {
padding-left: 2em !important;
border-radius: 8px;
height: 40px;
padding-top: 8px;
padding-bottom: 8px;
border: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__rendered,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__rendered {
color: var(--tfhb-secondary-color);
padding: 0px !important;
line-height: normal;
font-size: 15px !important;
font-weight: 400;
line-height: 24px; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow {
top: 50%;
width: 1.7em;
transform: translateY(-50%);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow b,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .select2-selection .select2-selection__arrow b {
border-color: var(--tfhb-primary-color) transparent transparent transparent;
display: block;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 35px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .tfhb-meeting-details .tfhb-timezone .tfhb-timezone-icon svg path {
stroke: var(--tfhb-secondary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown {
border: 1px solid #56765B;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--above,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--above {
border-bottom: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--below,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-dropdown.tfhb-select2-dropdown.select2-dropdown--below {
border-top: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-info .select2-search.select2-search--dropdown input,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-info .select2-search.select2-search--dropdown input {
padding: 8px 8px 8px 12px;
border: 1px solid #56765B !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-calander-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-calander-times {
position: relative;
left: 0;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-calander-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-calander-times {
width: 100%;
padding: 0px 16px;
justify-content: space-between;
}
}
@media only screen and (max-width: 767px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-calander-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-calander-times {
flex-wrap: wrap;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar {
padding: 16px 16px 16px 0;
width: 536px;
z-index: 99;
background-color: #fff;
min-height: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar {
width: 500px;
}
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar {
width: 100%;
padding: 0 0 16px 0;
min-height: auto;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container {
width: 520px;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container {
width: 480px;
}
}
@media only screen and (max-width: 767px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container {
width: 100%;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header {
display: flex;
align-items: center;
padding: 0px 0px 16px 0;
justify-content: space-between;
border-bottom: 0.5px solid rgba(207, 227, 210, 0);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation {
display: flex;
border-radius: 8px;
background: #FFFFFF;
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
width: 94px;
justify-content: space-between;
position: relative;
z-index: 1;
height: 36px;
align-items: center;
padding: 0 8px 0 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 8px; background: linear-gradient(to bottom right, rgba(207, 227, 210, 0), rgb(207, 227, 210), rgba(207, 227, 210, 0));
z-index: -1;
pointer-events: none; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 8px;
background: #FFFFFF;
z-index: -1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span {
cursor: pointer;
font-size: 1.9rem;
width: 20px;
height: 20px;
display: flex;
align-items: center;
justify-content: center;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span svg path {
stroke: var(--tfhb-primary-color);
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover {
background-color: var(--tfhb-primary-color);
border-radius: 5px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation span:hover svg path {
stroke: #fff;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation .tfhb-calendar-navigation-dots,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-container header .tfhb-calendar-navigation .tfhb-calendar-navigation-dots {
width: 8px;
height: 8px;
background-color: #56765B;
border-radius: 50%;
left: -24px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-current-date,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-current-date {
color: var(--tfhb-secondary-color);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive {
position: relative !important;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body.inactive::before {
position: absolute;
height: 100%;
width: 100%;
content: "";
background-color: #fff;
z-index: 3;
opacity: 0.3;
cursor: wait;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays {
list-style: none;
flex-wrap: wrap;
display: flex;
text-align: center;
gap: 0;
margin: 12px 0 16px 0;
padding: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-weekdays li {
color: var(--tfhb-secondary-color);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 600;
line-height: 24px; width: 14.2857142857%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates {
list-style: none;
flex-wrap: wrap;
display: flex;
text-align: center;
gap: 0;
padding: 0;
margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li {
border: 0.5px solid rgba(227, 207, 215, 0);
width: 14.2857142857%;
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; padding: 16px 0;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive {
color: #C0D8C4;
cursor: not-allowed !important;
background-color: transparent !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.inactive::after {
position: static !important;
margin: 0 !important;
border: 0px solid !important;
box-sizing: inherit;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current {
color: var(--tfhb-secondary-color);
position: relative;
z-index: 0;
cursor: pointer;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current::after {
position: absolute;
content: "";
border-radius: 8px;
border: 0.5px solid rgba(227, 207, 215, 0);
background: var(--tfhb-surface-background-color);
height: 90%;
width: 90%;
left: 50%;
z-index: -1;
margin-left: -45%;
top: 5%;
box-sizing: inherit;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current:hover::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current:hover::after {
border: 0.5px solid rgba(227, 207, 215, 0);
background: var(--tfhb-secondary-hover-color);
box-shadow: 0px 3px 0px 0px rgba(16, 36, 19, 0.04);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active {
color: #FFFFFF !important;
position: relative;
font-weight: 600;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::after {
position: absolute;
content: "";
border-radius: 8px;
border: 0.5px solid rgba(227, 207, 215, 0);
box-shadow: 0px 8px 30px 0px rgba(0, 64, 11, 0.3);
background: var(--tfhb-primary-color) !important;
height: 90%;
width: 90%;
left: 50%;
z-index: -1;
margin-left: -45%;
top: 5%;
box-sizing: inherit;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-calendar .tfhb-calendar-body ul.tfhb-calendar-dates li.current.active::before {
position: absolute;
content: "";
height: 2px;
width: 24px;
border-radius: 16px;
background: #FFFFFF;
bottom: 12px;
left: 50%;
margin-left: -12px;
box-sizing: inherit;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
width: 0;
padding: 16px 16px 16px 0;
display: none;
position: relative;
left: -50%;
opacity: 1;
z-index: 8;
min-height: 100%;
box-sizing: border-box;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
max-width: 200px;
}
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
padding: 0 0 16px 0;
width: 100%;
max-width: auto;
}
}
@media only screen and (max-width: 767px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times {
width: 100% !important;
max-width: 100% !important;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs-warp,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs-warp {
display: flex;
justify-content: end;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs {
padding: 4px;
border-radius: 8px;
width: 96px;
height: 36px;
position: relative;
z-index: 0;
background: #FFFFFF;
display: flex;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::before {
content: "";
position: absolute;
top: -1px;
left: -1px;
right: -1px;
bottom: -1px;
border-radius: 8px; background: linear-gradient(to bottom right, rgba(207, 227, 210, 0), rgb(207, 227, 210), rgba(207, 227, 210, 0));
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
z-index: -1;
pointer-events: none; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs::after {
content: "";
position: absolute;
top: 0px;
left: 0px;
right: 0px;
bottom: 0px;
border-radius: 8px;
background: #FFFFFF;
z-index: -1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul {
margin: 0;
padding: 0;
list-style: none;
gap: 8px;
display: inline-flex;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li {
width: 40px;
display: inline-block;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label {
padding: 4px 8px;
color: #273F2B;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 16px; cursor: pointer;
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label input,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li label input {
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active {
border-radius: 4px;
background: var(--tfhb-surface-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-timezone-tabs ul li.active label {
color: var(--tfhb-secondary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times h3 {
color: var(--tfhb-secondary-color);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 24px 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times {
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive {
position: relative !important;
z-index: 1;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive::before,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times.inactive::before {
position: absolute;
height: 100%;
width: 100%;
content: "";
background-color: #fff;
z-index: 3;
opacity: 0.3;
cursor: wait;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul {
margin: 0;
padding: 0;
list-style: none;
max-height: 338px;
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li {
gap: 12px;
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next {
border-radius: 8px;
border: 0.5px solid var(--tfhb-primary-color);
background: #FFFFFF;
padding: 10px 8px;
color: var(--tfhb-primary-color);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; width: 100%;
text-align: center;
cursor: pointer;
transition: 0.3s all ease;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next {
padding: 16px 1px;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next:hover {
border: 0.5px solid var(--tfhb-primary-color);
background: var(--tfhb-surface-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time.time.active,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next.time.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time.time.active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next.time.active {
border: 0.5px solid var(--tfhb-primary-color);
background: var(--tfhb-surface-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining {
justify-content: center;
font-size: 10px;
line-height: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining span,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .time .tfhb-time-slot-remaining span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li .next .tfhb-time-slot-remaining span {
display: inline-block;
height: 4px;
width: 4px;
border-radius: 50%;
background-color: #2E6B38;
margin-right: 4px;
line-height: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next {
border-radius: 8px;
background: var(--tfhb-primary-color);
color: #FFFFFF;
align-items: center;
justify-content: center;
transition: 0.3s all ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li span.next:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-times .tfhb-available-times ul li p {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form {
width: 536px;
padding: 16px 16px 16px 0;
position: relative;
z-index: 9;
left: -5%;
opacity: 0;
}
@media only screen and (max-width: 991px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form {
padding: 0 16px 16px 16px;
width: 100% !important;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn {
align-items: center;
cursor: pointer;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn svg path,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn svg path {
stroke: var(--tfhb-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-back-btn h3 {
color: var(--tfhb-secondary-color);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms {
flex-wrap: wrap;
gap: 16px;
margin-top: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-form-fields, .tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7-form, .tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform, .tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .forminator-ui,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-form-fields,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .forminator-ui {
max-height: 400px;
overflow: auto;
padding-right: 20px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .forminator-ui .forminator-row,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .forminator-ui .forminator-row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form {
width: 100%;
margin-bottom: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form label {
color: var(--tfhb-secondary-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0 0 4px 0;
display: inline-block;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
box-sizing: border-box;
font-size: 13px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=text]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=email]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=number]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=tel]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form input[type=date]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form textarea {
min-height: 90px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form select {
line-height: 1.2;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio {
position: relative;
color: var(--tfhb-paragraph-color) !important;
font-size: 15px !important;
margin-left: 40px;
font-weight: 400;
margin: 0 !important;
position: relative;
padding-left: 28px;
margin-right: 16px !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark {
background-color: var(--tfhb-primary-color);
border: 1px solid var(--tfhb-primary-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark:after,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input:checked ~ .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input:checked ~ .checkmark:after {
display: block;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=checkbox],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=radio],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=checkbox],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=radio],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=checkbox],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox input[type=radio],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=checkbox],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio input[type=radio] {
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .tfhb-checkbox-label,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .tfhb-checkbox-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .tfhb-checkbox-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .tfhb-checkbox-label {
justify-content: start !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark {
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
background-color: var(--tfhb-surface-primary-color);
border-radius: 3px;
border: 1px solid var(--tfhb-primary-color);
margin: 0 !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark:after,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-checkbox .checkmark:after,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark:after {
content: "";
position: absolute;
left: 7px;
top: 2px;
width: 6px;
height: 11px;
border: solid #FFFFFF;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-single-form .tfhb-field-radio .checkmark {
border-radius: 50%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box {
background: #ffffff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 20px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-header,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-header {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 16px;
padding-bottom: 12px;
border-bottom: 1px solid #f1f5f9;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-header .tfhb-card-header-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-header .tfhb-card-header-icon {
color: #1e293b;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-header .tfhb-stripe-header-title,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-header .tfhb-stripe-header-title {
font-size: 15px;
font-weight: 700;
color: #0f172a;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-test-helper,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-test-helper {
background: #fdf8e2;
border: 1px dashed #e0c870;
padding: 8px 12px;
border-radius: 6px;
font-size: 12px;
color: #705814;
margin-bottom: 14px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-test-helper code,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-test-helper code {
background: rgba(245, 158, 11, 0.15);
padding: 2px 6px;
border-radius: 4px;
font-weight: 600;
color: #78350f;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group {
margin-bottom: 14px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-field-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-field-label {
display: block;
font-size: 13px;
font-weight: 500;
color: #334155;
margin-bottom: 6px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group > .tfhb-stripe-element-field,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group > .tfhb-stripe-element-field,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row {
background: #ffffff;
border: 1px solid #cbd5e1;
border-radius: 6px;
min-height: 42px;
box-sizing: border-box;
transition: border-color 0.2s ease;
box-shadow: none !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group > .tfhb-stripe-element-field:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group > .tfhb-stripe-element-field:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row:hover {
border-color: #94a3b8;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group > .tfhb-stripe-element-field,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group > .tfhb-stripe-element-field {
padding: 10px 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row .tfhb-stripe-element-field,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group .tfhb-stripe-input-row .tfhb-stripe-element-field {
border: none !important;
box-shadow: none !important;
outline: none !important;
background: transparent !important;
padding: 10px 0 !important;
flex: 1;
min-height: 40px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group.tfhb-stripe-focused .tfhb-stripe-input-row,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group.tfhb-stripe-focused > .tfhb-stripe-element-field,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group.tfhb-stripe-focused .tfhb-stripe-input-row,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group.tfhb-stripe-focused > .tfhb-stripe-element-field {
border-color: var(--tfhb-primary-color, #2E6B38) !important;
box-shadow: none !important;
outline: none !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group.tfhb-stripe-focused .tfhb-stripe-input-row .tfhb-stripe-element-field,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-field-group.tfhb-stripe-focused .tfhb-stripe-input-row .tfhb-stripe-element-field {
border: none !important;
box-shadow: none !important;
outline: none !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands {
display: flex;
align-items: center;
gap: 4px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands .tfhb-card-brand-svg,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands .tfhb-card-brand-svg {
height: 20px;
width: auto;
border-radius: 3px;
transition: opacity 0.2s ease, transform 0.2s ease;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands .tfhb-card-brand-svg.tfhb-brand-dimmed,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands .tfhb-card-brand-svg.tfhb-brand-dimmed {
opacity: 0.35;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands .tfhb-card-brand-svg.tfhb-brand-active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-brands .tfhb-card-brand-svg.tfhb-brand-active {
opacity: 1;
transform: scale(1.08);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-cvc-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-cvc-icon {
display: flex;
align-items: center;
opacity: 0.85;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-save-future-wrap,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-save-future-wrap {
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid #f1f5f9;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-save-future-wrap .tfhb-stripe-save-future-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-save-future-wrap .tfhb-stripe-save-future-label {
display: flex;
align-items: center;
gap: 8px;
cursor: pointer;
user-select: none;
font-size: 13.5px;
color: #374151;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-save-future-wrap .tfhb-stripe-save-future-label input[type=checkbox],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-save-future-wrap .tfhb-stripe-save-future-label input[type=checkbox] {
cursor: pointer;
width: 16px;
height: 16px;
accent-color: var(--tfhb-primary-color, #2E6B38);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-errors,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-card-errors {
color: #dc2626;
font-size: 13px;
margin-top: 10px;
padding: 10px 14px;
background: #fef2f2;
border-left: 3px solid #dc2626;
border-radius: 4px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn {
margin-top: 18px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn {
width: 100% !important;
background-color: var(--tfhb-primary-color, #2E6B38) !important;
color: #ffffff !important;
padding: 14px 24px !important;
border: none !important;
border-radius: 6px !important;
font-size: 16px !important;
font-weight: 600 !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 8px !important;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) !important;
transition: background-color 0.2s ease, transform 0.1s ease !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn *,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn * {
color: #ffffff !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn .tfhb-btn-lock-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn .tfhb-btn-lock-icon {
stroke: #ffffff !important;
display: inline-block !important;
vertical-align: middle !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn .tfhb-stripe-btn-text,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn .tfhb-stripe-btn-text {
color: #ffffff !important;
font-size: 16px !important;
font-weight: 600 !important;
line-height: 1 !important;
display: inline-block !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn:hover {
background-color: var(--tfhb-primary-hover-color, #23532b) !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn:active,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn:active {
transform: scale(0.99) !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn.disabled, .tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn[disabled],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn.disabled,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container .tfhb-stripe-card-box .tfhb-stripe-action-btn .tfhb-stripe-payment-btn[disabled] {
opacity: 0.65 !important;
cursor: not-allowed !important;
pointer-events: none !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a {
text-decoration: none !important;
background-color: rgb(25, 37, 82);
color: rgb(255, 255, 255);
padding: 12px 10px;
display: flex;
text-align: center;
border-radius: 8px;
font-size: 14px;
align-items: center;
justify-content: center;
gap: 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a .tfhb-submit-preloader svg,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a .tfhb-submit-preloader svg {
width: 20px;
height: 20px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a.disabled,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-meeting-form .tfhb-stripe-button-container a.disabled {
pointer-events: none !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box {
flex-wrap: wrap;
gap: 24px;
margin: 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap {
width: 100%;
align-items: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap .swicher-label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-swicher-wrap .swicher-label {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-checkbox-wrap,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-box .tfhb-checkbox-wrap {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button {
width: 100%;
display: flex;
justify-content: end;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button {
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.3137254902);
padding: 10px;
text-align: right;
box-sizing: border-box;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader svg,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-confirmation-button button .tfhb-submit-preloader svg {
height: 100%;
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform label {
color: var(--tfhb-secondary-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0 0 4px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=text]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=email]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=number]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=tel]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform input[type=date]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform select:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform textarea {
min-height: 90px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper {
text-align: right;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button {
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .fluentform .ff_submit_btn_wrapper button:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 {
width: 100% !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 label,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 label {
color: var(--tfhb-secondary-color);
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20px; margin: 0 0 4px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date],
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date],
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea {
border-radius: 8px;
border: 0.5px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
height: 40px;
width: 100%;
padding: 8px 12px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date]:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select:focus,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=text]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=email]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=number]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=tel]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 input[type=date]:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 select:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea:focus {
outline: none;
box-shadow: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 textarea {
min-height: 90px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit {
float: right;
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .wpcf7 .wpcf7-submit:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-paypal-button-container,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-booking-form .tfhb-forms .tfhb-paypal-button-container {
width: 100%;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation {
width: 500px;
margin: 64px 265px 64px;
}
@media only screen and (max-width: 1170px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation {
margin: 16px;
padding: 0 16px 16px 16px;
width: 100% !important;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess {
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess img {
height: 66px;
width: 66px;
margin-bottom: 24px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess h3 {
color: var(--tfhb-secondary-color);
font-size: 22px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin: 0 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-confirmation-seccess p {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0 0 16px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo {
border-radius: 8px;
background: #F3F6F4;
padding: 24px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo h4,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo h4 {
color: var(--tfhb-secondary-color);
font-size: 17px;
font-style: normal;
font-weight: 600;
line-height: 150%; margin-top: 0px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul {
margin: 0;
padding: 0;
list-style: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(227, 207, 215, 0.1);
align-items: start !important;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li:last-child,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li span,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li span {
border-radius: 16px;
background: #EBEFFF;
padding: 4px 8px;
color: #002AB3;
font-size: 11px;
font-style: normal;
font-weight: 600;
line-height: 16px; }
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li .tfhb-icon,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-hostinfo ul li .tfhb-icon {
border-radius: 6px;
border: 0.2px solid rgba(227, 207, 215, 0.2);
background: #FFFFFF;
width: 24px;
height: 24px;
display: flex;
align-items: center;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender {
margin: 32px 0 0 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender h3,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender h3 {
color: var(--tfhb-secondary-color);
text-align: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; margin: 0 0 8px 0;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul {
margin: 0;
padding: 0;
list-style: none;
justify-content: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul li a img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-calender ul li a img {
width: 32px;
height: 32px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action {
justify-content: center;
margin-top: 24px;
}
@media only screen and (max-width: 570px) {
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action {
flex-wrap: wrap;
}
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a {
border-radius: 8px;
border: 1px solid var(--tfhb-surface-background-color);
background: #FFFFFF;
padding: 8px 24px;
width: 158px;
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
text-decoration: none !important;
transition: 0.3s all ease;
text-align: center;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button:hover,
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action button:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-confirmation-action a:hover {
background-color: var(--tfhb-primary-hover-color);
border-color: var(--tfhb-primary-hover-color);
color: #fff;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action {
text-align: center;
margin-top: 16px;
padding: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action p,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action p {
font-size: 15px;
font-weight: 500;
color: var(--tfhb-secondary-color);
margin-bottom: 8px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a {
display: inline-block;
width: 30px;
height: 30px;
box-shadow: 0px 15px 30px 0px rgba(16, 40, 20, 0.1);
border-radius: 4px;
transition: 0.4s;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:hover,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:hover {
background-color: #F3F6F4;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:focus,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a:focus {
outline: none;
}
.tfhb-meeting-box .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a img,
.tfhb-booking-cencel .tfhb-meeting-card .tfhb-meeting-confirmation .tfhb-meeting-bookmark-action .tfhb-meeting-bookmark-list a img {
padding: 5px;
}
.select2-results__options {
display: flex;
flex-direction: column;
width: 100% !important;
margin: 0 !important;
border-radius: 4px;
border: 1px solid var(--tfhb-surface-primary-color);
}
.select2-results__options li {
background-color: #FFFFFF;
height: 40px !important;
font-size: 15px;
font-weight: 400;
line-height: 24px;
color: #273F2B;
}
.select2-results__options li:hover {
background-color: #F3F6F4;
color: #273F2B;
}
.select2-results__options li.select2-results__option--highlighted.select2-results__option--selectable {
background-color: #F3F6F4;
color: #273F2B;
}
.tfhb-single-meeting-section {
padding: 60px 0px;
width: 100%;
}
.hydra-booking-embad-container {
height: 100%;
min-height: 650px;
}
.tfhb-meeting-embed-section.tfhb-meeting-embed-section {
padding: 70px 0 !important;
box-sizing: border-box;
width: 100%;
height: 100%;
}
.tfhb-meeting-embed-section body {
visibility: hidden;
opacity: 0;
}
.tfhb-booking-cencel {
margin: 50px 0;
width: 100%;
}
.tfhb-booking-cencel .tfhb-meeting-card {
margin: 0 auto;
}
.tfhb-booking-cencel .tfhb-confirmation-button {
width: 100%;
display: flex;
justify-content: end;
}
.tfhb-booking-cencel .tfhb-confirmation-button button {
border-radius: 8px;
background: var(--tfhb-primary-color);
padding: 10px 24px;
color: #FFFFFF;
justify-content: center;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px; cursor: pointer;
border: 0px solid;
transition: 0.3s all ease;
position: relative;
}
.tfhb-booking-cencel .tfhb-confirmation-button button:hover {
background-color: var(--tfhb-primary-hover-color);
}
.tfhb-booking-cencel .tfhb-confirmation-button button .tfhb-submit-preloader {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-color: rgba(255, 255, 255, 0.3137254902);
padding: 10px;
text-align: right;
box-sizing: border-box;
}
.tfhb-booking-cencel .tfhb-confirmation-button button .tfhb-submit-preloader svg {
height: 100%;
width: 100%;
}
.tfhb-scrollbar,
#select2-attendee_time_zone-results,
.select2-results__options {
overflow-y: scroll;
scrollbar-width: thin;
scrollbar-color: #273F2B #F3F6F4;
padding-right: 10px;   }
.tfhb-scrollbar ::-webkit-scrollbar,
#select2-attendee_time_zone-results ::-webkit-scrollbar,
.select2-results__options ::-webkit-scrollbar {
width: 4px;
}
.tfhb-scrollbar ::-webkit-scrollbar-track,
#select2-attendee_time_zone-results ::-webkit-scrollbar-track,
.select2-results__options ::-webkit-scrollbar-track {
background: #F3F6F4;
}
.tfhb-scrollbar ::-webkit-scrollbar-thumb,
#select2-attendee_time_zone-results ::-webkit-scrollbar-thumb,
.select2-results__options ::-webkit-scrollbar-thumb {
background-color: #273F2B;
border-radius: 10px;
border: 3px solid #F3F6F4;
}
.tfhb-scrollbar ::-webkit-scrollbar-thumb:hover,
#select2-attendee_time_zone-results ::-webkit-scrollbar-thumb:hover,
.select2-results__options ::-webkit-scrollbar-thumb:hover {
background: #555;
}
.tfhb-scrollbar html,
#select2-attendee_time_zone-results html,
.select2-results__options html {
scrollbar-width: thin;
scrollbar-color: #888 #f1f1f1;
}
.tfhb-frontend-from {
max-width: 100%;
width: 500px;
padding: 56px;
border-radius: 16px;
box-shadow: 0px 8px 16px 0px rgba(16, 40, 20, 0.04);
margin: 24px auto;
}
.tfhb-frontend-from * {
box-sizing: border-box;
}
.tfhb-frontend-from button,
.tfhb-frontend-from .tfhb-from-btn {
padding: 8px 24px;
width: 100%;
display: flex;
justify-content: center;
gap: 8px;
vertical-align: middle;
background-color: #2E6B38;
color: #fff !important;
font-size: 16px !important;
font-weight: 700;
border-radius: 8px !important;
line-height: 1.6;
align-items: center;
cursor: pointer;
}
.tfhb-frontend-from button:hover, .tfhb-frontend-from button:focus, .tfhb-frontend-from button:active,
.tfhb-frontend-from .tfhb-from-btn:hover,
.tfhb-frontend-from .tfhb-from-btn:focus,
.tfhb-frontend-from .tfhb-from-btn:active {
background-color: var(--tfhb-primary-hover-color);
color: #FFFFFF;
}
.tfhb-frontend-from button span,
.tfhb-frontend-from .tfhb-from-btn span {
display: inline-block;
}
.tfhb-frontend-from button .tfhb-submit-icon,
.tfhb-frontend-from .tfhb-from-btn .tfhb-submit-icon {
line-height: 0;
}
.tfhb-frontend-from .tfhb-notice {
border-radius: 8px;
padding: 24px;
border: 0.5px solid #17723F;
background: #E6FAEE;
color: #17723F;
}
.tfhb-frontend-from .tfhb-notice.tfhb-error {
border-color: #AC0C22;
background: #FCD9DE;
color: #AC0C22;
}
.tfhb-frontend-from__field-wrap {
display: flex;
flex-direction: column;
gap: 24px;
}
.tfhb-frontend-from__field-wrap__inner {
display: flex;
gap: 24px;
}
.tfhb-frontend-from__field-item {
width: 100%;
}
.tfhb-frontend-from__field-item--center {
text-align: center;
}
.tfhb-frontend-from__field-item--right {
text-align: right;
}
.tfhb-frontend-from__field-item p {
font-weight: 600;
margin-bottom: 0;
}
.tfhb-frontend-from__field-item p a {
color: var(--tfhb-primary-color) !important;
}
.tfhb-frontend-from__field-item label {
font-size: 13px;
color: #141915 !important;
font-weight: 400;
line-height: 1.53;
margin-bottom: 4px !important;
}
.tfhb-frontend-from__field-item__inner {
position: relative;
}
.tfhb-frontend-from__field-item__inner span {
position: absolute;
top: 9px;
left: 12px;
}
.tfhb-frontend-from__field-item__inner__show-password {
left: auto !important;
right: 12px;
cursor: pointer;
}
.tfhb-frontend-from__field-item__inner input {
border: 1px solid #56765B;
background-color: #fff;
border-radius: 4px !important;
font-size: 15px;
font-weight: 400;
line-height: 1.6;
padding: 8px !important;
padding-left: 40px !important;
width: 100%;
}
.tfhb-frontend-from__field-item__inner input:focus, .tfhb-frontend-from__field-item__inner input:active, .tfhb-frontend-from__field-item__inner input:hover {
outline: none;
box-shadow: none;
border-color: #211319;
color: #17030C !important;
box-shadow: 0px 1px 3px 0px rgba(16, 40, 20, 0.1), 0px 1px 2px 0px rgba(16, 40, 20, 0.06);
background-color: #F3F6F4;
}
.tfhb-frontend-from__field-item__inner input.tfhb-error {
border-color: #AC0C22;
}
.tfhb-frontend-from__field-item__inner .tfhb-error-text {
color: #AC0C22;
}
.tfhb-frontend-from__field-item.tfhb-password-field input {
padding-right: 40px;
}
.tfhb-meeting-list, .tfhb-hosts-list, .tfhb-category-list {
padding: 50px 0px;
max-width: 800px !important;
margin: 0 auto;
}
.tfhb-meeting-list h1, .tfhb-meeting-list h2, .tfhb-meeting-list h3, .tfhb-meeting-list h4, .tfhb-meeting-list p, .tfhb-hosts-list h1, .tfhb-hosts-list h2, .tfhb-hosts-list h3, .tfhb-hosts-list h4, .tfhb-hosts-list p, .tfhb-category-list h1, .tfhb-category-list h2, .tfhb-category-list h3, .tfhb-category-list h4, .tfhb-category-list p {
margin: 0;
}
.tfhb-meeting-list a, .tfhb-hosts-list a, .tfhb-category-list a {
text-decoration: none !important;
}
.tfhb-meeting-list__heading, .tfhb-hosts-list__heading, .tfhb-category-list__heading {
text-align: center;
margin-bottom: 30px;
}
.tfhb-meeting-list__wrap, .tfhb-hosts-list__wrap, .tfhb-category-list__wrap {
display: flex;
flex-wrap: wrap;
gap: 32px;
width: 100% !important;
margin-top: 24px;
}
.tfhb-meeting-list__wrap *, .tfhb-hosts-list__wrap *, .tfhb-category-list__wrap * {
box-sizing: border-box;
}
.tfhb-meeting-list__wrap__items, .tfhb-hosts-list__wrap__items, .tfhb-category-list__wrap__items {
display: flex;
gap: 16px;
padding: 16px;
width: 100%;
border-radius: 12px;
background-color: #F9FBF9;
align-items: center;
justify-content: space-between;
}
.tfhb-meeting-list__wrap__items__wrap, .tfhb-hosts-list__wrap__items__wrap, .tfhb-category-list__wrap__items__wrap {
display: flex;
align-items: center;
gap: 16px;
}
.tfhb-meeting-list__wrap__items__wrap__img img, .tfhb-hosts-list__wrap__items__wrap__img img, .tfhb-category-list__wrap__items__wrap__img img {
max-width: 84px;
border-radius: 8px;
}
.tfhb-meeting-list__wrap__items__wrap__content h3, .tfhb-hosts-list__wrap__items__wrap__content h3, .tfhb-category-list__wrap__items__wrap__content h3 {
font-size: 17px;
font-weight: 700;
}
.tfhb-meeting-list__wrap__items__wrap__content h3 a, .tfhb-hosts-list__wrap__items__wrap__content h3 a, .tfhb-category-list__wrap__items__wrap__content h3 a {
color: #141915 !important;
}
.tfhb-meeting-list__wrap__items__wrap__content p, .tfhb-hosts-list__wrap__items__wrap__content p, .tfhb-category-list__wrap__items__wrap__content p {
font-size: 15px;
}
.tfhb-meeting-list__wrap__items__wrap__content__tags, .tfhb-hosts-list__wrap__items__wrap__content__tags, .tfhb-category-list__wrap__items__wrap__content__tags {
display: flex;
flex-wrap: wrap;
gap: 24px;
margin-top: 8px;
}
.tfhb-meeting-list__wrap__items__wrap__content__tags span, .tfhb-hosts-list__wrap__items__wrap__content__tags span, .tfhb-category-list__wrap__items__wrap__content__tags span {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
border-radius: 12px;
font-size: 15px;
color: #273F2B;
}
.tfhb-meeting-archive {
padding: 50px 0px;
width: 100%;
}
.tfhb-hosts-list__wrap__items, .tfhb-category-list__wrap__items {
width: calc(50% - 16px);
}
.tfhb-flexbox {
display: flex;
align-items: center;
}
.tfhb-gap-16 {
gap: 16px;
}
.tfhb-p-16 {
padding: 16px;
}
.tfhb-gap-8 {
gap: 8px;
}
.tfhb-mb-16 {
margin-bottom: 16px;
}
.tfhb-mt-32 {
margin-top: 32px;
}
.tfhb-select2-dropdown {
border: 1px solid var(--tfhb-surface-primary-color) !important;
border-radius: 4px !important;
}
.tfhb-select2-dropdown.select2-dropdown--below {
top: 40px;
}
.tfhb-swicher-wrap { }
.tfhb-swicher-wrap .switch {
position: relative;
display: inline-block;
width: 32px;
height: 20px;
margin: 0;
}
.tfhb-swicher-wrap .switch input {
opacity: 0;
width: 0;
height: 0;
}
.tfhb-swicher-wrap .switch .slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: var(--tfhb-surface-background-color);
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 10px;
margin: 0 !important;
}
.tfhb-swicher-wrap .switch .slider:before {
position: absolute;
content: "";
height: 14px;
width: 14px;
left: 4px;
bottom: 3px;
background-color: #FFFFFF;
-webkit-transition: 0.4s;
transition: 0.4s;
border-radius: 50%;
}
.tfhb-swicher-wrap .switch input:checked + .slider {
background-color: var(--tfhb-primary-color);
}
.tfhb-swicher-wrap .switch input:focus + .slider {
box-shadow: none;
}
.tfhb-swicher-wrap .switch input:checked + .slider:before {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
}
.tfhb-swicher-wrap .switch .slider.round {
border-radius: 34px;
}
.tfhb-swicher-wrap .slider.round:before {
border-radius: 50%;
}
.tfhb-checkbox-wrap input[type=checkbox] {
display: none;
}
.tfhb-checkbox-wrap .checkmark {
position: absolute;
top: 0px;
left: 0px;
height: 20px;
width: 20px;
background-color: var(--tfhb-surface-primary-color);
border-radius: 5px;
border: 1px solid var(--tfhb-surface-primary-color);
margin: 0;
}
.tfhb-checkbox-wrap .checkmark:after {
content: "";
position: absolute;
left: 6px;
top: 2px;
width: 6px;
height: 11px;
border: solid var(--tfhb-surface-primary-color);
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
display: none;
}
.tfhb-checkbox-wrap label {
color: var(--tfhb-secondary-color);
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 24px;
margin: 0;
position: relative;
padding-left: 40px;
}
.tfhb-checkbox-wrap label input:checked ~ .checkmark {
background-color: var(--tfhb-primary-color);
border: 1px solid var(--tfhb-primary-color);
}
.tfhb-checkbox-wrap label input:checked ~ .checkmark:after {
display: block;
}
.tfhb-notice {
border-radius: 8px;
padding: 24px;
background-color: #E6FAEE;
border: 0.5px solid #21A159;
margin: 8px 0;
color: #21A159;
}
.tfhb-notice.notice-error {
background-color: #FEECEE;
border-color: #E5102E;
color: #E5102E;
}
.tfhb-notice.notice-error p {
margin: 0;
}