@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap");
body {
font-family: var(--tba-font-family);
font-weight: 400;
letter-spacing: 0;
}
.error {
color: red;
}
.truebooker #summary {
overflow-x: hidden;
overflow-y: scroll;
height: 100%;
width: 100%;
vertical-align: top;
display: inline-block;
}
button#submit {    
margin-bottom: 20px;
}
.modal {
overflow-y: scroll !important;
}
.truebooker-form .tba-front-ser-card .tba_select_icon {
display: block !important;
}
a.cancel {
cursor: pointer;
color: var(--body-blackfont-color) !important;
}
button#submit {
background-image: linear-gradient(to right,var(--tm-first-gradientcolor) 0%,var(--tm-second-gradientcolor) 50%,var(--tm-first-gradientcolor) 100%)!important;
border-radius: var(--tba-radius-10px);
}
#tba_subservice_table tbody tr td:last-child {
flex-direction: unset;
justify-content: center;
display: flex;
align-items: center;
}
#tba_subservice_table tbody tr td:last-child a {
position: relative;
right: -20px;
}
.truebooker_form_style .tba-front-timeslot-wrap.disabled {	
opacity: 0.5;
}
.truebooker_form_style .disabled input#tba_front_user_timeslot {	
cursor: not-allowed;
}
.tba-default-box{
padding: 0;
position: relative;
}
.tba-main-listing-container {
margin: 50px 50px 50px 30px;
padding: 0;
}
form#sample_form {
position: relative;
font-family: var(--tba-font-family);
padding-top: 50px;
}
.tba-popconfirm {
background: var(--tba-cl-white);
padding: 8px 30px;
display: inline-block;
border-radius: var(--tba-radius-10px);
position: absolute;
top: 0;
-webkit-animation: 1s fadeInRight linear;
-moz-animation: 1s fadeInRight linear;
-o-animation: 1s fadeInRight linear;
-ms-animation: 1s fadeInRight linear;
animation: 1s fadeInRight linear;
transition: all 0.5s ease 0s;
-webkit-transition: all 0.5s ease 0s;
-moz-transition: all 0.5s ease 0s;
-ms-transition: all 0.5s ease 0s;
-o-transition: all 0.5s ease 0s;
width: 100%;
font-size: 15px;
}
.truebooker_success {
background: var(--tba-al-success);
}
.truebooker_error {
background: var(--tba-al-error);
}
.notice {
display: none!important;
}
.tba_success {
color: #678B67;
}
.tba_error {
font-size: 14px;
padding-top:2px;
}
.tba_error {
color: #ff0003;
}
.truebooker-form label {
width: 100%;
display: block;
color: var(--tba-cl-dark);
font-size: 15px;
margin-bottom: 10px;
font-weight: 500;
}
.truebooker-form .tba-form-field-radio.tba-form-radiobox label {
margin-bottom: 0;
}
.truebooker-form .tba-form-field-radio.tba-form-radiobox input[type=radio] {
padding: 10px !important;
content: '';
border-radius: 50%;
background-color: #ffffff;
border: 1px solid #d4d4d4;
position: relative;
margin-top: 0px !important;
margin-right: 5px !important;
margin-left: 0;
cursor: pointer;
width:auto;
accent-color: var(--tba-cl-skin);
}
.truebooker-form .tba-form-field-radio label {
padding-right: 15px;
width: auto;
}
#tbab_userdetails .tba-form-field.user_gender_box {
margin-bottom: 30px;
}
.truebooker-form input[type=date],
.truebooker-form input[type=datetime-local],
.truebooker-form input[type=datetime],
.truebooker-form input[type=email],
.truebooker-form input[type=month],
.truebooker-form input[type=number],
.truebooker-form input[type=password],
.truebooker-form input[type=search],
.truebooker-form input[type=tel],
.truebooker-form input[type=text],
.truebooker-form input[type=time],
.truebooker-form input[type=url],
.truebooker-form input[type=week],
.truebooker-form textarea,
.truebooker-form select {
padding: 6px 25px;
width: 100%;
border-radius: var(--tba-radius-8px);
font-weight: normal;
background-color: #fff;
font-size: 15px;
outline: none;
line-height: inherit;
color: var(--tba-body-color);
border: 1px solid var(--tba-bordercolor);
margin-bottom:25px;
}
.tba-form-field {
padding-bottom: 0 !important;
}
.tbook-address-button {
display: inline-block;
}
.truebooker-form .tbook-address-button input[type="submit"]:hover {
background: var(--tba-cl-black);
}
.truebooker-form h3.myaccount_title {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin-top: 0;
}
:where(.wp-site-blocks *:focus) {
outline-width: 0 !important;
}
.truebooker-form input[type=date],
.truebooker-form input[type=datetime-local],
.truebooker-form input[type=datetime],
.truebooker-form input[type=email],
.truebooker-form input[type=month],
.truebooker-form input[type=number],
.truebooker-form input[type=password],
.truebooker-form input[type=search],
.truebooker-form input[type=tel],
.truebooker-form input[type=text],
.truebooker-form input[type=time],
.truebooker-form input[type=url],
.truebooker-form input[type=week],
.truebooker-form select {
height: 55px;
}
.truebooker-form input[type=date]:focus,
.truebooker-form input[type=datetime-local]:focus,
.truebooker-form input[type=datetime]:focus,
.truebooker-form input[type=email]:focus,
.truebooker-form input[type=month]:focus,
.truebooker-form input[type=number]:focus,
.truebooker-form input[type=password]:focus,
.truebooker-form input[type=search]:focus,
.truebooker-form input[type=tel]:focus,
.truebooker-form input[type=text]:focus,
.truebooker-form input[type=time]:focus,
.truebooker-form input[type=url]:focus,
.truebooker-form input[type=week]:focus,
.truebooker-form textarea:focus,
.truebooker-form select:focus {
border-color: var(--tba-bordercolor);
outline: none;
box-shadow: unset;
}
.truebooker-form span.select2-selection.select2-selection--single:focus {
border-color: var(--tba-bordercolor);
outline: none;
box-shadow: unset;
}
.tba-service-duration {
display: flex;
}
.tba-service-duration input#dvalue {
-ms-flex: 1 1 auto;
flex: 0 0 65%;
margin-right: 15px;
}
.truebooker-form textarea {
margin-top: 0;
}
.truebooker-form input[type=datetime-local] {
min-height: auto;
}
.tba-form-field {
padding-bottom: 18px;
}
.truebooker-form .tba-button {
background-color: var(--tba-cl-dark);
border: none;
color: var(--tba-cl-white);
border-radius: var(--tba-radius-10px);
padding: 0 30px;
cursor: pointer;
-webkit-transition: .1s;
transition: .1s;
margin-top: 33px;
height: 40px;
line-height: 40px;
font-size: 15px;
font-family: var(--tba-font-family);
font-weight: 400;
text-transform: capitalize;
}
.tba-button:hover {
background-color: var(--tba-cl-black);
}
.button-top-sp {
margin-top: 28px;
}
.tba-page-heading {
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 15px;
}
.tba-details-tbl-wraper {
background-color: var(--tba-cl-white);
border-radius: var(--tba-radius-10px);
padding: 30px 35px;
margin-top: 65px;
}
.tba-form-field .error.front-er {
font-size: 14px;  color: red;
width: 100%;
top: auto;
left: 15px;
}
.tbab-deliveryaddress .tba-form-field .select2-container {
display: block;
}
.truebooker-form span.select2-selection.select2-selection--single {
background: var(--tba-cl-white);
height: 55px;
border: 1px solid;
border-color: var(--tba-bordercolor);
border-radius: var(--tba-radius-10px);
overflow: hidden;
}
.truebooker-form .select2-selection__rendered {
line-height: 40px !important;
color: var(--tba-body-color) !important;
background-color: var(--tba-cl-white);
font-size: 15px !important;
}
.mailsent.tba-popconfirm {
top: -45px;
} .ui-timepicker-container {
position: absolute;
overflow: hidden;
box-sizing: border-box;
}
.ui-timepicker {
box-sizing: content-box;
display: block;
height: 210px;
list-style: none outside none;
margin: 0;
padding: 0 1px;
text-align: center;
}
.ui-timepicker-viewport {
box-sizing: content-box;
display: block;
height: 210px;
margin: 0;
padding: 0;
overflow: auto;
overflow-x: hidden; }
.ui-timepicker-standard {
background-color: var(--tba-cl-white);
border-radius: var(--tba-radius-10px);
color: var(--tba-cl-black);
margin: 0;
padding: 0;
z-index: 7 !important;
box-shadow: 0px 0 15px rgba(0,0,0,0.08);
}
.ui-timepicker-standard a {
color: var(--tba-body-color);
display: block;
padding: 10px 0;
text-decoration: none;
background-color: var(--tba-cl-white);
font-size: 14px;
text-align: left;
padding-left: 15px;
}
.ui-timepicker-standard .ui-state-hover { background-color: var(--tba-cl-dark);
font-weight: normal;
color: var(--tba-cl-white);
}
.ui-timepicker-standard .ui-menu-item {  margin: 0;
padding: 0;
}
.ui-timepicker-corners,
.ui-timepicker-corners .ui-corner-all {
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.ui-timepicker-hidden { display: none;
}
.ui-timepicker-no-scrollbar .ui-timepicker {
border: none;
}
.ui-datepicker {
background: var(--tba-cl-white);
border-radius: 15px;
box-shadow: 0px 20px 40px rgba(59,60,56,0.05);
z-index: 8 !important;
}
.ui-datepicker table tbody tr, .ui-datepicker table thead tr, .ui-datepicker table tbody td, .ui-datepicker table tbody th {
border: 0;
padding: 0;
}
.ui-datepicker table th {
border: 0;
padding: 0;
border-right: 0;
color: inherit;
}
.ui-datepicker-header {
height: 45px;
line-height: 45px;
color: var(--tba-cl-white);
background: var(--tba-cl-skin);
margin-bottom: 12px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
width: 20px;
height: 20px;
text-indent: 9999px;
border-radius: 100%;
cursor: pointer;
overflow: hidden;
margin-top: 15px;
}
.ui-datepicker-prev {
float: left;
margin-left: 12px;
}
.ui-datepicker-prev:after {
transform: rotate(45deg);
margin: -43px 0px 0px 8px;
}
.ui-datepicker-next {
float: right;
margin-right: 12px;
}
.ui-datepicker-next:after {
transform: rotate(-135deg);
margin: -43px 0px 0px 6px;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
content: '';
position: absolute;
display: block;
width: 8px;
height: 8px;
border-left: 2px solid var(--tba-cl-white);
border-bottom: 2px solid var(--tba-cl-white);
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
border-color: var(--tba-cl-black);
}
.ui-datepicker-title {
text-align: center;
font-size: 20px;
}
.ui-datepicker-calendar {
width: 100%;
text-align: center;
margin: 0;
}
.ui-datepicker-calendar thead tr th span {
display: block;
width: 45px;
color: var(--tba-cl-black);
margin-bottom: 5px;
font-size: 15px;
text-align: center;
}
.ui-datepicker-calendar .ui-state-default {
display: block;
text-decoration: none;
color: var(--tba-cl-black);
line-height: 45px;
font-size: 14px;
border-radius: var(--tba-radius-50px);
transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-datepicker-calendar .ui-state-default:hover {
color: var(--tba-cl-white);
background:var(--tba-cl-dark);
transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-datepicker-calendar .ui-state-highlight {
color: var(--tba-cl-white);
background-color: var(--tba-cl-black);
border-radius: var(--tba-radius-50px);
}
.ui-datepicker-calendar .ui-state-active {
color: var(--tba-cl-white);
background-color:var(--tba-cl-dark);
border-radius: var(--tba-radius-50px);
}
.ui-datepicker-unselectable .ui-state-default {
color: #c2c2c2;
}
.ui-datepicker-unselectable .ui-state-default:hover {
color: var(--tba-cl-white);
}
.tba-time-duration {
display: flex;
}
.truebooker-form .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 38px;
right: 0;
}
.truebooker_form_style2 .select2-container, .truebooker_form_style1 .select2-container {
width: 100% !important;
}
.truebooker_form_default .truebooker-form .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 0;
}
.tba-modal {
position: fixed;
top: 20%;
left: 0;
right: 0;
margin: auto;
width: 31%;
background: #fff;
padding: 30px 15px;
z-index: 100;
transition: 0.5s ease-out;
transform: translateY(45px);
border-radius: var(--tba-radius-10px);
max-width: initial !important;
font-family: var(--tba-font-family);
display: none;
}
.tba-modal form {
padding: 0 15px;
font-family: var(--tba-font-family);
}
.tba-modal .tba-sum-user {
margin-top: 15px;
}
.tba-modal h5 {
margin-bottom: 0;
margin-top: 15px;
font-weight: 600;
font-size: 17px;
line-height: 28px;
color: var(--tba-cl-black);
text-transform: capitalize;
}
.tba-modal .tba-sum-service, .tba-modal .tba-sum-date {
margin-top: 15px;
}
.tba-modal .paymentbtn {
border-radius: var(--tba-radius-10px);
margin-top: 20px;
color: var(--tba-cl-white);
background-color: var(--tba-cl-dark);
font-size: 16px;
line-height: 26px;
display: inline-block;
text-decoration: none;
font-weight: 500;
padding: 10px 35px 10px;
border: 1px solid transparent;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
cursor: pointer;
outline: none !important;
-webkit-font-smoothing: antialiased;
font-family: var(--tba-font-family);
background-image: none;
text-shadow: unset;
box-shadow: unset;
}
.tba-modal .paymentbtn:hover {
background-color:var(--tba-cl-black);
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.tba-mask {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.8);
z-index: 50;
transition: 0.7s;
}
.close {
position: absolute;
top: 0;
right: 0;
width: 35px;
height: 30px;
background: #000;
color: #fff;
cursor: pointer;
border: 0;
}
.tba-close {
z-index: 99;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
color: var(--tba-cl-white);
background-color: var(--tba-cl-black);
height: 20px;
width: 20px;
text-align: center;
line-height: 20px;
font-size: 12px;
border-radius: 50%;
}
.tba-close:hover {
background-color: var(--tba-cl-dark);
}
.truebooker-popup-summary h3 {
font-weight: 600;
font-size: 30px;
line-height: 40px;
color: var(--tba-cl-black);
margin-top: 0px;
margin-bottom: 12px;
}
.truebooker-popup-summary span {
color: var(--tba-body-color);
font-weight: 400;
font-size: 16px;
line-height: 26px;
}
.tba_paybtns {
z-index: 9;
display: inline-block;
vertical-align: top;
}
.tba_paybtns ul {
margin: 0;
padding: 0;
list-style: none;
}
.tba_paybtns ul li {
display: inline-block;
vertical-align: top;
margin-left: 10px;
}
.tba_paybtns ul li a.paymentbtn {
margin-top: 0;
}
.truebooker .iti--separate-dial-code .iti__selected-dial-code {
font-size: 14px;
color: var(--tba-body-color);
}
.truebooker .truebooker_form_ {
position: relative;
padding-top: 50px;
max-width: 1100px!important;
margin: 0 auto!important;
font-family: var(--tba-font-family);
} .tba-front-tab-menu--item svg {
width: 18px;
height: 18px;
}
.tba-front-tabs {
display: flex;
gap: 30px;
min-height: 550px;
}
.truebooker_form_style .tba-front-ser-card-wrap {
position: relative;
background: var(--tba-gray);
border-radius: var(--tba-radius-10px);
padding: 25px 32px;
margin-bottom: 15px;
float: left;
border: 1px solid transparent;
min-height: 139px;
}
.truebooker_form_style .tba-front-ser-card-wrap.active {
border: 1px solid var(--tba-bordercolor);
}
.truebooker_form_style .tba-front_card--title {
font-size: 14px;
font-weight: 400;
margin-bottom: 8px;
display: block;
color: var(--tba-body-color);
}
input#tba_front_user_subservice, input#tba_front2_user_subservice {
border: 0;
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
-webkit-appearance: none;
appearance: none;
outline: 0;
}
.truebooker_form_style ul.tba-front-tab-menu {
padding: 0;
margin: 0;
list-style: none;
float: none;
background-color: var(--tba-gray);
border-radius: var(--tba-radius-10px);
padding: 30px 30px;
flex-basis: 25%;
}
.truebooker_form_style a.tba-front-tab-menu--item {
border-radius: var(--tba-radius-10px);
padding: 15px 20px;
font-size: 14px;
line-height: normal;
font-weight: 500;
margin: 0;
margin-bottom: 10px !important;
transition: unset;
border: 1px solid var(--tba-bordercolor);
background-color: var(--tba-cl-white);
color: var(--tba-body-color);
display: flex;
text-decoration: unset;
pointer-events: none;
}
.fc .fc-scrollgrid-section table {
margin-bottom: 0;
}
.tba_booking_calendarbox table tbody tr, 
.tba_booking_calendarbox table thead tr {
border: 0;
}
.tba_booking_calendarbox .fc .fc-view-harness {
height: 440px !important;
background: #ffffff;
}
.truebooker_form_style a.tba-front-tab-menu--item svg {
margin-right: 10px;
}
.truebooker_form_style .nav-item.__tba-is-active a.tba-front-tab-menu--item svg path {
fill: #ffffff;
}
.truebooker_form_style .nav-item.__tba-is-active a.tba-front-tab-menu--item {
border: 1px solid var(--tba-cl-skin);
background-color: var(--tba-cl-skin);
color: var(--tba-cl-white);
}
.truebooker_form_style .nav-item:last-child a.tba-front-tab-menu--item {
margin-bottom: 0;
}
.truebooker_form_style .tba-front-heading {
font-size: 20px;
line-height: 28px;
margin-bottom: 20px;
display: block;
font-weight: 500;
margin-top: 0;
color: var(--tba-cl-black);
}
.truebooker_form_style span.tba-front-tm--item-icon {
margin-right: 10px;
}
.truebooker_form_style .tba-front-ser__card-heading {
font-weight: 500;
color: var(--tba-cl-black);
margin-bottom: 5px;
}
.truebooker_form_style span.tba-front-ser_card--title {
color: var(--tba-body-color);
font-size: 14px;
line-height: 20px;
}
.truebooker_form_style .tba-tab-content {
flex-basis: 75%;
position: relative;
margin: 0;
list-style: none;
background-color: var(--tba-gray);
border-radius: var(--tba-radius-10px);
padding: 0px 0px 80px 0px;
overflow: hidden;
border: 1px  solid var(--tba-bordercolor);
}
.truebooker_form_style .tba-front-ser_card-body-time {
margin-right: 15px;
}
.truebooker_form_style span.tba-front-ser_card-desc {
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-black);
}
.truebooker_form_style .tba-front-ser_card {
display: inline-block;
}
.truebooker_form_style .truebooker-form input[type=date], .truebooker_form_style .truebooker-form input[type=datetime-local], .truebooker_form_style .truebooker-form input[type=datetime], .truebooker_form_style .truebooker-form input[type=email], .truebooker_form_style .truebooker-form input[type=month], .truebooker_form_style .truebooker-form input[type=number], .truebooker_form_style .truebooker-form input[type=password], .truebooker_form_style .truebooker-form input[type=search], .truebooker_form_style .truebooker-form input[type=tel], .truebooker_form_style .truebooker-form input[type=text], .truebooker_form_style .truebooker-form input[type=time], .truebooker_form_style .truebooker-form input[type=url], .truebooker_form_style .truebooker-form input[type=week], .truebooker_form_style .truebooker-form select , .truebooker_form_style .truebooker-form textarea {
background-color: var(--tba-gray); 
}
.truebooker_form_style #tba_front_content4 .tba-front-ser-card {
display: inline-block;
vertical-align: top;
background-color: var(--tba-gray);
padding: 25px 30px 20px;
border-radius: var(--tba-radius-10px);
width: 100%;
}
.truebooker_form_style #tba_front_content4 .tba-front-ser-card h4 {
margin-top: 0;
margin-bottom: 15px;
font-size: 16px;
line-height: 26px;
}
.truebooker_form_style ul.tba_summarybox {
margin: 0;
padding: 0;
list-style: none;
}
.truebooker_form_style ul.tba_summarybox li.tba_summarybox_item {
display: flex;
border-bottom: 1px solid var(--tba-bordercolor) !important;
margin-bottom: 10px;
}
.truebooker_form_style ul.tba_summarybox .tba_summarybox_details {
font-size: 14px;
color: var(--tba-body-color);
flex: 1;
text-align: right;
}
.truebooker_form_style #tba_front_content4 .tba-front_card--title {
font-size: 14px;
font-weight: 500;
margin-bottom: 8px;
display: block;
flex: 1;
}
.truebooker_form_style ul.tba_summarybox li.tba_summarybox_item:last-child {
border: 0 !important;
margin-bottom: 0;
}
.tba_summarybox_details #tba-front-ser-price {
color: var(--tba-cl-black);
font-weight: 500;
font-size: 15px;
}
.tba_print_summary_main_wrap {
display: none;
} .tba-front-branch-item .truebooker_branch_cats {
display: flex;
gap: 14px;
flex-flow: wrap;
justify-content: space-between;
}
.tba-front-branch-item input#truebooker_branch,
.tba-front-department-item input#truebooker_department,
.tba-front-category-item .truebooker_category_cats input.truebooker_category,
.tba-front-service-item input.truebooker_service,
.tba-front-staff-item input#truebooker_staffmember_id {
opacity: 0;
position: absolute;
}
.tba-front-branch-item .tba-front-branch-card-wrapper {
border-radius: var(--tba-radius-8px);
padding: 20px;
border: 1px solid var(--tba-bordercolor);
background-color: var(--tba-cl-white);
display: inline-block;
width: 49%;
cursor: pointer;
}
.tba-front-branch-item .tba-front-branch-card-wrapper.tba_active_branch {
border-color: var(--tba-cl-skin);
background-color: var(--tba-active-skin);
}
.tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox {
display: flex;
align-items: center;
gap: 15px;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox .tba_branchlogo img {
max-width: 60px;
height: 60px;
border-radius: var(--tba-radius-8px);
}
.tba-front-branch-item .image-titlebox .tba_title h4 {
font-size: 16px;
line-height: 26px;
font-weight: 500;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box {
padding-top: 20px;
font-size: 14px;
line-height: 26px;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box .tba_branchphone {
color: var(--tba-cl-dark);
font-weight: 500;
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box .tba_branchaddress {
padding-top: 15px;
color: var(--tba-body-color);
}
.tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box .tba_branchemail {
color: var(--tba-body-color);
word-break: break-all;
}
.truebooker_form_style .tba_next_prevbtn {
display: block;
position: absolute;
background: #ffffff;
width: 100%;
top: auto;
bottom: 0;
left: 0;
right: 0;
text-align: right;
padding: 20px 20px;
border-top: 1px  solid var(--tba-bordercolor);
}  .tbab_departmentcontent .tba-front-department-card-wrapper {
border-radius: var(--tba-radius-8px);
padding: 5px 15px;
border: 1px solid var(--tba-bordercolor);
background-color: var(--tba-cl-white);
display: inline-block;
cursor: pointer;
margin-bottom: 8px;
}
.tbab_departmentcontent .tba-front-department-card-wrapper.tba_active {
border-color: var(--tba-cl-skin);
background-color: var(--tba-active-skin);
}
.tbab_departmentcontent .department-titlebox h4 {
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin: 0;
color: var(--tba-body-color) !important;
}
.tbab_departmentcontent .tba-front-department-card-wrapper.tba_active .department-titlebox h4 {
color: var(--tba-cl-dark) !important;
} .truebooker-form h4.tba-front-tab-title {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin-bottom: 20px;
margin-top: 0;
margin-left: 7px;
} .categorybox {
border-radius: var(--tba-radius-8px);
padding: 5px 15px;
border: 1px solid var(--tba-bordercolor);
background-color: var(--tba-cl-white);
display: inline-block;
cursor: pointer;
margin-bottom: 5px;
}
.tba-front-category-item .categorybox.tba_active {
border-color: var(--tba-cl-skin);
background-color: var(--tba-active-skin); }
.tba-front-category-item span.catename {
font-size: 14px;
font-weight: 500;
line-height: 26px;
margin: 0;
color: var(--tba-body-color) !important;
display: block;
}
.tba-front-category-item .categorybox.tba_active span.catename{
color: var(--tba-cl-dark) !important;
}
#tbab_service .tbab_categorybox {
margin-bottom: 30px;
}
.tbab_serviceboxhtml .truebooker_service_cats {
display: flex;
gap: 14px;
flex-flow: wrap;
margin-bottom: 30px;
margin-left: 0px;
}
.tbab_serviceboxhtml .tba-front-service-card-wrapper {
border-radius: var(--tba-radius-8px);
padding: 15px;
border: 1px solid var(--tba-bordercolor);
background-color: var(--tba-cl-white);
display: inline-block;
width: 32%;
cursor: pointer;
}
.tbab_serviceboxhtml .tba-front-service-card-wrapper.tba_active {
border-color: var(--tba-cl-skin);
background-color: var(--tba-active-skin);
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox {
text-align: center;
margin: 0 auto;
overflow: hidden;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_titlebox h4 {
font-size: 16px;
line-height: 26px;
font-weight: 500;
margin: 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_titlebox {
padding-top: 20px;
min-width: 0;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
overflow: hidden;
max-width: 213px;
width: 100%;
height: 213px;
object-fit: cover;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_hour_box {
font-size: 14px;
line-height: 26px;
color: var(--tba-cl-dark);
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_price_box svg {
overflow: visible;
margin-right: 7px;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_hour_box svg{
overflow: visible;
margin-right: 3px;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_price_box span {
color: var(--tba-cl-dark);
font-size: 14px;
line-height: 26px;
padding: 0;
border-radius: var(--tba-radius-8px);
font-weight: 500;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_price_box span svg path {
stroke: var(--tba-cl-dark);
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box {
display: flex;
align-items: center;
gap: 15px;
margin-top: 10px;
}
.truebooker_service_cats {
font-size: 14px;
}
.tbab_subservicebox  h4.tba-subservice-title {
font-size: 16px;
line-height: 28px;
font-weight: 500;
margin-top: 0;
margin-bottom: 15px;
}
#tbab_service .tbab_subservicebox {
background: var(--tba-cl-white);
border: 1px solid var(--tba-bordercolor);
padding: 30px;
border-radius: var(--tba-radius-15px) 0  0 var(--tba-radius-15px);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 482px;
width: 100%;
height: 90%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1); display: flex;
flex-direction: column;
overflow: hidden;
z-index: 11;
opacity: 0;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
-webkit-transform: translate(105%, 0);
-moz-transform: translate(105%, 0);
-o-transform: translate(105%, 0);
transform: translate(105%, 0);
}
.tbab_subserviceboxhtml {
flex: 1;
min-height: 0;  
overflow-y: auto;
padding-bottom: 50px;  
}
#tbab_service .tbab_subservicebox.active {
right: -2px;
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
}
.tbab_subserviceboxhtml .tba-front-subservice-card-wrapper {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
gap: 15px;
}
.tbab_subserviceboxhtml .tba-subservice-leftcolumn {
display: flex;
gap: 15px;
}
.tbab_subserviceboxhtml .tba-subservice-leftcolumn input[type="checkbox"],
.tbab_subserviceboxhtml .tba-subservice-leftcolumn input[type="radio"] {
width: 15px;
height: 15px;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-title {
text-transform: capitalize;
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--tba-cl-dark);
display: block;        
max-width: 310px;        
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice {
font-size: 14px;
line-height: 26px;
color: #888B92;
text-transform: capitalize;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice span.price {
color: var(--tba-cl-dark);
font-weight: 500;
}
.truebooker-form .tba-subservice-rightcolumn input[type=number] {
margin-bottom: 0;
}
#tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input {
width: 100%;
position: relative;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn  button.plusnumber, 
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn  button.minusnumber {
background-color: var(--tba-gray);
border: none;
border-radius: 5px;
padding: 9px;
box-shadow: unset;
color: var(--tba-cl-dark);
position: absolute;
width: 25px;
height: 25px;
display: flex;
align-items: center;
justify-content: center;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn button:hover {
background-color: var(--tba-cl-skin);
color: var(--tba-cl-white);
}
#tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn  button.plusnumber {
left: 10px;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn button.minusnumber{
right: 10px;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
text-align:center;
max-width: 250px !important;
width: 250px !important;
border: 1px solid rgba(228, 228, 228, 1);
border-radius: 8px;
padding: 10px 20px;
background: #fff;
height: 50px;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice span.timeuni {
padding-right: 10px;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice svg {
overflow: visible;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice .timeuni svg path { stroke: none !important;
}
#tbab_service .tbab_subservicebox .tba-subinfoconte .tba-subservice-timeprice .price svg path {
fill: none !important;
stroke: var(--tba-cl-dark);
}
.tba-front-subservice-item .tba_service_qty {
padding-top: 15px;
padding-bottom: 30px;
}
.truebooker-form .tba_service_qty .tba_qtybox label {
width: 100%;
display: block;
color: var(--tba-cl-dark);
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
font-weight: 500;
}
.tba-front-subservice-item .tba_qtybox {
display: flex;
justify-content: space-between;
align-items: center;
}
.tba-front-subservice-item  select#truebooker_service_qty {
margin-bottom: 0;
width: 100%;
max-width: 130px;
height: 50px;
border-radius: var(--tba-radius-8px);
}
#tbab_service .tbab_subservicebox .tba_buttongroup {
display: flex;
justify-content: end;
align-items: center;
gap: 15px;
}
#tbab_service .tbab_subservicebox .tba_buttonblock {
display: block;
position: absolute;
background: #ffffff;
width: 100%;
top: auto;
bottom: 0;
left: 0;
right: 0;
text-align: right;
padding: 20px 30px;
border-top: 1px solid var(--tba-bordercolor);
z-index: 9;
}
#tbab_service .tbab_subservicebox .tba_buttongroup button {
width: auto;
}
#tbab_service .tbab_subservicebox .tba_buttongroup button#trubooker_close {
padding: 0;
background: transparent;
color: var(--tba-cl-dark);
box-shadow: unset;
}
#tbab_service .tbab_subservicebox .tba_buttongroup button#trubooker_continue {
padding: 8px 50px 8px 20px;
position: relative;
transition: all ease 0.5s;
border-radius: var(--tba-radius-8px);
}
#tbab_service .tbab_subservicebox .tba_buttongroup button#trubooker_continue:before {
content: '';
position: absolute;
background-color: var(--tba-cl-white);
width: 25px;
height: 25px;
line-height: 25px;
top: 0px;
bottom: 0;
left: auto;
right: 20px;
margin: auto 0;
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/arrow.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/arrow.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}  .tba-front-staff-item .tba-front-staff-card-wrapper {
border-radius: var(--tba-radius-8px);
padding: 20px;
border: 1px solid var(--tba-bordercolor);
background-color: var(--tba-cl-white);
display: inline-block;
width: 32%;
cursor: pointer;
text-align: center;
}
.tba-front-staff-item .tba-front-staff-card-wrapper .tba_staffbox .tba_leftimag img {
width: 100%;
max-width: 250px;
}
.tba-front-staff-item .tba-front-staff-card-wrapper.tba_active {
border-color: var(--tba-cl-skin);
background-color: var(--tba-active-skin);
}
.tba-front-staff-item .truebooker_staff_cats {
display: flex;
gap: 15px;
flex-flow: wrap;
}
.tba-front-staff-item .tba_staffbox .tba_staffinfo h4 {
font-size: 16px;
line-height: 28px;
font-weight: 500;
margin: 0;
text-align: left;
}
.tba-front-staff-item .tba_staffbox span.tba_staffemail {
font-size: 14px;
line-height: 16px;
color: var(--tba-body-color);
display: block;
word-break: break-all;
padding-top: 5px;
text-align: left;
}
.tba-front-staff-item .tba_staffbox .tba_right.staff_content {
padding-top: 15px;
}
.tba_any_staff  .tba_leftimag {
width: 80px;
height: 80px;
background: var(--tba-cl-skin);
line-height: 80px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
text-align: center;
margin: 0 auto;
}
.tba-front-staff-card-wrapper.tba_any_staff {
display: flex;
justify-content: center;
align-items: center;
}  .tba_booking_calendarbox .fc .fc-toolbar {
display: inline-block;
align-items: center;
text-align: center;
margin-bottom: 15px !important;
}
.tba_booking_calendarbox .fc .fc-toolbar-title {
font-size: 16px;
line-height: 28px;
margin: 0;
}
.tba_booking_calendarbox button.fc-today-button.fc-button.fc-button-primary {
display: none;
}
.tba_booking_calendarbox .fc .fc-button-group {
vertical-align: middle;
width: 100%;
position: absolute;
top: 10px;
display: flex;
justify-content: space-between;
padding: 15px;
pointer-events: none;
right: 0;
left: 0;
margin: auto 0 !important;
}
.tba_booking_calendarbox button.fc-button.fc-button-primary {
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
-webkit-user-select: none;
user-select: none;
pointer-events: auto;
color: var(--tba-body-color);
width: 45px !important;
height: 45px;
background: transparent;
box-shadow: unset;
flex: unset;
border: 0;
}
.tba_booking_calendarbox .fc .fc-button-primary:not(:disabled):active:focus,
.tba_booking_calendarbox .fc .fc-button-primary:not(:disabled).fc-button-active:focus {
box-shadow: unset;
}
.tba_booking_calendarbox button.fc-button.fc-button-primary:active,
.tba_booking_calendarbox button.fc-button.fc-button-primary:hover{
color: var(--tba-cl-dark);
background-color: transparent;
}
.tba_booking_calendarbox .fc .fc-col-header-cell-cushion {
text-decoration: none;
font-size: 12px;
line-height: 26px;
font-weight: 600;
}
.tba_booking_calendarbox  table.fc-scrollgrid.fc-scrollgrid-liquid {
border-radius: var(--tba-radius-8px);
overflow: hidden;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse;
align-items: center;
justify-content: center;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-top a {
text-decoration: none;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-number {
font-size: 14px;
color: var(--tba-body-color);
}
td.fc-daygrid-day.fc-day.fc-day-future.fc-day-other .fc-daygrid-day-number {
color: var(--tba-body-color);
opacity: 0.5;
}
.tba_booking_calendarbox .fc .fc-daygrid-day.fc-day-today{
background-color: transparent;
cursor: pointer;
}
.tba_booking_calendarbox .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
border-color: #ccdbee;
background-color: #E6F1FF;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-frame {
display: flex;
align-items: center;
justify-content: center;
padding: 0px;
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
max-height: 100%;
min-height: 55px;
}
table.fc-scrollgrid-sync-table {
background: #ffffff;
}
.tba_booking_calendarbox .disabled-date .fc-daygrid-day-frame {
background-color: var(--tba-gray) !important;
cursor: not-allowed;
}
.tba_booking_calendarbox th.fc-col-header-cell.fc-day {
background: var(--tba-cl-white);
}
.tba_booking_calendarbox .fc .fc-day.disabled-date .fc-daygrid-day-number {
color: #BEBFC0;
}
.tba_booking_calendarbox .fc .fc-day-other .fc-daygrid-day-top {
opacity: 1;
}
td.fc-daygrid-day.fc-day.fc-day-future {
cursor: pointer;
}
.tba_booking_calendarbox td.fc-daygrid-day.fc-day {
padding: 5px;
border: 0;
}
.tba_booking_calendarbox .fc .fc-highlight {
border: 1px solid var(--tba-cl-skin);
background-color: var(--tba-active-skin);
border-radius: var(--tba-radius-8px);
}
.fc-daygrid-day.fc-day-past.fc-day-other.disabled-date {
opacity: 0;
} .tba_booking_timeslot {
background: var(--tba-cl-white);
border: 1px solid var(--tba-bordercolor);
padding: 30px;
position: absolute;
border-radius: var(--tba-radius-8px);
right: 0;
top: 72px;
bottom: 0;
max-width: 600px;
width: 100%;
height:440px;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
overflow-y: auto;
z-index: 11;
opacity: 0;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
-webkit-transform: translate(105%, 0);
-moz-transform: translate(105%, 0);
-o-transform: translate(105%, 0);
transform: translate(105%, 0);
}
.tba_booking_timeslot.active{
right: 32px;
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
}
.tba_hourwith_pricedrop {
width: 100%;
}
.truebooker_form_style .truebooker-form .tba_hourwith_pricedrop select {
margin-bottom: 15px;
}
.tba_booking_timeslot .tba-front-timeslot-card-wrapper {
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
padding: 10px 15px;
background: var(--tba-gray);
position: relative;
width: 48.5%;
}
.tba_booking_timeslot .tba-front-timeslot-card-wrapper.disable {
cursor: not-allowed;
pointer-events: none;
}
.tba_booking_timeslot .tba-front-timeslot-card-wrapper.available.tba_active {
border-color: var(--tba-cl-skin);
background-color: var(--tba-active-skin);
}
.tba_booking_timeslot .tba_slot-time {
display: flex;
gap: 15px;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 5px;
margin-bottom: 10px;
}
.tba_booking_timeslot span.tba_slottime {
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--tba-body-color);
}
.tba_booking_timeslot .tba_slotprice {
display: flex;
gap: 15px;
justify-content: space-between;
align-items: center;
font-size: 13px;
line-height: 24px;
color: var(--tba-body-color);
}
.tba_booking_timeslot span.tba_price {
font-weight: 500;
}
.tba_booking_timeslot .tba_slotprice p {
margin-bottom: 0;
}
.tba_booking_timeslot .truebooker_timeslot_cats {
display: flex;
flex-wrap: wrap;
gap: 15px;
justify-content: space-between;
}
.tba_slot-time input[type="checkbox"],
.tba_slot-time input[type="radio"] {
width: 20px;
height: 20px;
border-color: var(--tba-bordercolor);
accent-color: var(--tba-cl-skin);
}
input[type="checkbox"]:focus, 
input[type="radio"]:focus {
outline-width: 0;
} 
.tba_timeslot_item .tba_buttongroup button {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
background: var(--tba-gray);
width: 38px;
height: 38px;
line-height: 38px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;    
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
}
.tba_timeslot_item_box  h4.tba-timeslot-title {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tba_timeslot_item_box {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}   .tbab_cart-main-heading .tbab_cart-title {
display: -webkit-inline-box;
gap: 15px;
align-items: center;
padding: 0 !important;
margin: 15px 0;
}
.tbab_cart-main-heading .tbab_cart-title label {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin-bottom: 0;
color: var(--tba-cl-dark);
width: auto;
}
.tbab_cart-main-heading span.cart_item_list {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tbab_cart-main-heading span.cart_items {
font-size: 14px;
line-height: 28px;
font-weight: 400;
color: var(--tba-cl-dark);
padding-left: 3px;
}
.tbab_cart-main-heading .tbab_cart-addservice button:hover {
background: var(--tba-cl-dark);
color: var(--tba-cl-white);
}
.tbab_cart-main-heading .tbab_cart-addservice button svg {
margin-right: 7px;
overflow: visible;
}
.tbab_cart-main-heading .tbab_cart-addservice button:hover svg path {
stroke: var(--tba-cl-white);
}
.tbab_cart-main-heading .tbab_cart-addservice {
padding: 0 !important;
}
.tbab_cart-main-heading .tbab_cart-addservice button {
background: var(--tba-gray);
color: var(--tba-cl-dark);
box-shadow: unset;
border: 2px solid var(--tba-cl-black);
font-weight: 500;
width: auto;
float: right;
border-radius: var(--tba-radius-8px);
padding: 12px 30px 10px;
}
#tbab_cart .tba_cart_box {
padding-top: 20px;
position: relative;
width: 100%;
display: inline-block;
}
#tbab_cart .tba_cart_box .tba_cart_data {
border-spacing: 0px 2px;
width: 100%;
}
#tbab_cart .tba_cart_box .tba_cart_data tr {
background: var(--tba-cl-white);
position: relative;
border-top: 1px solid var(--tba-bordercolor) !important;
display: table;
margin-bottom: 0;
width: 100%;
border: 0;
}
#tbab_cart .tba_cart_box .tba_cart_data tr:last-child {
border-bottom: 1px solid var(--tba-bordercolor);
}
.tba_cart_data .tba_cart_image {
position: relative;
overflow: hidden;
}
.tba_cart_data .tba_cart_image img {
width: 40px;
height: 40px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;
}
.tba_cart_data .tba_cart_subtitle {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
text-transform: capitalize;
width: 230px;
}
.tba_cart_data  .tba_cart_datetime {
font-size: 14px;
line-height: 26px;
color: var(--tba-cl-dark);
}
.tba_cart_data .tba_cart_price {
font-size: 14px;
line-height: 26px;
font-weight: 600;
color: var(--tba-cl-dark);
padding-right: 20px;
text-align: right;
}
.tba_cart_data .tba_cart_price span.totalpriceamount {
color: var(--tba-body-color);
font-weight: 400;
}
.tba_cart_data  td.hover_button {
font-size: 14px;
line-height: 1;
}
td.hover_button {
display: inline-flex;
position: absolute;
gap: 15px;
background: #fff;
padding: 10px 15px;
box-shadow: 1px 1px 20px var(--tba-bordercolor);
opacity: 0;
cursor: pointer;
border-radius: 8px;
align-items: center;
right: 30px;
left: auto;
top: 10px;
bottom: 10px;
margin: auto 0;
}
.tba_cart_data tr:hover td.hover_button {
opacity: 1;
}
.tba_cart_data td {
padding: 10px 10px;
border: 0;
}
.tba_cart_data td:first-child {
padding-left: 20px;
}
#tbab_cart .tab_cart_box_total {
display: flex;
align-items: center;
margin-top: 10px;
}
.truebooker-form #tbab_cart .tab_cart_box_total label {
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
}
.truebooker-form #tbab_cart .tab_cart_box_total span.deposite_txt {
color: var(--tba-body-color);
font-weight: 400;
padding: 0 5px;
}
#tbab_cart .tab_cart_box_total span.cart_total{
font-size: 16px;
line-height: 28px;
color: var(--tba-cl-dark);
font-weight: 500;
}
#tbab_cart .tab_cart_box_total .deposite_amount {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
font-weight: 400;
padding-left: 5px;
}
.tba_cart_data td.tba_cart_details {
cursor: pointer;
width: 55px;
}
.tba_cart_data td.tba_cart_details .tba_open_model i {
display: block;
}
.tba_cart_details_extra {
background: var(--tba-gray);
border: 1px solid var(--tba-bordercolor);
padding: 30px;
border-radius: var(--tba-radius-15px) 0 0 var(--tba-radius-15px);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
max-width: 482px;
width: 100%;
height: 90%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
overflow-y: auto;
z-index: 999999;
opacity: 0;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
-webkit-transform: translate(105%, 0);
-moz-transform: translate(105%, 0);
-o-transform: translate(105%, 0);
transform: translate(105%, 0);
}
#tbab_cart .tba_cart_details_extra.active {
right: -2px;
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
}
.tba_cart_details_extra .tba_booking_info_tab .tba_staffbox_info {
gap: 15px;
display: flex;
align-items: center;
}
.tba_booking_info_tab .tba_staffbox_info .tba_staff_avtar img {
border-radius: 50%;
width: 70px;
height: 70px;
}
.tba_booking_info_tab  .tba_basic_content_info.row {
margin: 20px 0 !important;
}
.tba_cart_details_extra .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_member {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
}
.tba_cart_details_extra .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_name {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tba_booking_info_tab  .tba_basic_content_info label.tba_cart-extra-title {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
margin-bottom: 0;
}
.tba_booking_info_tab .tba_basic_content_info .tba_cart-extra-field {
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tba_booking_info_tab .tba_basic_content_box .row {
margin-bottom: 15px;
}
.tba_booking_info_card .tba_service_card span.tba_service_name {
display: block;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tba_booking_info_card .tba_service_card span.tba_service_price {
font-size: 14px;
line-height: 26px;
color: var(--tba-cl-dark);
font-weight: 500;
background: #E6F1FF;
border-radius: var(--tba-radius-8px);
padding: 2px 10px;
display: inline-block;
}
.tbab_cartextra_subservice label {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tbab_cartextra_subservice {
margin-top: 15px;
border-bottom: 1px solid var(--tba-bordercolor);
margin-bottom: 25px;
padding-bottom: 15px;
}
td.tbab_cart_subservice_price {
text-align: right;
}
table.tbab_cart_subservice_box {
width: 100%;
line-height: 26px;
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-dark);
}
td.tbab_cart_subservice_name {
line-height: 26px;
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-dark);
width: 250px;
}
.tba_cart_details_extra .tba_booking_info_booked {
display: flex;
justify-content: space-between;
align-items: center;
background: var(--tba-cl-white);
padding: 10px 20px;
border-radius: var(--tba-radius-8px);
border: 1px solid var(--tba-bordercolor);
margin-bottom: 30px;
gap: 15px;
}
.tba_cart_details_extra .tba_booking_info_booked .tba_service_card {
display: flex;
gap: 15px;
align-items: center;
}
.tba_booking_info_booked .tba_buttongroup button {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
background: var(--tba-gray);
width: 38px;
height: 38px;
line-height: 38px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
}  .tba-front-default-card .tba-form-field label.tba-front_card--title {
color: var(--tba-body-color);
}
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=text],
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=email],
.truebooker_form_style .tba-front-default-card .tba-form-field textarea,
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=password],
.truebooker_form_style .tba-front-default-card .tba-form-field select,
.truebooker_form_style .tba-front-default-card .tba-form-field input[type=tel]{
background-color: var(--tba-cl-white);
border-radius: var(--tba-radius-8px);
}
.tba-form-field.col-lg-6.col-md-6.col-sm-12.truebooker__phone {
margin-bottom: 25px;
}  @media print {
.truebooker_form_style ul.tba_summarybox {
margin: 0;
padding: 0;
list-style: none;
} 
}
.btn.stripe_pay {
background-color: #5469D4;
border-radius: var(--tba-radius-8px);
padding: 0 60px;
height: 40px;
border: none;
font-size: 0;
color: var(--tba-cl-white) !important;
background-image: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/stripe.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.btn.stripe_pay:active, .btn.stripe_pay:focus, .btn.paypal_pay:active, .btn.paypal_pay:focus {
-webkit-box-shadow: unset;
box-shadow: unset;
outline: 0;
}
.btn.paypal_pay {
background-color: transparent;
border-radius: var(--tba-radius-10px);
padding: 0 60px;
height: 40px;
margin-top: 10px;
border: none;
font-size: 0;
color: var(--tba-cl-white) !important;
border: 1px solid #0070E0;
background-image: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/paypal.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
}
.tba_payment_option {
display: block !important;
}
.truebooker_form_default .truebooker-form .select2-selection__rendered {
background: transparent;
}
.truebooker__phone .iti, .truebooker_f_phone .iti, .truebooker_f2_phone .iti {
width: 100%;
}
@media (max-width: 479px) {
.tba-modal {
width: 300px;
height: 500px;
}
.tba_paybtns {
margin-left: 180px;
}
.tba-modal .paymentbtn {
font-size: 14px;
padding: 10px 25px 10px;
}
}
@media (max-width: 359px) {
.ui-datepicker {
width: 280px;
}
.ui-datepicker-calendar thead tr th span {
width: 40px;
}
.tba-modal {
width: 280px;
}
}
.tba-form-field.tba_payment_option {
position: relative;
}
.truebooker-form .tba_select_icon {
position: relative;
}
.truebooker-form .tba_select_icon:before {
content: "\f107";
font-family: 'fontawesome';
font-size: 15px;
height: 15px;
width: 15px;
display: block;
position: absolute;
right: 15px;
margin-top: 18px;
z-index: 2;
}
.truebooker-form select {
appearance: none;
padding-right: 40px;
z-index: 1;
position: relative;
background: #ffffff;
}
.truebooker_form_style .truebooker-form select {
background: transparent;
}
.tba-tab-content .tba-front-tabs--panel-body {
display: none;
}
.tba-tab-content .tba-front-tabs--panel-body.__tba-is-active {
display: block;
}
.truebooker_form_style .tba_next_prevbtn .btn {
border-radius: var(--tba-radius-8px);
padding: 8px 28px;
font-size: 15px;
line-height: 26px;
margin: 0;
transition: all ease 0.5s;
background-color: var(--tba-cl-skin);
color: var(--tba-cl-white);
box-shadow: 0 4px 8px rgba(43, 79, 255, 0.06), 0 8px 16px rgba(255, 255, 255, 0.16);
text-decoration: none;
position: relative;
display: inline-block;
}
.truebooker_form_style .tba_next_prevbtn .btn:before {
content: '';
position: absolute;
background-color: var(--tba-cl-dark);
width: 25px;
height: 25px;
line-height: 25px;
top: 0px;
bottom: 0;
left: auto;
right: 20px;
margin: auto 0;
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/arrow.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/arrow.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.truebooker_form_style .tba_next_prevbtn .btn#btnNext:before,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextStaff:before,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextDepartment:before,
.truebooker_form_style .tba_next_prevbtn .btnBookAppointment:before {
background-color: var(--tba-cl-white);
}
.truebooker_form_style .tba_next_prevbtn .btn#btnNext,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextStaff,
.truebooker_form_style .tba_next_prevbtn .btn.btnNextDepartment,
.truebooker_form_style .tba_next_prevbtn .btnBookAppointment{
padding-right: 50px;
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious {
padding-right: 0;
color: var(--tba-cl-dark);
padding-left: 30px;
background-color: transparent;
box-shadow: unset;
margin-right: 15px;
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious:before {
top: 0px;
bottom: 0;
left: 0px;
right: auto;
transform: rotate(180deg);
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious:hover {
background-color: transparent;
color:var(--tba-cl-skin);
}
.truebooker_form_style .tba_next_prevbtn .btn.btnPrevious:hover:before{
background-color:var(--tba-cl-skin);
}
.truebooker_form_style .tba_next_prevbtn .btn:hover { background-color: var(--tba-cl-black);
color: var(--tba-cl-white);
}
.truebooker_form_style #truebooker_service_cats {
margin: 0 -15px;
}
.truebooker_form_style .tba-front-ser-card-wrapper {
padding: 0 15px;
display: inline-block;
width: 33.3%;
}
.truebooker_form_style #truebooker_service_cats > h4 {
padding: 30px 15px 0;
}
.truebooker_form_style .tba_next_prevbtn .btn.nonactive {
cursor: not-allowed;
pointer-events: none;
opacity: 0.5;
}
.truebooker_form_style .btn.stripe_pay {
width: auto;
}
.truebooker_form_style #tba_section__payment_paypal_front {
width: auto;
padding: 0;
margin: 0 !important;
}
.truebooker_form_style .tba_next_prevbtn .btn[disabled] {
cursor: not-allowed;
pointer-events: auto;
} .truebooker_form_style .app-time {
border: 1px solid var(--tba-bordercolor);
padding: 20px 30px;
margin-top: -1px;
border-radius: var(--tba-radius-10px);
}
.truebooker_form_style .option-input {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
position: relative;
top: 5px;
right: 0;
bottom: 0;
left: 40px;
height: 20px;
width: 20px;
transition: all 0.15s ease-out 0s;
background: #fff;
border: 1px solid #999;
color: #fff;
cursor: pointer;
display: inline-block;
margin-right: 0.5rem;
outline: none;
position: relative;
z-index: 1000;
}
.truebooker_form_style .option-input:hover {
background: #e5e7eb;
}
.truebooker_form_style .option-input:checked {
border: 1px solid #fff;
}
.truebooker_form_style .option-input:checked::before {
color: var(--tba-cl-dark);
height: 40px;
width: 40px;
position: absolute;
content: "✔";
display: inline-block;
font-size: 12px;
left: 4px;
line-height: 20px;
}
.truebooker_form_style .option-input:checked::after {
-webkit-animation: click-wave 0.65s;
-moz-animation: click-wave 0.65s;
animation: click-wave 0.65s;
background: #40e0d0;
content: "";
display: block;
position: relative;
z-index: 100;
}
.truebooker_form_style .option-input.radio {
border-radius: 50%;
}
.truebooker_form_style .option-input.radio::after {
border-radius: 50%;
}
.truebooker_form_style .app-check {
display: flex;
}
.truebooker_form_style .app-border {
border: 1px solid var(--tba-bordercolor);
border-radius: 7px;
padding: 7px 7px 7px 9px;
padding-left: 40px;
min-height: 30px;
}
.truebooker_form_style .option-input.radio:checked + .app-border {
background: var(--tba-al-success);
}
.truebooker_form_style .option-input.radio:disabled,
.truebooker_form_style .option-input.radio:disabled + .app-border {
cursor: not-allowed;
opacity: 0.6;
}
.truebooker_form_style .app-label {
position: relative;
top: 5px;
margin-right: 10px;
}
.truebooker_form_style .tba-time-duration ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-wrap: wrap;
}
.truebooker_form_style .tba-front-timeslot-wrap {
position: relative;
background: var(--tba-gray);
border-radius: var(--tba-radius-10px);
padding: 10px 30px;
margin-bottom: 15px;
text-align: center;
border: 1px solid transparent;
flex: 1 0 30%;
margin-right: 15px;
font-size: 15px;
}
.truebooker_form_style input#tba_front_user_timeslot {
border: 0;
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
-webkit-appearance: none;
appearance: none;
outline: 0;
width: auto;
}
.truebooker_form_style .tba-front-timeslot-wrap.active input#tba_front_user_timeslot:checked{
border: 1px solid var(--tba-cl-dark);
border-radius: inherit;
}
.truebooker_form_style .tba-front-timeslot-wrap.active input#tba_front_user_timeslot:checked{
border: 1px solid var(--tba-cl-dark);    
}
.truebooker_form_style .tba-front-timeslot-wrap:last-child, .truebooker_form_style .tba-front-timeslot-wrap:nth-child(3n) {
margin-right: 0;
}
.truebooker_form_style .tba-front-timeslot-wrap.tba_added_time {
opacity: 0.5;
pointer-events: none;
} .truebooker_form_style2 .tba-front-tabs {
display: block;
}
.truebooker_form_style2 ul.tba-front-tab-menu {
margin-right: 0;
display: flex;
justify-content: center;
padding: 10px 0px;
background: transparent;
margin-bottom: 15px;
}
.truebooker_form_style2 a.tba-front-tab-menu--item {
margin-bottom: 0;
margin-right:10px;
padding: 15px 15px;
box-shadow: none;
font-size: 15px;
}
.truebooker_form_style input#tba_front2_user_timeslot {
border: 0;
position: absolute;
cursor: pointer;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: 0;
-webkit-appearance: none;
appearance: none;
}
.truebooker_form_style #tba_section__payment_paypal_front2 {
width: auto;
padding: 0;
margin: 0 !important;
float: none;
}
.truebooker_form_style2 .btn.paypal_pay {
width: auto;
}
.truebooker_form_style2 span.tba-front-tm--item-icon {
margin-right: 10px;
border: 1px solid var(--tba-bordercolor);
width: 32px;
min-width: 32px;
height: 32px;
min-height: 32px;
display: flex;
align-items: center;
justify-content: center;
border-radius: var(--tba-radius-5px);
font-size: 14px;
}
.truebooker_form_style2 .nav-item.__tba-is-active a.tba-front-tab-menu--item {
border: none;
box-shadow: unset;
}
.truebooker_form_style2 .nav-item.__tba-is-active a.tba-front-tab-menu--item span.tba-front-tm--item-icon {
border: 1px solid var(--tba-cl-dark);
background-color: var(--tba-cl-dark);
color: var(--tba-cl-white);
box-shadow: 0 4px 8px rgba(43, 79, 255, 0.06), 0 8px 16px rgba(43, 79, 255, 0.16);
}
.truebooker_form_style2 .tba-tab-content {
border-radius: var(--tba-radius-8px);
border: 1px solid var(--tba-bordercolor);
overflow-x: hidden;
min-height: auto;
}
.truebooker_form_style2 .tba_next_prevbtn {
position: absolute;
}
.truebooker_form_style2 .tba-front-module--add-to-calendar {
border-top: 1px solid var(--tba-bordercolor);
padding-top: 15px;
margin-top: 30px;
}
.truebooker_form_style2 #google-calendar-button {
font-size: 14px;
background: transparent;
border: 1px solid var(--tba-bordercolor);
padding: 7px 15px;
border-radius: var(--tba-radius-5px);
transition: all 0.5s ease;
color: var(--tba-cl-black);
}
.truebooker_form_style2 #google-calendar-button i {
margin-right: 5px;
}
.truebooker_form_style2 #google-calendar-button:hover {
border-color: var(--tba-cl-black);
}
.truebooker_form_style2 ul#truebooker_service_category_style2 {
margin: 0;
padding: 0;
list-style: none;
display: flex;
}
.truebooker_form_style2 .truebooker-form .tba_select_icon:before {
display: none;
}
.truebooker_form_style2 .tba-front-service-items-row .tba-form-field.tba_cat_service {
display: flex;
}
.truebooker_form_style2 .tba-front_card--title {
width: auto;
}
.truebooker_form_style2 ul#truebooker_service_category_style2 li {
font-size: 14px;
}
.truebooker_form_style2 ul#truebooker_service_category_style2 li input[type="radio"] {
margin: -2px 3px 0 10px;
display: inline-block;
vertical-align: middle;
width: 12px;
}
.tba-front-style2-inner-wrap {
display: flex;
}
.tba-front-style2-card__left {
flex-basis: 35%;
} .truebooker_form_style2 .tba-tab-content::-webkit-scrollbar {
width: 5px;
}
.truebooker_form_style2 .tba-tab-content::-webkit-scrollbar-track {
background-color: transparent;
-webkit-border-radius: var(--tba-radius-5px);
border-radius: var(--tba-radius-5px);
}
.truebooker_form_style2 .tba-tab-content::-webkit-scrollbar-thumb {
-webkit-border-radius: var(--tba-radius-5px);
border-radius: var(--tba-radius-5px);
background: var(--tba-cl-dark); 
} .tba-front-style2-card__left {
flex-basis: 30%;
margin-right: 15px;
}
.tba-front-style2-card__right {
flex-basis: 100%;
}
.truebooker_form_style2 .tba-front-ser-card-wrap {
background: transparent;
border: 1px solid var(--tba-bordercolor);
padding: 20px 20px;
float: none;
}
.truebooker_form_style2 .tba-front-ser-card-wrap.active {
border: 1px solid var(--tba-cl-dark);
}
.truebooker_form_style2 .tba-front-ser__card-desc {
font-size: 14px;
color: var(--tba-body-color);
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin-bottom: 5px;
}
.truebooker_form_style2 .tba-front-ser_card-body-time {
margin-right: 10px;
}
.truebooker_form_style2 .tba-front-ser_card-body-price .tba-front-ser_card-desc {
font-size: 12px;
color: var(--tba-cl-white);
background: var(--tba-cl-dark);
padding: 2px 4px;
border-radius: var(--tba-radius-5px);
}
.truebooker_form_style2 .tba-front-ser_card-body-time span.tba-front-ser_card-desc {
font-size: 12px;
font-weight: 600;
color: var(--tba-cl-black);
}
.truebooker_form_style2 #truebooker_service_cates h4 {
padding: 0 15px;
}
.truebooker_form_style2 #truebooker_service_cates {
margin: 0 -15px;
}
.truebooker_form_style2 .tba-front-service-items-row .tba-form-field.tba_cat_service {
display: flex;
border-bottom: 1px solid var(--tba-bordercolor);
padding: 0 0 8px 0;
margin-bottom: 25px;
}  .tba_payment_section,.tba_user_details {
display: none;
}
.tba_payment_section.is-active, .tba_user_details.is-active {
display: block;
}
.tba-form-button  {
display: flex;
justify-content: space-between;
gap: 20px;
}
.tba-form-button  a{
margin-left: auto;
}
.paypal-button-tagline{
display: none;
}
.tba-tab-content .tba-front-tabs--panel-body.is-active {
display: block;
}
.tba-tab-content .tba-front-tabs--panel-body.is-inactive {
display: none;
}
.truebooker_form_style #tba_section__payment_paypal_front {
padding-top:20px;
}
.paypal-button-row.paypal-button-number-1.paypal-button-layout-vertical {
display	: none !important;
}
.tba_user_timeslot .tba_added_time {
background: var(--tba-gray);
}  .truebokker-main{
display: none;
width: 100%;
height: 100vh;
position: fixed;
opacity: 0.9;
background: #222;
z-index: 40000;
top:0;
left: 0;
overflow: hidden;
animation-name: fadeIn_Container;
animation-duration: 1s;
}
.modal{
display:none;
top: 0;
min-width: 250px;
width: 80%;
max-height: 400px;
margin: 0 auto;
position: fixed;
z-index: 40001 !important;
background: #fff;
border-radius: 10px;
box-shadow: 0px 0px 10px #000;
margin-top: 30px;
margin-left: 10%;
animation-name: fadeIn_Modal;
animation-duration: 0.8s;
}
.header{
width: 100%;
height: 70px;
border-radius: 10px 10px 0px 0px;
border-bottom: 2px solid #ccc;
}
.header a{
text-decoration: none;
float: right;
line-height: 70px;
margin-right: 20px;
color: #aaa;
}
.content{ padding: 20px;
}  @media screen and (min-width: 600px){
.modal{
width: 500px; margin-left: calc(50vw - 250px);
margin-top: calc(50vh - 150px);
}
.header{
width: 100%;
height: 40px;
}
.header a{
line-height: 40px;
}
.content{
height: 190px;
} } @media screen and (min-width: 1300px){
} @keyframes fadeIn_Modal {
from{
opacity: 0;
}
to{
opacity: 1;
}
}
@keyframes fadeIn_Container {
from{
opacity: 0;
}
to{
opacity: 0.9;
}   
}
.hidden {
display: none;
}
#payment-message {
color: rgb(105, 115, 134);
font-size: 16px;
line-height: 20px;
padding-top: 12px;
text-align: center;
}
#payment-element {
margin-bottom: 24px;
} button {
background: var(--tba-cl-skin);
font-family: var(--tba-font-family);
color: #ffffff;
border-radius: var(--tba-radius-8px);
border: 0;
padding: 10px 30px;
font-size: 15px;
font-weight: 600;
cursor: pointer;
display: block;
transition: all 0.2s ease;
box-shadow: unset;
width: 100%;
}
.woocommerce.single-product button
{
width:auto;
}
.tba_buttongroup button:hover {
filter: contrast(115%);
background: var(--tba-cl-black);
}
.tba_buttongroup button:focus {
outline-width: 0;
}
.tba_buttongroup button:disabled {
opacity: 0.5;
cursor: default;
} .spinner,
.spinner:before,
.spinner:after {
border-radius: 50%;
}
.spinner {
color: #ffffff;
font-size: 22px;
text-indent: -99999px;
margin: 0px auto;
position: relative;
width: 20px;
height: 20px;
box-shadow: inset 0 0 0 2px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
}
.spinner:before,
.spinner:after {
position: absolute;
content: "";
}
.spinner:before {
width: 10.4px;
height: 20.4px;
background: #5469d4;
border-radius: 20.4px 0 0 20.4px;
top: -0.2px;
left: -0.2px;
-webkit-transform-origin: 10.4px 10.2px;
transform-origin: 10.4px 10.2px;
-webkit-animation: loading 2s infinite ease 1.5s;
animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
width: 10.4px;
height: 10.2px;
background: #5469d4;
border-radius: 0 10.2px 10.2px 0;
top: -0.1px;
left: 10.2px;
-webkit-transform-origin: 0px 10.2px;
transform-origin: 0px 10.2px;
-webkit-animation: loading 2s infinite ease;
animation: loading 2s infinite ease;
}
@-webkit-keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes loading {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.tba-stripe-payment {
overflow: hidden;
}
.truebooker_form_style .tba_next_prevbtn.tba_form_button {
position: unset;
display: flex;
justify-content: space-between;
gap: 20px;
margin-top: 33px;
}
.truebooker-form .tba_next_prevbtn.tba_form_button .tba-button {
margin-top: 0px;
} body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: none !important;
} .truebooker main.truebooker_form_{
width: 100%;
margin: 0 auto;
}
.truebooker main.truebooker_form_ .wp-block-group.alignfull {
padding-left: 15px;
padding-right: 15px;
}
.truebooker main.truebooker_form_ .has-global-padding {
padding: 0;
}
li.tbabmenu::marker {
font-size: 0;
}
.tbab-accountpage.truebooker-form {
padding-bottom: 50px;
}
.tbab-account-menubar {
background-color: var(--tba-gray);
padding: 30px;
border-radius: var(--tba-radius-15px);
}
.tbabmenu-leftsidebar ul {
padding: 0;
}
.tbabmenu-leftsidebar ul li a{
background: #fff;
margin-bottom: 15px;
padding: 15px 28px;
border-radius: var(--tba-radius-15px);
border: 1px solid #ddddea;
font-family: var(--tba-font-family);
}
.tbabmenu-leftsidebar ul li a {
text-decoration: none;
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
width: 100%;
display: block;
}
.tbabmenu-leftsidebar ul li.tbabmenu.active a svg path {
fill: var(--tba-cl-white);
}
.tbabmenu-leftsidebar ul li.tbabmenu a svg {
margin-right: 5px;
overflow: visible;
}
.tbabmenu-leftsidebar ul li:last-child a {
margin-bottom: 0;
}
.tbabmenu-leftsidebar ul li.tbabmenu.active a {
color: #ffffff;
}
.tbabmenu-leftsidebar ul li.tbabmenu.active a{
background-color: var(--tba-cl-skin);
border-color: var(--tba-cl-skin);
color: #ffffff;
}
.tbab-deliveryaddress-info.tbab-myaccountcontent {
margin-top: 15px;
}
#edit-account fieldset {
margin-top: 10px;
}
.tbab-myaccountcontent {
background-color: var(--tba-gray);
padding: 28px 30px 30px;
border-radius: var(--tba-radius-15px);
}
.editaccountcontent.tbab-myaccountcontent input[type="submit"] {
margin-bottom: 0;
}
.truebooker-form input[type="submit"]:focus {
border: 0;
outline-width: 0px;
}
.tbab-success-result {
font-size: 16px;
padding-top: 10px;
}
h3.tba-address-title {
margin-bottom: 20px;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i{
position: relative;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i:before {
content: '';
position: absolute;
background-color: var(--tba-cl-dark);
width: 20px;
height: 20px;
line-height: 20px;
top:0px;
left: -30px;
}
.tbabmenu-leftsidebar ul li.tbabmenu.active a i:before {
background-color: #ffffff;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-dashboard:before {
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/account.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/account.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-order:before {
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/to-do-list.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/to-do-list.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-address:before {
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/map.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/map.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i.tbab-account:before {
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/edit.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/edit.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.tbabmenu-leftsidebar ul li.tbabmenu a i.fbb-logout:before {
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/exit.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/exit.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.truebooker-form input, .truebooker-form button, select, textarea {
font-family: var(--tba-font-family);
}
.truebooker-form button{
font-size: 16px;
line-height: 26px;
}
form#list-booking {
padding-top: 20px;
}
.truebooker-form h1,
.truebooker-form h2, 
.truebooker-form h3, 
.truebooker-form h4, 
.truebooker-form h5, 
.truebooker-form h6, 
.truebooker-form .h1, 
.truebooker-form .h2, 
.truebooker-form .h3, 
.truebooker-form .h4, 
.truebooker-form .h5, 
.truebooker-form .h6 {
color: var(--tba-cl-dark) !important;
}
.tbook-box {
display: flex;
align-items: center;
}
.tbab_amyaccount_date {
position: relative;
overflow: hidden;
}
.truebooker-form  .col-md-5.tbab_amyaccount_calender {
width: 38% ;
}
.truebooker-form  .col-md-2.tab_myaccount_search{
display: flex;
align-items: center;
gap: 15px;
width: 24%;
}
span#resetbookingfilter {
display: inline-block;
cursor: pointer;
top: 3px;
position: relative;
border: 1px solid var(--tba-bordercolor-dark);
width: 50px;
height: 50px;
padding: 12px 13px 13px 13px;
text-align: center;
margin: 0 auto;
border-radius: 8px;
}
.tbab_amyaccount_calender label {
color: var(--tba-body-color);
font-size: 14px;
font-weight: 400;
}
.tbab_amyaccount_date .tba_datepicker_icon {
position: absolute;
top: 12px;
bottom: 0;
right: 20px;
margin: auto 0;
text-align: center;
display: inline-block;
align-items: center;
}
.truebooker-form .tbook-box button {
padding: 13px 30px;
margin-top: 3px;
}
.truebooker-form .editaccountcontent input, 
.truebooker-form .editaccountcontent button, 
.editaccountcontent select, 
.editaccountcontent textarea {
margin-bottom: 25px;
}
.truebooker-form legend {
font-size: 17px;
font-weight: 500;
color: var(--tba-cl-dark);
margin-bottom: 15px;
}
h3.tba-account-title{
margin-bottom: 20px;
}
.row.tbab-password-btn {
display: inline-block;
}
.truebooker-form input[type="submit"] {
background: var(--tba-cl-skin);
font-family: var(--tba-font-family);
color: #ffffff;
border-radius: var(--tba-radius-8px);
border: 0;
padding: 12px 26px;
font-size: 15px !important;
font-weight: 600;
cursor: pointer;
display: inline-block;
transition: all 0.2s ease;
width: 100%;
}
.tbab-deliveryaddress-info.tbab-myaccountcontent {
padding: 0;
}
.iti.iti--allow-dropdown.iti--separate-dial-code {
width: 100%;
}
.tbook-admin-box {
text-align: center;
margin: 0 auto;
padding-bottom: 20px;
}
p.tbook-admin {
font-size: 20px;
font-weight: 500;
color: var(--tba-cl-dark);
margin-bottom: 2px !important;
}
p.tbook-email {
font-size: 16px;
color: var(--tba-body-color);
word-wrap: break-word;
}
span.tbab-billing-title {
font-size: 15px;
color: var(--tba-cl-dark);
font-weight: 500;
width: 100%;
max-width: 165px;
position: relative;
display: inline-block;
}
.tbab-billing-addressbox {
padding-bottom: 10px;
}
span.tbab-billing-info {
font-size: 17px;
color: var(--tba-cl-dark);
font-weight: 500;
position: relative;
}
span.tbab-billing-info.tbab-billing-info-name {
font-size: 20px;
font-weight: 500;
}
.tbab-delivery {
font-size: 17px;
font-weight: 500;
color: var(--tba-cl-dark);
position: relative;
cursor: pointer;
}
.tbab-delivery:before {
content: '';
position: absolute;
background-color: var(--tba-cl-dark);
width: 20px;
height: 20px;
line-height: 20px;
top: 0px;
left: auto;
right: -30px;
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/edits.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/edits.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.tbab-billing-addressinfo {
padding-top: 15px;
}
img.tba-loderimg {
position: absolute;
width: 40px;
top: -45px;
right: auto;
left: 10px;
}
div#result_editaccount {
padding-bottom: 15px;
font-size: 15px;
}
option:disabled {
background-color: #ffffff !important;
}
.tablemybookinglist tbody td {
font-size: 14px;
text-transform: capitalize;    
padding: 10px 5px;
color: var(--tba-cl-dark);
border: 0;
}
h1.wp-block-post-title {
font-weight: 500;
font-family: var(--tba-font-family);
color: var(--tba-cl-dark);
}
.tablemybookinglist thead th {
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-dark);
padding-bottom: 15px;
}
.myaccount-content.tbab-myaccountcontent p {
font-size: 16px;
}
.tba-table__header-wrapper {
display: block;
overflow-x: auto;
width: 100%;
}
table.tablemybookinglist {
width: 100%;
border-collapse: collapse;
border-spacing: 12px;
min-width: 620px;
}
tr.mybookinglist_content {
border-top: 1px solid var(--tba-bordercolor);
background: var(--tba-cl-white);
position: relative;
border: 0;
}
td.tba_bookitem_buttons {
display: inline-flex;
position: absolute;
gap: 15px;
background: #fff;
padding: 10px 15px;
box-shadow: 1px 1px 20px var(--tba-bordercolor);
opacity: 0;
cursor: pointer;
border-radius: 8px;
align-items: center;
right: 30px;
left: auto;
top: 10px;
bottom: 10px;
margin: auto 0;
}
tr.mybookinglist_content:hover td.tba_bookitem_buttons {
opacity: 1;
}
td.tba_bookitem_servicename img {
margin-right: 10px;
width: 40px;
height: 40px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;
}
tr.mybookinglist_content td.tba_bookitem_buttons {
padding: 15px 20px;
}
td.tba_bookitem_servicename,
td.tba_bookitem_id,
td.tba_bookitem_price,
td.tba_bookitem_id {
font-weight: 500;
}
td.tba_bookitem_status span {
border: 1px solid #00A437;
background: var(--tba-al-approved);
border-radius: var(--tba-radius-8px);
padding:8px 15px;
font-weight: 500;
display: inline-block;
width: 115px;    
text-transform: capitalize;
}
td.tba_bookitem_buttons span {
border-right: 1px solid var(--tba-bordercolor);
padding-right: 20px;
display: flex;
}
td.tba_bookitem_buttons span:last-child {
border-right: 0;
padding-right: 0;
}
span.tba_bookitem_date {
display: block;
line-height: 26px;
}
td.tba_bookitem_info span {
padding-left: 20px;
cursor: pointer;
}
td.tba_bookitem_status.tba_cancelled_app span,
.tba_booking_status.tba_cancelled_app {
background: var(--tba-al-canceled);
border-color: #E30000;
}
.tba_booking_status.tba_past_app {
background: #ecf0f2;
border-color: #c8cfd3;
}
td.tba_bookitem_status.tba_pending_app span,
.tba_booking_status.tba_pending_app {
background: var(--tba-al-pending);
border-color:#E39B00;
}
td.tba_bookitem_status.tba_completed_app span,
.tba_booking_status.tba_completed_app {
background: var(--tba-al-completed);
border-color:#6C6881;
}
td.tba_bookitem_status.tba_past_app span {
background: var(--tba-gray);
border-color: #c8cfd3;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
color: var(--tba-body-color);
}
span.tba_bookinfo svg {
overflow: visible !important;
}
ul.page-numbers {
display: inline-block;
padding-left: 0;
margin: 0;
border-radius: 4px;
}
ul.page-numbers li {
display: inline-block;
}
.result-count {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
}
.tbab-myaccountcontent .pagination a {
width: 36px;
height: 36px;
line-height: 36px;
display: inline-block;
background: var(--tba-gray);
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
text-align: center;
font-size: 14px;
font-weight: 500;
color: var(--tba-body-color);
text-decoration: none;
}
.tbab-myaccountcontent .pagination span.page-numbers.current {
width: 36px;
height: 36px;
line-height: 36px;
display: inline-block;
background: var(--tba-cl-skin);
border: 1px solid var(--tba-cl-skin);
border-radius: var(--tba-radius-8px);
text-align: center;
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-white);
text-decoration: none;
}
.tbab-myaccountcontent .pagination a:hover {
background: var(--tba-cl-skin) !important;
color: var(--tba-cl-white);
border-color: var(--tba-cl-skin);
}
.pagination.myaccount_pagination {
display: flex;
justify-content: space-between;
align-items: center;
}
.tbab-myaccountcontent .pagination a.next.page-numbers,
.tbab-myaccountcontent .pagination a.prev.page-numbers{
font-size: 0;
position: relative;
line-height: 46px;
background: var(--tba-cl-white);
}
.tbab-myaccountcontent .pagination a.next.page-numbers:before,
.tbab-myaccountcontent .pagination a.prev.page-numbers:before {
font-size: 0;
content: '';
position: absolute;
background-color: var(--tba-cl-dark);
width: 22px;
height: 22px;
line-height: 22px;
top: 0px;
bottom: 0;
left: 0;
right: 0;
margin: auto;
-webkit-mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/arrow.svg) no-repeat 100% 100%;
mask: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/arrow.svg) no-repeat 100% 100%;
-webkit-mask-size: cover;
mask-size: cover;
}
.tbab-myaccountcontent .pagination a.next.page-numbers:hover:before,
.tbab-myaccountcontent .pagination a.prev.page-numbers:hover:before {
background-color: var(--tba-cl-white);
}
.tbab-myaccountcontent .pagination a.prev.page-numbers:before{
transform: rotate(180deg);
background-color: var(--tba-body-color);
}
td.tba_bookitem_buttons span:hover svg path {
fill: var(--tba-cl-skin);
}
td.tba_bookitem_buttons label.myaccount_tooltip {
z-index: 1;
padding: 8px 10px;
width: max-content;
background-color: var(--tba-cl-white);
color: var(--tba-body-color);
text-transform: none;
font-weight: 400;
font-size: 12px;
line-height: 12px;
text-align: center;
border-radius: 5px;
position: absolute;
visibility: hidden;
opacity: 0;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(-20px, 0px, 0px);
pointer-events: none;
transition: opacity .25s linear;
box-shadow: 0px 4px 11px 0px rgb(0 21 51 / 10%);
top: -40px;
bottom: auto;
}
td.tba_bookitem_buttons .tba_bookitem_reschedule label.myaccount_tooltip {
transform: translate3d(-32px, 0px, 0px);
}
td.tba_bookitem_buttons .tba_bookitem_invoice:hover label.myaccount_tooltip,
td.tba_bookitem_buttons .tba_bookitem_reschedule:hover label.myaccount_tooltip,
td.tba_bookitem_buttons .tba_bookitem_cancel:hover label.myaccount_tooltip {
opacity: 1;
visibility: visible;
}
td.tba_bookitem_buttons label.myaccount_tooltip:before {
z-index: 1;
border: 8px solid #ffffff00;
background: 0 0;
content: "";
position: absolute;
-webkit-transform: translateY(20px);
-moz-transform: translateY(20px);
transform: translateY(20px);
border-top-color: #ffffff;
right: 0;
left: 0;
margin: auto;
text-align: center;
width: 0px;
height: 0px;
} .tba_account_pop div#truebooker-model {
height: 800px;
max-height: 800px;
background: var(--tba-gray);
border: 1px solid var(--tba-bordercolor);
padding: 30px;
border-radius: var(--tba-radius-15px) 0 0 var(--tba-radius-15px);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
max-width: 700px;
height: 90%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
overflow-y: auto;
z-index: 11;
opacity: 0;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
-webkit-transform: translate(105%, 0);
-moz-transform: translate(105%, 0);
-o-transform: translate(105%, 0);
transform: translate(105%, 0);
}
.tba_account_pop div#truebooker-model.active {
right: -2px;
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
display: block !important;    
}
.tba_booking_info_booked {
background: var(--tba-cl-white);
padding: 10px 20px;
border-radius: var(--tba-radius-8px);
border: 1px solid var(--tba-bordercolor);
margin-bottom: 30px;
}
.tba_booked_id {
display: flex;
align-items: center;
font-size: 14px;
color: var(--tba-body-color);
font-weight: 400;
}
.tba_booked_id label {
display: inline-block;
width: auto;
font-size: 14px;
margin-bottom: 0;
color: var(--tba-body-color);
font-weight: 400;
}
span.tba_service_name {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--tba-cl-dark);
text-transform: capitalize;
}
span.tba_service_price {    
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--tba-cl-skin);
text-transform: capitalize;
}
.tba_booking_info_tab ul.tba_tab {
padding: 0;
list-style-type: none;
margin: 0 0 30px;
display: flex;
justify-content: space-between;
gap: 15px;
}
.tba_booking_info_tab ul.tba_tab li {
line-height: 0;
display: inline-grid;
text-align: center;
width: -webkit-fill-available;
width: -moz-available;
}
.tba_booking_info_tab ul.tba_tab li a {
font-size: 14px;
line-height: 26px;
text-decoration: none;
background: var(--tba-cl-white);
padding: 8px 30px;
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
display: inline-block;
text-align: center;
width: -webkit-fill-available;
}
.tba_staffbox_info {
gap: 15px;
display: flex;
align-items: center;
}
.tba_account_pop .content {
padding: 0;
}
div#basicinfo_content {
display: flex;
gap: 15px;
align-items: center;
justify-content: space-between;
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 12px;
margin-bottom: 20px;
}
.tba_service_name {
display: flex;
gap: 15px;
align-items: center;
padding-top: 2px;
}
label.basicinfo_title {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
width: auto;
}
.tba_booking_status {
border: 1px solid #00A437;
background: var(--tba-al-approved);
border-radius: var(--tba-radius-8px);
padding: 8px 18px;
font-weight: 500;
display: inline-block;
text-transform: capitalize;
font-size: 14px;
}
.tba_booking_info .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_member {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
}
.tba_booking_info .tba_booking_info_tab .tba_staffbox_info .tba_staff_titlebox .tba_staff_name {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tba_booking_info_tab  .tba_basic_content_info label.tba_booking-extra-title {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
margin-bottom: 0;
}
.tba_booking_info_tab .tba_basic_content_info .tba_booking-extra-field {
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tbab_booking_subservice {
margin-top: 30px;
border-bottom: 1px solid var(--tba-bordercolor);
margin-bottom: 25px;
padding-bottom: 15px;
}
.tbab_booking_subservice label {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
margin-bottom: 0;
}
table.tbab_booking_subservice_box {
width: 100%;
line-height: 26px;
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-dark);
}
table.tbab_booking_subservice_box td {
padding-bottom: 5px;
}
td.tbab_booking_subservice_name {
width: 250px;
max-width: 350px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
line-height: 26px;
font-size: 14px;
font-weight: 500;
color: var(--tba-cl-dark);
}
td.tbab_booking_subservice_price {
text-align: right;
}
div#paymentinfo > label {
font-size: 16px;
line-height: 28px;
}
.paymentinfo_method {
display: flex;
align-items: center;
gap: 15px;
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 10px;
margin-bottom: 20px;
}
label.paymentinfo_title {
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
}
span.paymentinfo_field {
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
text-transform: capitalize;
font-weight: 500;
color: var(--tba-cl-dark);
}
.paymentinfo_info {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 10px;
justify-content: space-between;
}
.paymentinfo_info label {
color: var(--tba-body-color);
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
width: auto;
}
.paymentinfo_info span {
color: var(--tba-cl-dark);
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
}
.paymentinfo_amount {
display: flex;
justify-content: space-between;
align-items: center;
gap: 15px;
background: var(--tba-cl-skin);
color: var(--tba-cl-white);
border-radius: var(--tba-radius-8px);
padding: 10px 20px;
margin-top: 20px;
margin-bottom: 30px;
}
.paymentinfo_amount label {
color: var(--tba-cl-white);
margin-bottom: 0;
font-size: 14px;
font-weight: 500;
text-transform: capitalize;
}
.paymentinfo_amount span {
color: var(--tba-cl-white);
margin-bottom: 0;
font-size: 16px;
font-weight: 500;
text-transform: capitalize;
}
.tba_booking_info_card {
position: relative;
}
.tba_booking_info {
position: relative;
overflow: hidden;
}
.tba_booking_button_group {
display: inline-flex;
gap: 15px;
background: #fff;
padding: 10px 20px;
box-shadow: 1px 1px 20px var(--tba-bordercolor);
cursor: pointer;
border-radius: var(--tba-radius-8px);
align-items: center;
margin-left: 231px;
width: min-content;
}
.tba_booking_button_group button:hover svg path {
stroke: var(--tba-cl-skin);
}
.header.tba_account_close a:hover svg path{
stroke:var(--tba-cl-skin);
}
.tba_booking_button_group button {
padding: 0;
background: transparent;
line-height: 0;
display: inline-block;
}
.header.tba_account_close {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
background: var(--tba-gray);
width: 38px;
height: 38px;
line-height: 38px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
position: absolute;
z-index: 11;
left: auto;
right: 50px;
top: 50px;
}
.header.tba_account_close a {
margin-right: 0;
line-height: 0;
}
.tba_account_pop #basicinfo,
.tba_account_pop #paymentinfo {
display: none;
}
.tba_booking_info_tab ul.tba_tab li.tba_active a{
background: var(--tba-cl-skin);
color: var(--tba-cl-white);
}
.recheduleinfo .rechedule_info{
background: #ffffff;
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
margin: auto;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
overflow-y: auto;
z-index: -1;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
max-width: 90%;
width: 100%;
height: 77%;
max-height: 775px;
position: absolute;
top: 90px; 
opacity: 0;
padding: 30px;   
left: 0;
right: 0;
}
.recheduleinfo .rechedule_info.active{
opacity: 1;
z-index: 12;
}
.tba_buttongroupd {
margin-top: 30px;
}
.rechedule_box {
display: flex;
align-items: center;
gap: 15px;
}
.rechedule_box label.rechedule_title {
font-size: 16px;
margin-bottom: 0;
}
.header.tba_rechedule_close a {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
background: var(--tba-gray);
width: 38px;
height: 38px;
line-height: 38px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
margin: 0;
}
.recheduleinfo .rechedule_info .content {
position: relative;
padding: 0;
overflow: hidden;
height: max-content;
}
.header.tba_rechedule_close {
border: 0;
}
.recheduleinfo .rechedule_info .tba_booking_calendarbox .fc .fc-button-group {
padding: 0;
top: 0;
}
.recheduleinfo .rechedule_info .tba_booking_timeslot.active {
right: 0;
}
.recheduleinfo .rechedule_info .tba_booking_timeslot {
top: 0;
}
.tbab-accountpage .tbab-myaccountcontent {
position: relative;
overflow: hidden;
}
.tba_gender_radiobox {
display: flex;
gap: 5px;
white-space: nowrap;
}
.tba_account_pop #truebooker-model-bkinfo {
max-height: 520px;
background: var(--tba-gray);
border: 1px solid var(--tba-bordercolor);
padding: 30px;
border-radius: var(--tba-radius-15px) 0 0 var(--tba-radius-15px);
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
width: 100%;
max-width: 500px;
height: 90%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
overflow-y: auto;
z-index: 11;
opacity: 0;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
-webkit-transform: translate(105%, 0);
-moz-transform: translate(105%, 0);
-o-transform: translate(105%, 0);
transform: translate(105%, 0);
}
.tba_account_pop #truebooker-model-bkinfo.active {
right: -2px;
opacity: 1;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0,0);
-o-transform: translate(0,0);
transform: translate(0, 0);
display: block !important;
}
.header.tba_bankinfo_close {
display: flex;
justify-content: center;
align-items: center;
padding: 0;
background: var(--tba-cl-white);
width: 38px;
height: 38px;
line-height: 38px;
border: 1px solid var(--tba-bordercolor);
border-radius: 50%;
box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
position: absolute;
z-index: 11;
left: auto;
right: 30px;
top: 20px;
}
.header.tba_bankinfo_close a.cancel {
margin-right: 0;
line-height: 0;
}
.bkbankinfo_refundcontent {
border-bottom: 1px solid var(--tba-bordercolor);
margin-bottom: 30px;
padding-bottom: 15px;
}
.bkbankinfo_refundcontent span.bkbankinfo_title {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--tba-cl-dark);
text-transform: capitalize;
}  @media (max-width: 1200px) {
.truebooker main {
width: 100%;
margin: 0 auto;
}
.entry-content.is-layout-constrained {
margin: 0 auto;
padding-top: 30px !important;
}
}
@media (max-width: 992px) {
.tbab-accountpage.truebooker-form .col-md-8 {
margin-top: 30px;
}
h1.wp-block-post-title {
text-align: center;
margin: 0 auto;
}
}
@media (max-width: 767px) {
.tbook-box {
display: block;
}
.tbab-divcontent {
margin-top: 30px;
}
form#list-booking {
padding-top: 0;
}
} .tbook-login-register {
background-color: var(--tba-gray);
border-radius: var(--tba-radius-20px);
padding: 40px 40px 15px;
margin-bottom: 30px;
width: 50%;
border: 1px solid var(--tba-bordercolor);
}
h3.tba-log-register-title {
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--tba-cl-dark);
margin-bottom: 20px;
margin-top: 0;
}
.row.tbab-login-registerpage {
display: flex;
justify-content: space-between;
gap: 30px;
}
.tbook-login label {
width: 100%;
display: block;
font-size: 14px;
line-height: 26px;
margin-bottom: 10px;
color: var(--tba-body-color);
font-weight: 400;
}
#tbab-loginform input,
#tbab-registerform input,
#tbab-lostpasswordform input{
width: -moz-available;
width: -webkit-fill-available;
border-radius: var(--tba-radius-8px);
border: 1px solid var(--tba-bordercolor);
padding: 10px;
font-size: 15px;
line-height: 26px;
color: var(--tba-cl-dark);
font-family: var(--tba-font-family);    
}
.tbook-login {
margin-bottom: 15px;
}
.tbab-submitbtn {
margin-bottom: 25px;
margin-top: 20px;
}
#tbab-loginform input:focus,
#tbab-registerform input:focus,
#tbab-lostpasswordform input:focus,
.tba-reset-box input:focus,
#tbab-reset-password .tbab-submitbtn input[type=submit]:focus{
border-color: var(--tba-bordercolor) !important;
outline-width: 0px;
outline-style: solid;
outline-color: var(--tba-bordercolor);
}
#tbab-loginform input[type=submit],
#tbab-registerform input[type=submit],
.tbab-submitbtn input[type=submit] {
background-color: var(--tba-cl-skin);
color: #ffffff !important;
font-weight: 500;
cursor: pointer;
border:0;
}
#tbab-loginform input[type=submit]:hover, 
#tbab-registerform input[type=submit]:hover,
#tbab-reset-password .tbab-submitbtn input[type=submit]:hover {
background-color: var(--tba-cl-dark);
}
.tbab-lostpassword {
text-align: center;
font-size: 17px;
font-weight: 500;
color: var(--tba-cl-skin);
}
.tbab-lostpassword label {
cursor: pointer;
} .tba-account-box {
display: flex;
justify-content: center;
}
.tbook-account-box {
background-color: var(--tba-gray);
border-radius: var(--tba-radius-20px);
padding: 40px;
margin-bottom: 30px;
width: 50%;
}
h3.tba-reset {
font-size: 26px;
line-height: 36px;
font-weight: 600;
color: var(--tba-cl-dark);
text-align: center;
margin-top: 0;
margin-bottom: 25px;
}
p.tbook-message {
text-align: center;
font-size: 17px;
line-height: 27px;
color: var(--tba-body-color);
margin-bottom: 30px;
}
.tba-reset-box label {
width: 100%;
display: block;
font-size: 15px;
line-height: 26px;
margin-bottom: 10px;
color: var(--tba-cl-dark);
font-weight: 500;
}
.tba-reset-box input {
width: -webkit-fill-available;
border-radius: 15px;
border: 1px solid var(--tba-bordercolor);
padding: 10px;
font-size: 17px;
line-height: 26px;
margin-bottom: 25px;
color: var(--tba-body-color);
}
#tbab-reset-password .tbab-submitbtn input[type=submit] {
width: -webkit-fill-available;
border-radius: 15px;
border: 1px solid var(--tba-bordercolor);
padding: 10px;
font-size: 17px;
line-height: 26px;
margin-bottom: 0px;
color: var(--tba-body-color);
}
p.tbab-message {
text-align: center;
color: var(--tba-cl-skin);
font-size: 17px;
font-weight: 500;
}
td.hover_button .tba_cart_edit {
border-right: 1px solid var(--tba-bordercolor);
padding-right: 15px;
}
.tba_cart_data tr {
position: relative;
}
#tbab_summary label.confirmdetails {
font-size: 20px;
line-height: 30px;
}
.tba_summary_box tr {
background: var(--tba-cl-white);
position: relative;
border: 1px solid var(--tba-bordercolor);
display: inline-block;
margin-bottom: 15px;
border-radius: var(--tba-radius-8px);
padding: 15px 30px 15px;
}
table.tba_summary_box {
border-spacing: 0px 10px;
width: 100%;
}
table.tba_summary_box tr {
width: 100%;
}
.tba_cart_data.tba_summary_box td:first-child {
padding-left: 0;
display: block;
padding-bottom: 5px;
}
td.tbab-detail-service-name {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
}
td.tbab-detail-date {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
padding-left: 0 !important;
}
td.tbab-detail-staff-member .tba_staffbox {
display: flex;
align-items: center;
gap: 10px;
}
td.tbab-detail-staff-member  .tba_staff_avtar img {
width: 30px;
height: 30px;
border-radius: 50%;
}
td.tbab-detail-staff-member .tba_staff_titlebox {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
}
td.tbab-detail-pricebox  span.totalpriceamount {
font-size: 16px;
line-height: 28px;
background: var(--tba-gray);
color: var(--tba-body-color);
border-radius: var(--tba-radius-8px);
padding: 6px 10px;
margin-left: 5px;
}
td.tbab-detail-pricebox {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
}
td.tbab-detail-pricebox svg,
td.tbab-detail-date svg {
overflow: visible !important;
}
.tba_cart_data.tba_summary_box td {
padding: 0 15px;
}
table.tba_summary_box td.hover_button {
height: 50px;
}
table.tba_summary_box td.hover_button {
display: none;
}
.tax_summary {
padding-bottom: 15px;
margin-bottom: 20px;
}
.tax_summary li.tba_summarybox_item {
display: flex;
gap: 15px;
align-items: center;
justify-content: space-between;
}
.truebooker_form_style .tax_summary .tba_summarybox_item  .tba-front_card--title {
color: var(--tba-cl-dark);
margin-bottom: 0 !important;
} #tbab_summary .tba_deposite_maindiv .tba_deposite_mainbox{
display: flex;
justify-content: space-between;
align-items: flex-start;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton {
display: flex;
gap: 15px;
align-items: center;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton label {
display: inline-block;
width: auto;
margin-bottom: 0;
font-size: 14px;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton input#truebooker_paytype {
margin: 0;
width: 16px;
height: 16px;
}
#tbab_summary .tba_deposite_maindiv .tba_paybaleamount.totalpayment {
display: flex;
align-items: center;
gap: 10px;
}
#tbab_summary .tba_deposite_maindiv .tba_paybaleamount.totalpayment label {
color: var(--tba-body-color);
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
font-weight: 400;
}
#tbab_summary .tba_deposite_maindiv .tba_payamount,
#tbab_summary .tba_deposite_maindiv .tba_depositeamount,
#tbab_summary .tba_deposite_maindiv .tba_remainamount,
#tbab_summary .tba_deposite_maindiv .tba_totalamount {
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--tba-cl-dark);
}
#tbab_summary .tba_deposit .tba_paybaleamount {
display: flex;
align-items: center;
gap: 10px;
}
#tbab_summary .tba_deposite_maindiv .tba_deposit .tba_paybaleamount label {
color: var(--tba-body-color);
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
font-weight: 400;
}
#tbab_summary .tba_localmethod.ttlpayment {
display: flex;
gap: 15px;
}
#tbab_summary .tba_localmethod.ttlpayment label {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
#tbab_summary .tba_localmethod.ttlpayment .tba_payamount {
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--tba-cl-black);
}
#tbab_summary div#tba_beforeplace_paytype .tba_deposite_mainbox {
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 20px;
margin-bottom: 20px;
}
.tba_deposite_maindiv .tba_paybaleamount.totalpayments {
display: flex;
gap: 15px;
align-items: center;
}
.tba_deposite_maindiv .tba_paybaleamount.totalpayments label {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
font-weight: 500;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv {
display: block;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount {
display: flex;
gap: 15px;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount label {
color: var(--tba-body-color);
font-size: 14px;
line-height: 26px;
margin-bottom: 0;
font-weight: 400;
}
#tbab_summary .tba_deposite_maindiv .tba_paybaleamount {
color: var(--tba-cl-skin);
font-size: 20px;
line-height: 30px;
font-weight: 500;
}
.tba_paybaleamount.totalpayments label {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount.totalpayment label {
font-size: 16px;
line-height: 28px;
margin-bottom: 0;
color: var(--tba-cl-dark);
font-weight: 500;
}
#tbab_summary .tba_deposite.tba_deposite_maindiv .tba_paybaleamount.totalpayment .tba_payamount {
font-size: 18px;
line-height: 30px;
font-weight: 500;
}
.tba_singledeposite {
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 15px;
margin-bottom: 15px;
}  .tba_paymentmethod {
margin-top: 25px;
}
.tba_paymentmethod .tba_paymentbox {
display: flex;
gap: 15px;
width: 100%;
flex-wrap:wrap;
}
.tba_paymentmethod .tba-front-payment-card-wrapper {
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-8px);
display: flex;
width: 22%;
align-items: center;
gap: 10px;
padding: 10px 15px;
position: relative;
}
.tba_paymentmethod .tba-front-payment-card-wrapper.tba_active {
border-color: var(--tba-cl-skin);
}
.tba_paymentmethod .tba-front-payment-card-wrapper .methodname h4 {
font-size: 15px;
line-height: 26px;
font-weight: 500;
color: var(--tba-cl-dark);
margin: 0;
}
.tba_paymentmethod .tba-front-payment-card-wrapper .iconbox {
display: inline-flex;
}
.tba_paymentmethod .tba-front-payment-card-wrapper input.tba_payment_select {
float: right;
display: block;
position: absolute;
right: 10px;
width: 16px;
height: 16px;
accent-color: var(--tba-cl-skin);
}
#tbab_summary .tba_paymentmethod_content {
margin-top: 20px;
}
.tba_paymentmethod_content span.tbab-payment-heading {
font-size: 16px;
line-height: 28px;
font-weight: 500;
color: var(--tba-cl-dark);
display: inline-block;
vertical-align: middle;
padding-right: 15px;
}
.tba_addonpaymentmethod_content span.tbab-payment-heading {
font-size: 16px;
line-height: 40px;
font-weight: 500;
color: var(--tba-cl-dark);
display: inline-block;
vertical-align: middle;
padding-right: 15px;
}
.truebooker_form_style #tbab_summary .tba_next_prevbtn {
display: flex;
justify-content: end;
}  .paypal-button-container {
display: flex;
align-items: center;
gap: 30px;
} .tba-tab-content .tba-front-tabs--panel-body {
overflow-y: auto;
min-height: 550px;
max-height: 550px;
padding: 30px;
} @media (max-width: 1199px) {
.tba-front-branch-item .tba-front-branch-card-wrapper {
width: 48%;
margin-bottom: 10px;
}
.tba-modal {
width: 50%;
}
.tbab_serviceboxhtml .truebooker_service_cats {
gap: 24px;
}
.tbab_serviceboxhtml .tba-front-service-card-wrapper {
width: 31%;
} 
.tba-front-staff-item .tba-front-staff-card-wrapper {
width: 31%;
}
.tba-front-staff-item .truebooker_staff_cats {
gap: 21px;
} 
#tbab_cart .tba_cart_box .tba_cart_data tr {
margin-bottom: 15px;
border-bottom: 1px solid var(--tba-bordercolor);
border-top: 1px solid var(--tba-bordercolor);
display: block;
}
.tba_cart_data .tba_cart_price, 
.tba_cart_data td.tba_cart_datetime {
display: inline-block !important;
width: auto;
text-align: left;
padding-top: 0;
}
.tba_cart_data tr td.hover_button {
opacity: 1;
height: 50px;
}
.tba_cart_data.tba_summary_box td.tbab-detail-pricebox {
display: block;
padding: 0;
}
.tba_summary_box tr {
padding: 25px 15px 25px;
}
.tba_cart_data.tba_summary_box td {
line-height: 26px;
}
.recheduleinfo .rechedule_info {
height: auto;
}
}
@media (max-width: 1100px) {
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
height: 150px;
}
#tbab_service .tbab_subservicebox {
width: 100%;
}
.tbab_serviceboxhtml .truebooker_service_cats {
gap: 21px;
}
.tba-front-staff-item .truebooker_staff_cats {
gap: 21px;
}
}
@media(max-width:992px) { 
.tba-tab-content .tba-front-tabs--panel-body {
padding: 30px 15px;
}
td.hover_button {
right: 15px;
}
.tba_summary_div {
padding: 30px 15px !important;
}
.tba-message .tba-message_contents {
display: block !important;
}
a.tba_message_button {
float: left !important;
margin-top: 15px;
}
.tba_cart_data .tba_cart_price, 
.tba_cart_data td.tba_cart_datetime {
width: 100%;
}
}
@media (max-width: 1054px) {
a.tba_message_button {
float: left !important;
transform: translateY(0) !important;
}
}
@media (max-width: 991px) {
.truebooker_form_style #tba_front_content4 .tba-front-ser-card {
width: 100%;
}
.truebooker_form_style ul.tba-front-tab-menu {
flex-basis: 42%;
}
.tba-front-branch-item .tba-front-branch-card-wrapper {
width: 100%;
}
.tbab_serviceboxhtml .tba-front-service-card-wrapper {
width: 47%;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
max-width: 140px !important;
width: 140px !important;
}
.tba-front-subservice-item  select#truebooker_service_qty {
max-width: 140px;
}
#tbab_service .tbab_subservicebox {
width: 100%;
max-width: 500px;
padding: 20px 15px;
}
.tba-front-staff-item .tba-front-staff-card-wrapper {
width: 48%;
}
.tbab_serviceboxhtml .truebooker_service_cats {
justify-content: space-between;
}  
.tba_booking_timeslot .tba-front-timeslot-card-wrapper {
width: 100%;
} 
.tba_booking_timeslot {
height: 444px;
max-width: 350px;
}
.tba_cart_data.tba_summary_box td.tbab-detail-staff-member {
display: block;
padding: 0px 0 10px;
}
.tba_paymentmethod .tba_paymentbox {
flex-wrap: wrap;
}    
.tba_paymentmethod .tba-front-payment-card-wrapper {
width: 48%;
}
.tbabmenu-leftsidebar ul {
padding: 0;
margin-bottom: 0px;
flex-direction: row;
align-self: auto;
min-width: 100%;
margin-right: 0;
display: flex;
justify-content: center;
overflow-x: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
gap: 15px;
}
.tbabmenu-leftsidebar ul li a {
font-size: 0;
margin-bottom: 10px;
line-height: 0;
padding: 10px 20px 15px;
}
.tbabmenu-leftsidebar ul li.tbabmenu a svg {
margin-right: 0;
}
td.tbab_booking_subservice_name {
width: auto;
}
.tbab-myaccountcontent {
padding: 25px 15px 30px;
}
.tbab-account-menubar {
padding: 30px 15px;
}
.tba-form-field.truebooker__country {
margin-top: 20px;
}
}
@media (max-width:767px) {
.tba-modal {
width: 85%;
}
.tba-message_content h4 {
margin-bottom: 10px !important;
}
.tba-front-tabs {
display: block;
}
.tba-message-image {
padding: 100px 0 0 !important;
z-index: -1;
}
.tba_cart_details_extra .tba_booking_info_booked {
padding: 15px 15px !important;
}
.tbab_summary_detail {
flex-wrap: wrap;
gap: 0 !important;
}
.tbab_summary_field {
width: 47% !important;
border-right: 0 !important;
}
.truebooker_form_style ul.tba-front-tab-menu {
margin-right: 0;
margin-bottom: 30px;
flex-direction: row;
align-self: auto;
min-width: 100%;
padding: 16px 20px;
margin-right: 0;
display: flex;
justify-content: center;
overflow-x: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;    
position: relative;
gap: 15px;   
}
.fc-view-harness {
height: 450px !important;
}
.truebooker_form_style a.tba-front-tab-menu--item {
font-size: 0;
margin-bottom: 0;
}
.truebooker_form_style a.tba-front-tab-menu--item svg {
margin-right: 0;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
width: 100%;
max-width: 100%;
}
.tba-front-staff-item .tba-front-staff-card-wrapper {
width: 31%;
}
.tba-front-staff-item .truebooker_staff_cats {
gap: 18px;
}
.tba_account_pop div#truebooker-model {
padding: 30px 15px;
}
.recheduleinfo .rechedule_info {
height: 655px;
}
.tba_booking_timeslot.active {
right: 30px;
}
.truebooker-form  .col-md-5.tbab_amyaccount_calender {
width: 49%;
display: inline-block;
}
}
@media (max-width:679px) {
.truebooker_form_style .tba-front-ser-card-wrap {
width: 100%;
}
}
@media (max-width:480px) {
.tbab_serviceboxhtml .tba-front-service-card-wrapper {
width: 100%;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
max-width: 100px !important;
width: 100px !important;
}
#tbab_cart .tba_cart_box .tba_cart_data tr {
padding: 15px 0;
}
#tbab_cart .tab_cart_box_total {
display: block;
}
.tba-front-module--add-to-calendar {
display: block;
}
.tba-front-module--add-to-calendar h4 {
margin-bottom: 10px;
}
.tba-front-staff-item .tba-front-staff-card-wrapper {
width: 100% !important;
}
.tba_booking_timeslot {
max-width: 300px;
height: 350px !important;
}
.tba_booking_calendarbox td.fc-daygrid-day.fc-day {
padding: 2px;
}
.tba_booking_calendarbox .fc .fc-view-harness {
height: 300px !important;
}
.tba_paymentmethod .tba-front-payment-card-wrapper {
width: 100%;
}
.tba_cart_data tr td.hover_button {
top: auto;
bottom: auto;
position: relative;
left: 0;
right: 0;
margin: 0px 10px 10px;
text-align: center;
padding: 10px 10px;
}
.tba-front-module--add-to-calendar {
display: block !important;
text-align: center;
}
button#google-calendar-button-tba {
margin-top: 10px;
}
.tba-tab-content .tba-front-tabs--panel-body {
min-height: 400px !important;
max-height: 400px !important;
}
.tba-front-subservice-item .tba_qtybox {
display: block !important;
}
.tba-front-subservice-item  select#truebooker_service_qty {
max-width: 100% !important;
margin-top: 15px;
}
a.tba_message_button {
padding: 12px 15px 10px !important; 
}
.tab_myaccount_search #searchbooking{
justify-content: center;
display: flex;
}
.truebooker_form_style ul.tba-front-tab-menu {
margin-right: 0;
margin-bottom: 30px;
flex-direction: row;
align-self: auto;
min-width: 100%;
padding: 16px 20px;
margin-right: 0;
display: flex;
justify-content: flex-start;
overflow-x: auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
position: relative;
gap: 15px;
}
}
@media (max-width:400px) {
.truebooker_form_style #tbab_summary .tba_next_prevbtn {
display: block;
}
.truebooker-form .col-md-5.tbab_amyaccount_calender {
width: 100%;
display: inline-block;
}
.tab_myaccount_search #searchbooking{
width: 100% !important;
display: flex;
justify-content: center;
padding-left: 48px;
padding-right: 48px;
}
.tbab_amyaccount_calender{
margin-top: 5px;
}
}
@media (max-width: 600px) {
form {
width: 100%;
min-width: initial;
}
.tba_booking_calendarbox .fc .fc-daygrid-day-frame {
height: auto;
min-height: 52px;
}
.tba-tab-content .tba-front-tabs--panel-body {
padding: 15px;
min-height: 500px;
max-height: 500px;
}
.tba-front-tabs {
min-height: 500px;
}
.tbab_subserviceboxhtml .tba-front-subservice-card-wrapper {
display: block;
}
.truebooker-form #tbab_service .tba-front-subservice-card-wrapper .tba-subservice-rightcolumn .tba__number-input input[type="number"] {
max-width: 100% !important;
width: 100% !important;
}
.tbab_subserviceboxhtml .tba-subservice-leftcolumn {
margin-bottom: 15px;
}
#tbab_service .tbab_subservicebox .tba_buttonblock {
position: relative;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.tba-front-staff-item .tba-front-staff-card-wrapper {
width: 48%;
}
.tba-front-staff-item .truebooker_staff_cats {
gap: 15px;
justify-content: space-between;
}
.fc-view-harness {
height: 385px !important;
}
table.fc-scrollgrid-sync-table {
height: 350px !important;
}
.tba_booking_timeslot {
height: 445px;
padding: 30px 15px;
}
.tba_cart_data .tba_cart_price, td.tba_cart_datetime {
width: 100%;
}
.tba_cart_data  .tba_cart_datetime {
padding-top: 0;
padding-bottom: 0;
}
section#tbab_cart .row {
margin: 0;
margin-bottom: 15px;
}
.pagination.myaccount_pagination {
display: block;
}
ul.page-numbers {
margin-top: 10px;
}
.tba_booking_timeslot.active {
right: 0px;
top: 50px !important;
}
.tbab_cart-main-heading .tbab_cart-addservice button {
float: left;
}
.tba_booking_info_tab .tba_basic_content_info.row {
margin: 20px 0 0!important;
}
.tba_cart_details_extra {
padding: 30px 15px 0;
height: 85%;
}
td.tbab_cart_subservice_name {
width: auto;
}
#tbab_summary .tba_deposite_maindiv .tba_deposite_mainbox {
display: block;
}
#tbab_summary .tba_deposite_maindiv .tba_depositebutton {
margin-bottom: 15px;
}
.tba-tab-content .tba-front-tabs--panel-body {
padding: 30px 15px;
}
.tba_summary_div {
padding: 30px 15px !important;
}
.tbab_summary_detail {
display: block;
}
.tbab_summary_field {
width: 100% !important;
padding-bottom: 15px;
}
.tba-message .tba-message_contents {
display: block !important;
}
a.tba_message_button {
margin-top: 20px;
float: left !important;
}
}
@media (max-width: 600px) {
.tba_booking_info_tab ul.tba_tab {
display: block;
}
.tba_booking_info_tab ul.tba_tab li {
margin-bottom: 10px;
}
.tbab_cart-main-heading.col-lg-12 {
display: inline-block;
padding: 0 !important;
}
}
@media only screen and (min-width:600px) and (max-width:1200px) {
.fc-view-harness.fc-view-harness-active {
height: 100% !important;
min-height: 420px !important;
}
}
@media only screen and (min-width:480px) and (max-width:1200px) {
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box {
display: block;
}
.tbab_serviceboxhtml .truebooker_service_content_box .tba_price_time_box .tba_hour_box {
padding-bottom: 10px;
}
}
@media only screen and (min-width:992px) and (max-width:1200px) {
.truebooker-form  .tab_myaccount_search {
width: 25%;
}
}
@media only screen and (min-width:767px) and (max-width:991px) {
.tba-front-staff-item .truebooker_staff_cats {
gap: 15px;
justify-content: space-between;
}
}
@media only screen and (min-width:600px) and (max-width:767px) {
.tbab_summary_detail {
gap: 15px;
flex-wrap: wrap;
}
.tbab_summary_field {
width: 46%;
border-right: 0;
}
.tbab_cart-main-heading {
display: flex;
}
.tbab_cart-main-heading .tbab_cart-addservice {
margin-left: 25px;
}
}
@media only screen and (min-width:680px) and (max-width:767px) {
.truebooker_form_style .tba-front-ser-card-wrap {
width: 47%;
}
}
@media only screen and (min-width:600px) and (max-width:992px) {
#tbab_cart .tba_cart_box,#tbab_cart .tab_cart_box_total {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 450px) {
.tba_cart_details_extra .tba_booking_info_booked .tba_service_card {
display: block;
}
}
@media (max-width: 1470px) {
td.tba_bookitem_servicename,
td.tba_bookitem_id,
td.tba_bookitem_price {
max-width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
@media (max-width:1302px){
.truebooker-form .col-md-2.tab_myaccount_search{
width:auto;
margin-bottom: 9px;
margin-left: 12px;
}
.truebooker-form .tbook-box{
display:flex;
flex-wrap:wrap;
gap:10px;
}
.truebooker-form .tbook-box button{
padding:13px 18px;
margin-top:3px;
width:auto;
}
}
@media (max-width:600px) { 
.tba-message-image {
min-height: 320px!important;
}
}  .tba_summary_div { position: relative;
padding: 50px 50px;
border: 1px solid var(--tba-bordercolor);
border-radius: var(--tba-radius-15px);
}
.tbab_summary_field {
width: 25%;
border-right: 1px solid var(--tba-bordercolor);
}
.tbab_summary_field:last-child {
border-right: 0;
}
.tbab_summary_id {
text-align: center;
margin: 0 auto;
}
.tbab_summary_id label {
font-size: 16px;
line-height: 28px;
color: var(--tba-body-color);
}
span.bookingid {
font-size: 16px;
line-height: 28px;
color: var(--tba-cl-dark);
font-weight: 500;
background: #E6F1FF;
border-radius: var(--tba-radius-8px);
padding: 5px 10px;
}
h3.tbab_summary_message {
font-size: 24px;
line-height: 34px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tbab_summary_detail {
display: flex;
justify-content: space-between;
gap: 30px;
align-items: center;
text-align: center;
border-bottom: 1px solid var(--tba-bordercolor);
padding-bottom: 25px;
padding-top: 25px;
}
span.tbab_sum_label {
font-size: 14px;
line-height: 26px;
color: var(--tba-body-color);
}
h4.tbab_sum_value {
font-size: 14px;
line-height: 26px;
color: var(--tba-cl-dark);
font-weight: 500;
margin: 0;
}
.tba-front-module--add-to-calendar {
display: flex;
align-items: center;
gap: 15px;
justify-content: center;
padding-top: 40px;
}
.tba-front-module--add-to-calendar h4 {
font-weight: 500;
font-size: 14px;
line-height: 26px;
color: var(--tba-cl-dark);
margin-bottom:0;
margin-top: 0;
}
button#google-calendar-button-tba {
background: transparent;
color: var(--tba-cl-dark);
font-weight: 500;
border: 1px solid var(--tba-bordercolor);
padding: 6px 30px 10px;
line-height: 26px;
}
button#google-calendar-button-tba svg {
overflow: visible;
margin-right: 5px;
}
button#google-calendar-button-tba:hover {
border-color: var(--tba-cl-dark);
}
p.tba-message {
text-align: center;
margin: 0 auto;
}
.tba_paybtns {
position: absolute;
display: inline-block;
width: auto;
top: 30px;
left: auto;
right: 50px;
}
.tbab_success_image {
margin: auto;
height: 100px;
background-image: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/success.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
margin-bottom: 30px;
} #setting-loading {
position: absolute;
display: none;
height: 100%;
width: 100%;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
z-index: 9999;
background: var(--tba-gray);
}
#setting-loading span{
position: absolute;
width: 40px;
height: 40px;
border: 4px solid #ccc;
border-top-color: #3498db;
border-radius: 50%;
animation: spin 0.8s linear infinite;
vertical-align: middle;
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto!important ;
z-index: 99;
}
@keyframes spin {
to {
transform: rotate(360deg); 
}
} span.tbab_message {
position: absolute;
top: 0;
bottom: 84px;
right: 0;
left: 0;
margin: auto;
text-align: center;
display: flex;
justify-content: center;
align-items: center;
font-size: 20px;
line-height: 30px;
font-weight: 500;
color: var(--tba-cl-dark);
}
.tba-message .tba-message_contents{
display: flex;
align-items: center;
justify-content: space-between;
}
.tba-message_content h4 {
font-size: 20px;
line-height: 28px;
font-weight: 500;
margin: 0;
color: var(--tba-cl-dark);
}
.tba-message_content span {
font-size: 14px;
line-height: 26px;
font-weight: 500;
color: var(--tba-body-color);
}
a.tba_message_button {
background: transparent;
color: var(--tba-cl-dark);
box-shadow: unset;
border: 2px solid var(--tba-cl-black);
font-weight: 500;
width: auto;
float: right;
border-radius: var(--tba-radius-8px);
padding: 12px 30px 10px;
text-decoration: none;
font-size: 15px;
line-height: 26px;
}
a.tba_message_button svg {
overflow: visible;
margin-right: 5px;
}
a.tba_message_button:hover {
background-color: var(--tba-cl-black);
color: var(--tba-cl-white);
}
a.tba_message_button:hover svg path {
stroke: var(--tba-cl-white);
}
.tba-message-image {
position: relative;
min-height:283px;
border: none;
color: var(--tba-cl-white) !important;
background-image: url(//arrow-energy.com/wp-content/plugins/truebooker-appointment-booking/assets/images/message.png);
background-repeat: no-repeat;
background-position: center;
width: 100%;
display: block;
padding: 100px 0;
pointer-events: none;
}
#truebooker-model-rechedule .tba_error.commonerror {
z-index: 9999;
position: absolute;
background: var(--tba-cl-white);
padding: 10px 0;
} .truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper {
padding: 0;
display: flex;
align-items: center;
gap: 15px;
overflow: hidden;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox {
width: 100%;
max-width: 180px;
height: 100%;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .tba_branchlogo {
height: 100%;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .image-titlebox .tba_branchlogo img {
max-width: 100%;
height: 100%;
border-radius: 0;
}
.truebooker_form_style2 .tba-tab-content .tba-front-branch-item .tba-front-branch-card-wrapper .branchcontent_box {
padding: 25px 20px 25px 15px;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .tba-front-service-card-wrapper {
width: 49%;
padding: 0;
overflow: hidden;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box {
display: flex;
align-items: center;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox {
margin: 0;
flex-shrink: 0
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_imagebox img {
max-width: 100%;
height: 100px;
border-radius: 0;
border: 0;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .truebooker_service_content_box .tba_service_titlebox {
padding: 15px 20px;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_calendarbox {
width: 65%;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot {
right: 45px;
max-width: 30%;
width: 100%;
opacity: 0;
top: 28px;
-webkit-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-moz-transition: all .4s cubic-bezier(.59,.19,.17,.72);
-o-transition: all .4s cubic-bezier(.59,.19,.17,.72);
transition: all .4s cubic-bezier(.59,.19,.17,.72);
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot.active {
opacity: 1;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot .tba-front-timeslot-card-wrapper {
width: 100%;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-item .tba-front-staff-card-wrapper {
padding: 0;
text-align: left;
overflow: hidden;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-item .tba-front-staff-card-wrapper .tba_staffbox .tba_leftimag img {
max-width: 130px;
}
.truebooker_form_style2 #tbab_staff  .tba-front-staff-item .tba_staffbox .tba_right.staff_content {
padding-top: 0;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-card-wrapper.tba_any_staff {
justify-content: normal;
}
.truebooker_form_style2 .tba_staffbox {
display: flex;
align-items: center;
gap: 15px;
width: 100%;
}
.truebooker_form_style2 #tbab_staff .tba_any_staff .tba_leftimag {
width: 100%;
height: 130px;
max-width: 130px;
border-radius: 0;
margin: 0;
}
.truebooker_form_style2 #tbab_staff .tba-front-staff-item .tba_staffbox .tba_staffinfo h4{
margin-bottom: 10px;
}
.tba-front-staff-item .tba_staffbox  span.tba_staffphone {
font-size: 14px;
line-height: 16px;
color: var(--tba-cl-dark);
display: block;
word-break: break-all;
padding-top: 8px;
}  .tbab-service-grid{
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 30px;
margin-top: 30px;
width: 100%;
}
.tbab-service-card{
background: #f7f1e8;
border-radius: 8px;
overflow: hidden;
display: flex;
flex-direction: column;
box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.tbab-service-img{
width: 100%;
height: 220px;
background: #e5e5e5;
}
.tbab-service-img img{
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.tbab-service-content{
padding: 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.tbab-service-content h3{
font-size: 18px;
margin: 0 0 6px;
font-weight: 600;
}
.tbab-category{
font-size: 13px;
color: #666;
margin-bottom: 15px;
}
.tbab-price{
font-size: 16px;
font-weight: 700;
margin-bottom: 12px;
}
.tbab-book-btn{
margin-top: auto;
background: #e11d1d;
color: #fff;
padding: 10px 16px;
text-decoration: none;
text-align: center;
border-radius: 4px;
font-size: 14px;
font-weight: 600;
}
.tbab-book-btn:hover{
background: #b91c1c;
}
.tbab-feedback-overlay{
position: fixed;
inset: 0;
background: rgba(0,0,0,.6);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
}
.tbab-feedback-popup{
width: 380px;
background: #fff;
border-radius: 16px;
padding: 30px 25px;
text-align: center;
position: relative;
box-shadow: 0 25px 60px rgba(0,0,0,.25);
animation: tbabFadeUp .35s ease;
}
.tbab-popup-close{
position: absolute;
top: 12px;
right: 14px;
font-size: 22px;
cursor: pointer;
color: #999;
}
.tbab-popup-close:hover{
color: #000;
}
.tbab-popup-icon{
width: 60px;
height: 60px;
background: #eef2ff;
color: #4f6df5;
font-size: 26px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 15px;
}
.tbab-feedback-popup h3{
margin-bottom: 8px;
font-size: 18px;
}
.tbab-feedback-popup p{
font-size: 14px;
color: #555;
}
.tbab-feedback-popup code{
display: block;
margin: 15px 0 20px;
background: #f5f6fa;
padding: 10px;
border-radius: 8px;
font-size: 13px;
}
.tbab-popup-btn{
width: 100%;
background: #4f6df5;
color: #fff;
border: none;
padding: 12px;
border-radius: 25px;
cursor: pointer;
}
.tbab-popup-btn:hover{
background: #3d58e0;
}
.truebooker_form_style2 .tba_staffbox .tba_leftimag{
width: 100%; max-width: 130px;
border-radius: 0; 
margin: 0;
}
.truebooker_form_style2 .tba-front-staff-item .tba_staffbox span.tba_staffemail {
font-size: 14px;
line-height: 0px !important;
color: var(--tba-body-color);
display: block;
word-break: break-all;
}
@keyframes tbabFadeUp{
from{opacity:0;transform:translateY(20px)}
to{opacity:1;transform:translateY(0)}
}
@media(max-width:480px){
.tbab-feedback-popup{width:90%}
}
.truebooker-form .iti__country-list {
font-size: 15px;
}
.tba_addonpaymentmethod_content .paymentbtn
{
background-color: var(--tba-cl-dark);
border: none;
color: var(--tba-cl-white);
border-radius: var(--tba-radius-10px);
padding: 0 30px;
cursor: pointer;
-webkit-transition: .1s;
transition: .1s;
height: 40px;
line-height: 40px;
font-size: 15px;
font-family: var(--tba-font-family);
font-weight: 400;
}
.tbab_categorybox,
.truebooker_category_cats {
margin-left: 3px;
} .truebooker main.truebooker_form_.truebooker_form_style2 .tba-tab-content .tba-front-tabs--panel-body {
min-height: 500px;
max-height: 500px;    
}
.truebooker main.truebooker_form_.truebooker_form_style2 {
width: 100%;
}
.truebooker_form_style2 ul.tba-front-tab-menu {
overflow-x: auto !important;
overflow-y: hidden;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
scroll-snap-type: x proximity;
}
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .tba-front-service-card-wrapper {
width: 100%;
padding: 0;
overflow: hidden;
max-width: 48%;
}
.truebooker_form_style2 .tbab_serviceboxhtml .truebooker_service_cats {
gap: 30px;
}
.truebooker_form_style2 .tba_booking_timeslot {
height: 440px;   
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot {
z-index: 0;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot.active {
z-index: 2;
}
.truebooker_form_style2  .tba_booking_calendarbox .fc .fc-view-harness {
height: 400px !important;
}
@media (max-width: 1340px) {
.truebooker_form_style2 ul.tba-front-tab-menu {
justify-content: flex-start !important;
}
}
@media(max-width:1024px){    
.truebooker_form_style2 .tba-front-tabs {
min-height: 500px;
}
.truebooker_form_style2 .tba-tab-content .tba-front-tabs--panel-body {
min-height: 460px;
max-height: 460px;
}
.truebooker_form_style2  .tba_booking_timeslot {
height: 460px;
}
.truebooker_form_style2  .fc .fc-scrollgrid-section table {
height: auto !important;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot {
max-width: 60%;
width: 100%;
right: 15px;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_calendarbox {
width: 100%;
}
.tba_booking_timeslot.active {
right: 15px;
}
}
@media (max-width: 1200px) {
.entry-content.is-layout-constrained {
padding: 0;
}
.truebooker_form_style2 .tba_booking_calendarbox .fc .fc-daygrid-day-frame {
height: auto;
min-height: 42px;
}
}
@media (max-width: 1199px) {
.truebooker_form_style2 .tbab_serviceboxhtml .truebooker_service_cats {
gap: 15px;
}
.truebooker_form_style2 .tba-front-staff-item .tba-front-staff-card-wrapper {
width: 48%;
}
#tba_booking_calendar.fc .fc-scrollgrid-section table {
height: 1px;
height: 100% !important;
}
}
@media (max-width: 1100px) {
.truebooker_form_style2 .tbab_serviceboxhtml .truebooker_service_cats {
gap: 15px;
}
}
@media (max-width: 991px) {
.truebooker_form_style2 .tbab_serviceboxhtml .truebooker_service_cats {
justify-content: flex-start;
}
}
@media (max-width: 878px) {
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .tba-front-service-card-wrapper {
max-width: 48%;
}
.truebooker_form_style2 .tba-front-staff-item .tba-front-staff-card-wrapper {
width: 48%;
}
}
@media (max-width: 767px) {
.truebooker_form_style2 .tba-front-staff-item .tba-front-staff-card-wrapper {
width: 100%;
}
.truebooker_form_style2 .fc .fc-scrollgrid-section table {
height: auto !important;
}
.truebooker_form_style2  .fc-view-harness.fc-view-harness-active {
min-height: 390px !important;
}
}
@media (max-width: 600px) {
.truebooker_form_style2 .tba-tab-content #tbab_service .tbab_serviceboxhtml .tba-front-service-card-wrapper {
max-width: 100%;
}
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot {
max-width: 70%;
}
.truebooker_form_style2  .tba_booking_timeslot {
height: 420px;
}
}
@media (max-width: 480px) {
.truebooker_form_style2 .tba-tab-content #tbab_datetime .tba_booking_timeslot {
max-width: 90%;
}
} .cart-total-label {
width: 70% !important;
display: inline-block;
}
.tba-price-align {
margin-left: auto !important;
}
#trubooker_close:focus, 
#trubooker_close:active {
outline: none !important;
box-shadow: none !important;
border: none !important; 
}
.zero-margin {
margin-bottom: 0 !important;
}
.mb-25 {
margin-bottom: 25px !important;
}
.tba-message .tba-message_contents
{
display: flex;
align-items: center;
justify-content: space-between;
}
.truebooker-form input[type="submit"]:hover {
background-color: var(--tba-cl-black);
}