@charset "UTF-8";



* {
  text-decoration: none
}



h1,
h2,
h3,
h4,
h5,
h6{
    margin: 0
}

body {
   background: var(--tba-gray);
}

.error {
    color: red;
}

div#result {
    z-index: 11;
    position: relative;
}

.wp-person a:focus .gravatar, 
a:focus, 
a:focus .media-icon img,
a:focus .plugin-icon {
    box-shadow: unset;
    outline: 0px solid transparent;
}

.tba-table__header-wrapper a {
    color: var(--tba-body-color);
}

.tba-default-box{
    padding: 0;
    position: relative;
}

.paddleft15 {
    padding-left: 15px;
}
.tba-main-listing-container {
    margin: 10px 20px 0 2px;
    padding: 0;
    font-family: var(--tba-font-family);
}

.tba-popconfirm {
    background: var(--tba-cl-white);
    padding: 15px 30px;
    display: inline-block;
    border-radius: var(--tba-radius-10px);
    position: fixed;
    right: 0;
    top: 40px;
	z-index:99999;
    -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;
}

.truebooker_success {
     background: var(--tba-al-success);
}

.truebooker_error {
     background: var(--tba-al-error);
}

.tba_success {
    color: #678B67;
}

.tba_error {

    color: red;

}


table.service_spelcialtable th,
table.service_holidaylist_table th {
    font-weight: 500;
    color: var(--tba-cl-dark);
}
table.service_holidaylist_table .service_holiday_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: 0;
    left: auto;
    top: 0;
    bottom: 10px;
    margin: auto 0;
}
table.service_holidaylist_table tr:hover td .service_holiday_button {
    opacity: 1;
}

div#service_holiday_edit,
div#service_holiday_delete {
    line-height: 0;
}
table.service_holidaylist_table tr {
    position: relative;
}
.service_holiday_data .tba-form-field.tba_gray_bg_sec {
    padding: 20px 30px 30px;
    margin-top: 30px;
}
div#service_holiday_edit {
    border-right: 1px solid var(--tba-bordercolor);
    padding-right: 15px;
}

.tba-popconfirm span {

    display: block;

}

.tba-loading {

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

    z-index: 999999999;

    background: url("../images/ajax-loader.gif") 50% 50% no-repeat #ffffff;

    background-size: 40px;

}

.truebooker-form label {

    /* width: 100%; */

    display: block;

    color: var(--tba-body-color);

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 15px;

    font-weight: 500;

    cursor: unset;

    /* text-transform: capitalize; */

}

.truebooker-form .tba-form-field-radio.tba-form-radiobox label
{
	
	  margin-bottom: 0;
	
}

.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,#holiday-modal-form select {

    padding: 6px 15px;

    width: 100%;

    border-color: var(--tba-bordercolor);

    border-radius: var(--tba-radius-8px);

    max-width: unset; 

    font-size: 15px;

    color: var(--tba-cl-dark);
 
}
#truebooker_branch .tba-details-tbl-wraper span.error {
    position: absolute;
}

.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: 50px;

}

.truebooker-form input[type=text]::placeholder,.truebooker-form input::placeholder,.truebooker-form textarea::placeholder {

    color: var(--tba-cl-dark);;

}

.truebooker-form select:invalid {

    color: var(--tba-cl-dark);;

}

.truebooker-form select:focus, .truebooker-form select:active, .truebooker-form select:hover {

    color: var(--tba-cl-dark);

}



.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;

}

.tba-service-duration {

    display: flex;

}

.tba-service-duration input#truebooker_subservice_duration_val {

    -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 {

    margin-bottom: 25px;

}



.tba-button {
	
	display:inline-block;

    background-color: var(--tba-cl-skin);

    border: none;

    color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    padding: 12px 35px;

    cursor: pointer;

    -webkit-transition: .1s;

    transition: .1s;

    font-size: 15px;

    font-weight: 500;
	
	line-height: 26px;
    text-transform: capitalize;
	

}

.tba-button:hover {

    background-color: var(--tba-cl-black);

    color: var(--tba-cl-white);

}
.truebooker-form .tba-button-wrap a:focus {
    color: var(--tba-cl-white);
}

.tba-form-field.tba-form-box.department_handler {
    margin-top: 20px;
}

.tba-payment-section .tba-button:hover {

    color: var(--tba-cl-white);



}

.button-top-sp {

    margin-top: 42px;

}

.tba-page-heading {

    font-size: 20px;

    line-height: 28px;

    margin-bottom: 20px;

    padding-bottom: 15px;

    display: block;

    font-weight: 600;

    margin-top: 0;

    color: var(--tba-cl-dark);

}

.truebooker_page_subservices .tba-page-heading {

     margin-bottom: 0px;

    border-bottom: 0px solid var(--tba-bordercolor);

    padding-bottom: 0px;

}

.tba-subservices-field {

    padding: 0 !important;

    margin-bottom: 0;

}

#tba-settings-blocksall.tba-details-tbl-wraper
{
 	overflow-y: auto;
}
.tba-details-tbl-wraper {

    background-color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    padding: 30px 30px 30px 30px;

    margin-top: 25px;

    box-shadow: 0px 0px 30.1px 2.9px rgba(0, 0, 0, 0.1);

    position: relative;
	


}

.tba-table__header-wrapper table {

    width: 100%;
    border-collapse: collapse;
    border-spacing: 12px;

}



.tba-table__header-wrapper tr th, .tba-table__header-wrapper tr td {

    text-align: left;

    font-size: 14px;

    margin-bottom: 15px;
	
    line-height: normal;

    position: relative;

    color: var(--tba-cl-dark);


}
.tba-table__header-wrapper tr th
{
	font-weight:500;
}

.tba-table__header-wrapper thead tr th:first-child, .tba-table__header-wrapper tbody tr td:first-child {

    word-break: break-all;

    flex: 0;

    margin-right: 5px;

    margin-top: 0;

    background-color: transparent;
	
	line-height:1;

}

.select2-container--default .select2-results__option--selected {
    background-color: transparent !important;
}

.tba-table__header-wrapper thead tr th:nth-child(3), .tba-table__header-wrapper tbody tr td:nth-child(3){
	padding:0 !important;
}
.tba-table__header-wrapper #manage_truebooker_branch tbody tr td:nth-child(3) {
    padding: 10px 0 !important;
}

.tba-table__header-wrapper tr th:last-child, .tba-table__header-wrapper tr td:last-child {

    text-align: right;

}

.tba-table__header-wrapper table tbody td #delete, .tba-table__header-wrapper table tbody td #edit {

    font-size: 15px;

    background: transparent;

    display: inline-flex;

    vertical-align: middle;

    z-index: 1;

    position: relative;

    height: auto;

    color: var(--tba-appointment-color);
	
}

.tba-table__header-wrapper table tbody td #edit {

    margin-right: 0;

    font-size: 15px;

    color: var(--tba-cl-black);

}

.tba-table__header-wrapper thead.has-gutter tr th {

    
	padding:15px;

}

main#all-page-main-container.main-dashboard {

    margin-left: 160px;

    padding-left: 20px;

}

/*
.tba-table__header-wrapper table tbody td #delete:before {

    content: '\f1f8';

    font-family: 'FontAwesome';

    font-size: 15px;

    color: #000000;

    display: inline-block;

    vertical-align: top;

}
*/
.tba-table__header-wrapper tr td:last-child {

    position: relative;

}

.tba-table__header-wrapper tr td:last-child i.fa {

    position: relative;

    font-size: 0px;

}

.tba-table__header-wrapper tr td  .tba_update i.fa {

    right: 63px;

}

/*.tba-table__header-wrapper.tba-dashboard thead.has-gutter tr th#email, .tba-table__header-wrapper.tba-dashboard tr td:nth-child(3) {

    flex: 2 1 0px;

}*/

input#search-box {

    border: 1px solid var(--tba-bordercolor);

    background-color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    font-size: 14px;

    height: 50px;

    font-weight: 400;

    color: var(--tba-body-color);

}

input#search-box:focus-visible {

    outline: 0;

}

.tba-table__header-wrapper tr th:last-child#delete i {

    padding: 10px 0;

    margin-bottom: 10px;

    margin-top: 0;

    font-weight: 500;

    background-color: var(--tba-appointment-color);

    color: #ffffff;

    border-radius: 10px;

    width: 100%;

    text-align: center;

    display: none;

}

/*  timepicker CSS */

.ui-timepicker-container {

  position: absolute;

  overflow: hidden;

  box-sizing: border-box;

}



.ui-timepicker {

  box-sizing: content-box;

  display: block;

  height: 190px;

  list-style: none outside none;

  margin: 0;

  padding: 0 1px;

  text-align: center;

}



.ui-timepicker-viewport {

  box-sizing: content-box;

  display: block;

  height: 190px;

  margin: 0;

  padding: 0;

  overflow: auto;

  overflow-x: hidden;

  /* IE */

}



.ui-timepicker-standard {

    background-color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    color: var(--tba-cl-black);

    margin: 0;

    padding: 0;

    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 {

  /* overwrites .ui-state-hover */

  background-color: var(--tba-cl-dark);

  font-weight: normal;

  color: var(--tba-cl-white);

}



.ui-timepicker-standard .ui-menu-item {

  /* overwrites .ui-menu and .ui-menu-item */

  /*clear: left;

    float: left;*/

  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 {

  /* overwrites .ui-helper-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);

}

.ui-datepicker-header {

    height: 45px;

    line-height: 45px;

    color: var(--tba-cl-white);

    background: #2B4FFF;

    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;

}

.ui-datepicker-calendar thead tr th span {

  display: block;

  width: 45px;

  color: var(--tba-cl-black);

  margin-bottom: 5px;

  font-size: 15px;

}

.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-logo-clr);

  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-logo-clr);

  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 input#timepicker {

    -ms-flex: 1 1 auto;

    flex: 0 0 65%;

    margin-right: 15px;

}

.tba-dashboard-summary {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 10px;
    margin-right: 15px;
    margin-left: 15px;
}

.tba-dash-summary-item {
    margin-bottom: 15px;
	display:flex;
	flex-direction: row;
	align-items: center;
	gap:15px;
    flex: 1;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    -webkit-border-radius: var(--tba-radius-10px);
    -moz-border-radius: var(--tba-radius-10px);
    -o-border-radius: var(--tba-radius-10px);
    border-radius: var(--tba-radius-10px);
    text-align: center;
    background: var(--tba-cl-white);
	box-shadow: 0px 0px 15px #ccc;

}



.tba-dashboard-summary .tba-dash-summary-item:last-child {

    margin-right: 0;

}

.tba-dashboard-summary .tba-dash-summary-item p {

    font-size: 14px;

    color: var(--tba-body-color);

    margin: 0;

    font-family: var(--tba-font-family);

    font-weight: 400;

}

.tba-dashboard-summary .tba-dash-summary-item h3 {

    font-size: 24px;

    line-height: 30px;

    color: var(--tba-cl-dark);

    margin-bottom: 0px !important;

    font-weight: 600;

    font-family: var(--tba-font-family);

    margin-top: 0;

}

.tba-dashboard-summary .tba-dash-summary-item.total-appointment h3 {

    color: var(--tba-cl-dark);

}

.tba-dashboard-summary .tba-dash-summary-item.pending-appointment h3 {

    color: var(--tba-pappointment-color);

}

.tba-dashboard-summary .tba-dash-summary-item.truebooker-users h3 {

    color: var(--tba-user-color);

}

.tba-dashboard input#truebooker_appointment_status {

    border: 0;

    background: transparent;

    color: var(--tba-pappointment-color);

    cursor: pointer;

    font-size: 14px;

    font-weight: 500;

}

.tba-form-field .iti {

    display: block;

}

.hide {

    display: none;

}

.truebooker-settingform .tba-sec-top {

    display: flex;

    overflow: visible;

}

.tba-sec-top .tab-content {

    flex-basis: 85%;

}

.tba-sec-top #tba-tab {

    float: none;

    margin-right: 32px;

    background-color: var(--tba-gray);

    border-radius: var(--tba-radius-10px);

    padding: 40px 28px;

    flex-basis: 20%;

}

.tba-sec-top li.nav-item a {

    border: 1px solid var(--tba-cl-lightdark);

    background-color: var(--tba-cl-white);

    border-radius: var(--tba-radius-10px);

    padding: 14px 28px 14px 20px;

    font-size: 17px;

    line-height: 30px;

    margin: 0;

    margin-bottom: 20px;

    color: var(--tba-cl-dark);

    transition: unset;

    display: block;

    font-weight: 500;

}



li.nav-item.tab-active a.nav-link i:before {

    background-color: #ffffff;

}

.tba-sec-top li.nav-item:last-child a {

    margin-bottom: 0;

}

.tba-sec-top li.nav-item a:focus {

    box-shadow: none;

}

.tba-sec-top li.nav-item a:hover {

    border-color: var(--tba-bordercolor);

}

.tba-sec-top li.nav-item.tab-active a {

   background-color: var(--tba-cl-skin);

    border-color: var(--tba-cl-skin);

    color: #ffffff;

}

.tba-sec-top li.nav-item a i {

    margin-right: 5px;

    font-size: 16px;

    display: block;
	
	margin-bottom:0;

}

.tba-form-field-radio {

    display: inline-flex;

}

.truebooker-form .tba-form-field-radio input[type=radio] {

    margin-top: 2px !important;

    margin-right: 5px !important;

}

.truebooker-form .tba-form-field-radio label {

    padding-right: 15px;

    width: auto;

}

.truebooker-form .tba-form-field.togglewhitebox_y.hide {
    padding: 0;
    margin: 0;
}
#tba_content2 .tba-form-field-radio.tba-form-radiobox {
    height: auto;
}
.tba_contents.staffmember_content .tba-form-field-radio.tba-form-radiobox {
    height: auto;
}


label.tbook-all-gender {
    padding-right: 15px !important;
}
.tba-form-field.branch_setting.truebooker-settingform h2.tba-page-heading {
    margin-top: 0;
}
.truebooker-form h2.tba-page-heading {
    font-size: 24px;
    line-height: 32px;
}
.tba-form-field-subtitle {
    padding: 0 15px;
}
.tba-form-field.tba-form-field-border.store-setting {
    padding-bottom: 0 !important;
}
label.label-bottom {
    margin-bottom: 0;
}
.tba-form-field.tba__flex_field.tba-form-field-border.tba_padding_zero {
    padding-bottom: 0 !important;
}
label.tbook-branch-subsettting-title {
    margin-bottom: 0;
}
label.tbook-subtitle {
    margin-bottom: 0;
    font-weight: 500 !important;
    color: var(--tba-cl-dark);
    font-size: 16px;
    line-height: 26px;
}
button#refudnrule_button {
    width: 100%;
}
table.refundpartial_list th {
    color: var(--tba-cl-dark);
    font-weight: 500;
}
.tba-form-field.refundmaindivs {
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.truebooker-form .tba-form-field-radio label.tbook-disable {

    padding-right: 0;

    padding-left: 1px;

}
.tba-details-tbl-wraper.tba-services-details .tba-sec-top {
    margin-top: 15px;
}

.truebooker-form .tba-form-field-radio.price_display label.tbook-disable {

    padding-right: 0;

    padding-left: 0;

}

.tba-form-field.tba-tab-button {

    position: absolute;

    top: -11px;

    right: 30px;

    bottom: auto;

    left: auto;
	
	z-index:999;

}

#result.truebooker_success {

    padding: 15px 30px;

    font-size: 14px;

    border-radius: var(--tba-radius-10px);

    position: fixed;

    right: 0;

    top: 40px;

    -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;
	
	z-index:9999;

}

.tba-dashboard.tba-table__header-wrapper tr td {

    margin-bottom: 15px !important;

}

.tba-dashboard.tba-table__header-wrapper tr th
{
	padding:0 15px;
}

.tba-main input[type=checkbox], .tba-main input[type=radio] {

    border: 1px solid #A9A9A9;

    background: #fff;

    color: var(--tba-body-color);

    clear: none;

    cursor: pointer;

    display: inline-block;

    line-height: 0;

    margin: -.25rem .25rem 0 0 !important;

    outline: 0;

    padding: 0!important;

    text-align: center;

    vertical-align: middle;

    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);

    transition: .05s border-color ease-in-out;

}

.tba-main input[type=radio] {

    border-radius: 50%;

    margin-right: .25rem;

    line-height: .71428571;

}

.tba-main input[type=radio]:checked::before {

    content: "";

    border-radius: 50%;

    line-height: 1.14285714;

}

.tba-main input[type=radio]:checked::before {

    width: 0;

    height: 0;

    margin: -6px;

    border-radius: 50%;

    line-height: 1.14285714;

    display: block;

    background-color: var(--tba-cl-skin);

}

.tba-main input[type=radio]:checked {

    border-color: var(--tba-cl-skin);

}

.tba-details-tbl h4 {

    font-size: 1em;

}

.tba_faq li {

    margin: 0 0 15px;

}

.tba_faq ol {

    margin-top: 20px;

}

.tba-table__header-wrapper tr.tba_disable_appointment {

    opacity: 0.6;

}

td.tba_approved_app {

    color: var(--tba-appointment-color);

    text-transform: capitalize;

    font-weight: 500;

}

td.tba_pending_app {

    color: var(--tba-pappointment-color);

    text-transform: capitalize;

    font-weight: 500;

}

td.tba_cancelled_app {

    text-transform: capitalize;

    font-weight: 500;

}

.tba-dashboard-summary .tba-dash-summary-item.approved-appointment h3 {

    color: var(--tba-appointment-color);

}

.tba_disable_appointment #truebooker_appointment_status {

    border: 0;

    padding-right: 0;

    cursor: default;

    font-size: 14px;

    display: flex;

    left: 0;

    right: 0;

    padding: 15px;

}

.tba-table__header-wrapper thead.has-gutter tr th.statusall {

    width: 10%;

}   

#truebooker_appointment_status i {

    font-family: 'fontawesome';

    font-style: normal;

}

#truebooker_appointment_status {

    position: absolute;

    font-size: 15px;

    cursor: pointer;

    z-index: 1;

    top: 0;

    bottom: 0;

    left: 13px;

    border: 0;

    background: transparent;

    display: flex;

    align-items: center;

}

#truebooker_appointment_statuss {

    border: 1px solid var(--tba-pappointment-color);

    background-color: #fdf2e5;

    line-height: 35px;

    text-align: center;

    color: var(--tba-pappointment-color);

    border-radius: var(--tba-radius-10px);

    text-transform: capitalize;

    margin-top: 0;

    height: 100%;

    width: 100%;

}

#truebooker_appointment_statuss:focus {

    outline: none;

    box-shadow: none;

}

#truebooker_appointment_statuss.tba_approved_app {

    background-color: rgba(26, 216, 142, 0.10);

    border-color: #52b91f;

    color: #52b91f;

}

#truebooker_appointment_status.tba_approved_app {

    border-color: var(--tba-appointment-color);

}

#truebooker_appointment_status.tba_cancelled_app {

    border-color: var(--tba-cappointment-color);

}

#truebooker_appointment_statuss.tba_cancelled_app {

    border: 1px solid var(--tba-appointment-color);

    background-color: #fce9e9;

    color: #e32323;

}

.truebooker-form select {

    padding-right: 30px;

}

/*.tba-table__header-wrapper#tba_user_table tr th#email, .tba-table__header-wrapper#tba_user_table tr td:nth-child(3) {

    flex: 2 1 0px;

}

*/

.truebooker-form .wp-picker-container .button:not(.wp-picker-clear) {

    padding: 0 0 0 30px;

}

.truebooker-form .wp-picker-container .button {

    min-height: 30px;

    margin: 0 6px 6px 0;

    font-size: 11px;

}

.truebooker-form .wp-picker-container span.wp-color-result-text {

    background: #f6f7f7;

    border-radius: 0 2px 2px 0;

    border-left: 1px solid #c3c4c7;

    color: #50575e;

    display: block;

    line-height: 2.54545455;

    padding: 0 6px;

    text-align: center;

}

.truebooker-form .wp-picker-container input[type=text] {

    padding: 7px;

    border-radius: 5px;

    height: 35px;

    width: auto;

}

.truebooker-form .wp-picker-container {

    display: inline-block;

}

.truebooker-form .wp-picker-container .wp-picker-input-wrap {

    display: inline-block;

}


.tbab-welcome-box .tbab-welcome-inner {

    background: #fff;
	box-shadow: 0px 0px 20px #0A04211A;
    padding: 60px;
    border-radius: var(--tba-radius-10px);

}

.tbab-welcome-box .tbab-welcome-inner .tm-headingttext {

	font-size: 34px;
	margin-top:0px;	
	line-height:46px;

}

.tbab-welcome-box .tbab-welcome-inner .form-control {

    display: block;
    width: 100%;
    padding: 13px 20px;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;

}

.tbab-welcome-box .tbab-welcome-inner input.button-primary
{
	margin-top:15px;
}

.tbab-welcome-inner #show-result {

    padding: 15px 15px;

    font-size: 17px;

	margin-top: 40px;

}

.tbab-welcome-inner #show-result.tm-textcolor-dark {

	color:#000;

}

.tbab-welcome-inner #show-result.tm-textcolor-white {

	color:#fff;

}

.tbab-welcome-inner #show-result.tm-bgwarning {

	background-color: #f9cf79;

}

.tbab-welcome-inner #show-result.tm-bgdanger {

	 background-color: #dc3545;

}

.tbab-welcome-inner #show-result.tm-bgsuccess {

	 background-color: #1bbc9b;

}

.tbab-welcome-inner #show-result h5 {

	margin:0px;

	font-size: 15px

}

.ttm-activation-form ol li {

	font-size: 14px;
	margin-bottom: 12px;
	list-style: auto;
	line-height:26px;
}

.ttm-activation-form ol {

    margin-left: 1em;
	margin-top: 15px;

}

.tm-admin-activate-column h3,

h3.purchase-activated {

	margin-top: 0;

}

#tba_subservice_table .tba_subservice_tableimg {

    max-width: 50px;

    height: 50px;

}

.truebooker-form .tba-upload-component__icon {

    font-size: 30px;

    text-align: center;



}

input[type=file]#truebooker_subservice_file {

    position: relative;

    top: auto;

    bottom: 0;

    right: auto;

    left: 0;

}

.tba-form-field-box.tba_content.col-lg-12 {

    padding-right: 30px;

    padding-left: 30px;

}

.tba-upload-component__text {

    font-family: var(--tba-font-family);

    font-size: 14px;

    line-height: normal;

    position: relative;

    margin-bottom: 15px;

}

.tba-form-imagebox label {

    margin-bottom: 0;

}

.tba-form-imagebox {

    text-align: left;

    padding-left: 25px !important;

}

.tba-form-field.tbook-subservice-save label {

    text-align: left;

}

.truebooker-form textarea.truebooker_subservice_description {

    margin-top: 0;

    padding: 10px 15px;

}

.tba_disable_appointment span.show-tooltip {

    display: none;

}

#tba_subservice_table tbody tr {

    min-height: 86px;

}

.tba-table__header-wrapper#tba_subservice_table tbody tr td:last-child i.fa {

    position: absolute;

    left: auto;

    right: 48px;

    top: 36px;

}



@media (max-width: 991px) {

input[type=file]#truebooker_subservice_file {

    position: absolute;

    padding-top: 13%;

    top: 0;

}

}



.tba-default-box .tba-user-details,

.tba-default-box .tba-payment-section{

    display: none;

}

.tba-default-box .tba-user-details.is-active,

.tba-default-box .tba-payment-section.is-active{

    display: block;

}

.tba-default-box .tba-payment-section .tba_print_summary_main_wrap {

    display: none;

}

.tba-default-box .tba_form_data .tba_added_time{

    background-color: #8c8f94 ;

}

.tba-dashboard.tba-table__header-wrapper tr td {

    margin: 0 5px;

    border-radius: var(--tba-radius-10px);

    padding: 15px;

    font-size: 14px;
	
	line-height:26px;

    align-items: center;

    color: var(--tba-cl-dark);

}

.tba-dashboard.tba-table__header-wrapper tr td.tbook-note {

    flex: 0;

}

.tba-dashboard.tba-table__header-wrapper tr td.tbadashboard-check {

  
    padding: 15px !important;

    background-color: transparent;

    margin: 0;

}

.tba-dashboard.tba-table__header-wrapper tr td.tbook-status {

    padding: 0;

    color: var(--tba-pappointment-color);

}

.tba-dashboard.tba-table__header-wrapper tr td.tbook-delete {

	
    text-align: center;

    justify-content: center;

    flex: 0;

    color: #e32323;

}

.tbook-tooltip {

    color: var(--tba-cl-dark);

    cursor: pointer;

    text-decoration: none;

    position: relative;

}

.tbook-tooltip  span {

    margin-left: -999em;

    position: absolute;

}

.tbook-tooltip:hover span {

    border-radius: 10px;

    position: absolute;

    left: 7px;

    top: -50px;

    z-index: 99;

    margin-left: 0;

    width: 250px;

    padding: 0.8em 1em;

    background: var(--tba-gray);

    color: var(--tba-body-color);

    opacity: 1;

    box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.24);

}

.tbook-tooltip:hover {

    color: var(--tba-cl-dark);

}

p.hide-tooltip {

    margin: 0;

    font-size: 15px;

}

.tbook-tooltip:hover p.hide-tooltip {

    filter: blur(1px);

}

.tba-table__header-wrapper thead.has-gutter tr th.tba-table__cell.deleteall {

    flex: 0;
    margin-right: 6px;
}

.tba-table__header-wrapper tr th:last-child#delete #deleteall {

    padding: 10px;

    margin-bottom: 0px;

    margin-top: 0;

    font-weight: 500;

    background-color: transparent;

    color: var(--tba-appointment-color);

    border-radius: var(--tba-radius-8px);

    text-align: center;
	
	border: 1px solid var(--tba-appointment-color);
	
	cursor: pointer;
	
	line-height:1rem;

}
.tba-table__header-wrapper tr th:last-child#delete #deleteall>svg
{
	
}

.tba-table__header-wrapper tr td {

    margin: 0 5px;

    border-radius: var(--tba-radius-10px);

    padding: 21px;

    font-size: 14px;

    align-items: center;

}

.tba-table__header-wrapper table>tbody>tr
{
	border-bottom:1px solid var(--tba-bordercolor);
	border-top:1px solid var(--tba-bordercolor);
}
.tba-table__header-wrapper table>tbody>tr:hover
{
	background-color:#F5F8FA;
 
}
.tba-table__header-wrapper table>tbody>tr:hover>td
{
	border-radius: 0;
}
body.truebooker-body-class #wpbody-content h4.no_record,
h4.no_record {
    font-size: 15px !important;
    margin-bottom: 0;
}

.truebooker-body-class .tba-faqcontainer .row
{
	margin:0;
}

.tba-table__header-wrapper tr td.tbook-delete {

    text-align: right;

    color: #e32323;

    padding-right: 15px;

    padding-left: 1px;

}

.tba-details-tbl-wraper.tba-categories-details {

    padding-bottom: 10px;

}



/*
@media (min-width: 1200px) {

    .truebooker-form .tba-form-field.col-lg-2 {

        width: 20%;

    }

    .tba-services-details .tba-form-field.col-lg-2 {

    width: 16.6%;

}

}
*/
.truebooker-form .tba-button-wrap {
    margin-right: 10px;
}
.truebooker-form .tba-button-wrap svg {
    overflow: visible !important;
}
body.truebooker-body-class #wpbody-content h4#appservicename {
    margin-bottom: 0;
}
.tba-services-details .tba-form-field.col-lg-2 input {

    width: 100%;

}
.tba-services-details .tba-form-field-radio.tba-form-radiobox {
    height: auto;
}
.truebooker-form .tba-subservices-details .col-lg-3 {

    min-height: auto;

    margin-bottom: 0;

    display: inline-block;

    padding: 0;

}

.truebooker_page_categories .tba-table__header-wrapper thead.has-gutter tr th.tba-table__cell.deleteall {

    width: 7%;

}

.truebooker_page_categories .tba-table__header-wrapper thead.has-gutter tr th#edit {

    width: 8%;

}

.tbook-subservice-upimage {

    background-color: var(--tba-gray);

    padding: 35px 30px 35px;

    border: 2px dashed var(--tba-bordercolor);

    text-align: center;

    margin: 0 auto;

    border-radius: var(--tba-radius-10px);

    display: flex;

    align-items: center;

}

.tbook-subservice-upimage .truebooker-form img {

    border: 0;

    width: 150px;

    height: 150px;

}

.tba-form-field.tbook-subservice-save {

    width: 100% !important;

    text-align: center;

}

.truebooker-form .tbook-subservice-save  input[type="submit"] {

    width: 20%;

    margin-top: 0;

    font-size: 16px;

}

img.tba-loderimg {
    width: 40px;
}

td.tba_subservice_img {

    display: flex;

}

td.tba_subservice_img img {

    text-align: center;

    margin: 0 auto;

}



.tba-table__header-wrapper thead.has-gutter tr th#status {

    width: 9%;

}

.tba_pending_app i {

    color: var(--tba-pappointment-color);

}

.tba_approved_app i{

    color: #52b91f;

}

.tba_cancelled_app i{

    color: var(--tba-appointment-color);

}



a.nav-link i,

.setting-item-icon{

    position: relative;
	margin-bottom:10px;

}

a.nav-link i:before {

    content: '';

    position: absolute;

    background-color: var(--tba-cl-dark);

    width: 21px;

    height: 21px;

    line-height: 21px;

    top:5px;

    left: -35px;

}

.tba-payment-taxbox input[type=checkbox]:checked::before {

    margin: -10px 0 0px -11px;

}

.setting-item-icon i:before {

    content: '';

    background-color: #ffffff;

    width: 24px;

    height: 24px;

    line-height: 30px;

}





a.nav-link i.fa-money:before,

.setting-item-icon i.fa-money:before{

    -webkit-mask: url(../images/moneybag.svg) no-repeat 100% 100%;

    mask: url(../images/moneybag.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

a.nav-link i.fa-setting:before,

.setting-item-icon i.fa-setting:before {

    -webkit-mask: url(../images/setting.svg) no-repeat 100% 100%;

    mask: url(../images/setting.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

a.nav-link i.fa-comments:before,

.setting-item-icon  i.fa-comments:before{

    -webkit-mask: url(../images/chatting.svg) no-repeat 100% 100%;

    mask: url(../images/chatting.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

a.nav-link i.fa-envelope-o:before,

.setting-item-icon i.fa-envelope-o:before{

    -webkit-mask: url(../images/mail-inbox-app.svg) no-repeat 100% 100%;

    mask: url(../images/mail-inbox-app.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

a.nav-link i.fa-bell:before ,

.setting-item-icon i.fa-bell:before {

    -webkit-mask: url(../images/bell-school.svg) no-repeat 100% 100%;

    mask: url(../images/bell-school.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

}

.tba-main-setting-boxes .nav-item.col-lg-4 {

    display: inline-flex;

    width: 19.30%;

    margin-bottom: 30px !important;

    background: var(--tba-gray);

    padding: 30px;
	
	border: 1px solid var(--tba-bordercolor);

    margin: 0 15px;

    gap: 30px;

    border-radius: var(--tba-radius-20px);

}

.tba-main-setting-boxes.row {

    padding: 0;

    margin: 0 -15px;

}

.setting-item-icon i {

    background: var(--tba-cl-skin);

    color: #fff;

    display: inline-flex;

    justify-content: center;

    align-items: center;

    width: 44px;

    height: 44px;

    line-height: 75px;

    border-radius: 8px;

}

h4.nav-title {

    font-size:22px;

    line-height: 30px;

    margin-bottom: 10px;

    color: var(--tba-cl-dark);

    font-weight: 600;

}

.setting-item-content span {

    display: block;

    font-size: 14px;

    line-height: 26px;

    margin-bottom: 20px;

    color: var(--tba-body-color);

}



/*extra spacing class*/
.zero-margin {
    margin-bottom: 0 !important;
}
label.padding-top {
    padding-top: 10px;
}
.tba-form-field.margin-15 {
    margin-bottom: 15px;
}
.truebooker-form section.tba_contents .tba_content.padding-botom-20 {
    padding-bottom: 20px;
}
.padding-botom-20 {
    padding-bottom: 20px;
}
.truebooker-form .tba_contents .zero-padding.tba_content,
.zero-padding,
.tba-form-field.zero-padding,
.tba-form-field.tba-form-field-border.zero-padding {
    padding-bottom: 0 !important;
}
.tba_content.padding-top {
    padding-top: 15px !important;
}
.padding10,
.truebooker-form section.tba_contents .tba_content.padding10 {
    padding-bottom:10px
}
label.label-bottom-zero {
    margin-bottom: 0;
}
label.label-bottom-zero h4{
    margin-bottom: 0 !important;
}

.tba-btn-left{
    margin-right: 15px;
}
/*extra spacing class*/
.extraservice_custom_duration .tba-form-field.tba-form-field-border {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#mollie_payment_box .tba-form-field.tba-form-field-border {
/*    padding-bottom: 0 !important;*/
}
.tba-form-field.tba-form-box.togglewhitebox_y.divmol.molliehide {
    margin-top: 15px;
}
.tba-form-field.tba-form-box.togglewhitebox_y.divmol.molliehide.hide {
    margin-top: 0px;
}
.tba-form-field.zero-margin.refundmaindiv.hide {
    margin-top: 0;
}
.tba-form-field.zero-margin.refundmaindiv {
    margin-top: 15px;
}

#truebooker_customer .tba-details-tbl-wraper span.tba__error {
    position: absolute;
    left: 20px;
    bottom: -16px;
}
.truebooker-form h4.staffhandler-sub-title {
    font-size: 16px !important;
}

.setting-item-content a.nav-link {

    font-size: 15px;

    line-height: 22px;

    font-weight: 500;

    color: var(--tba-cl-dark);

    position: relative;

}

.setting-item-content a.nav-link:before {

    content: "";

    position: absolute;

    background-color:var(--tba-cl-dark);

    width: 100%;

    height: 1px;

    top: auto;

    bottom: -1px;

}

.truebooker-form section.tba_contents .tba_content {
    background-color: var(--tba-gray);
    border-radius: var(--tba-radius-10px);
    padding: 30px 15px;
    margin-bottom: 30px;  
}

.truebooker_page_setting .tba-page-heading {

    margin-bottom: 30px;

    border: 0;

}

section#tba_content2 {

    background-color: transparent;

    padding: 0 15px;

    border-radius: unset;

}

.truebooker-form h4, .truebooker-form .h4 {

    color: var(--tba-cl-dark);

}

.truebooker-form h4, .truebooker-form .h4 {

    font-size: 20px !important;

}

.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;

}

p.t-book-note {

    font-size: 14px;
    margin-top: 15px !important;

}

p.t-book-note strong {
    color: var(--tba-cl-dark);
    font-size: 14px;
    line-height: 25px;
}
.note-box.tba-form-field {
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 0;
}
.tba-form-field-radio.tba-form-radiobox.tbab-holiday-list {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
}
div#year-container {
    padding: 0px 15px;
}


.t-book-note a {

    font-weight: 500;

    color: var(--tba-cl-skin);

}

 .truebooker-settingform .truebooker-form .tba-form-field-radio input[type=radio] {

    padding: 11px !important;

}

.truebooker_page_setting .tba-form-radiobox input[type=radio]:checked::before, .truebooker_page_setting .tba-form-radiobox input[type=radio]::before {

    width: 12px;

    height: 12px;

    margin: -6px;

    background-color: var(--tba-cl-skin);

}

.truebooker_page_setting .tba-form-radiobox input[type=radio]:checked::before{

    right: 10px;

    left: auto;

    position: absolute;

}

.truebooker_page_setting .tba-form-radiobox input[type=radio]::before {

    content: "";

    width: 14px;

    height: 14px;

    margin: -6px;

    background-color: #ffffff;

    border-radius: 50%;

    line-height: 1.14285714;

    display: block;

}

.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;

}

.truebooker-form .tba-form-field-radio.tba-form-radiobox input[type=radio]:checked {

    background-color: var(--tba-cl-skin);

    border: 1px solid;

    border-color: var(--tba-cl-skin);

}   

.truebooker-form .tba-form-field-radio.price_display label {

    width: auto !important;

}

.tba-form-field.tba-form-field-border {

    border-bottom: 0;

    display: flex;

    justify-content: space-between;

    align-items: center;

    margin-bottom: 0px;

    padding: 15px 0 !important;
}

.tba-form-field.tba-form-box {

    display: inline-block;

    width: 100%;

    border-top: 1px solid var(--tba-bordercolor);

    padding-top: 30px;

    margin-bottom: 0;

}

.tba-form-field.tba-form-box.tba-pay {

    display: flex;

    margin-bottom: 20px;

}

.tba_content-box {

    display: inline-block;

    width: 100%;

}

.tba_content-box label h4 {

    margin-bottom: 30px !important;

}

.truebooker_page_setting .truebooker-form label {

    width: auto !important;

}

.tba-form-field.tba-form-box.divmol {

    margin-bottom: 20px;

}

.tba-payment-taxbox .tba-form-fields{

    display: flex;

    width: auto;

    align-items: center;

    gap: 15px;

}

.tba-main .tba-payment-taxbox input[type=checkbox] {

    padding: 10px !important;

    margin-top: -10px  !important;

}



.tba-form-field-border{

 border-bottom: 1px solid var(--tba-bordercolor);

    padding-bottom: 15px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding-top: 20px;

    margin-bottom: 30px;

}

.tba-paypal-box {

    display: flex;

    gap: 30px;

}

.tba-form-box.tba-paypal-box {

    padding-right: 1px;

}





label.tbook-disable {

    color: var(--tba-body-color);

}

.truebooker-form h4, .truebooker-form .h4, .truebooker-form h5, .truebooker-form .h5, .truebooker-form h6, .truebooker-form .h6 {

      margin-bottom: 15px;

}

.tba_contents {

    padding: 0 15px;

}

.tbab-registerform-message,

.tbab-successmessage-forlogin-info {

    font-size: 16px;

    line-height: 27px;

    color: var(--tba-cl-skin);

    font-weight: 500;

}

.tba-checkbox {

    padding: 7px !important;

    content: '';

    height: 28px;

    width: 55px;

    border-radius: 3em;

    background-color: #d4d4d4;

    position: relative;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.tba-checkbox.active {

    background-color: #21af00;

}

.truebooker-settingform .truebooker-form .tba-form-field-radio .tba-checkbox  input[type=radio] {

    padding: 0 !important;

    margin: 0  !important;

}

.tba-main .truebooker-form .tba-form-field-radio .tba-checkbox  input[type=radio]:checked::before {

    width: 14px;

    height: 14px;

    margin: 0;

    background-color: #ffffff;

}

.tba-main .truebooker-form .tba-form-field-radio .tba-checkbox  input[type=radio] {

    border: 1px solid transparent;

    background: transparent;

    box-shadow: unset;

}


.tba-form-field.tbook-subservice-save {

    margin-bottom: 0;

}

.tba-upload-component__icon::before {

    -webkit-mask: url(../images/upload.svg) no-repeat 100% 100%;

    mask: url(../images/upload.svg) no-repeat 100% 100%;

    -webkit-mask-size: cover;

    mask-size: cover;

    content: '' !important;

    background-color: var(--tba-cl-dark);

    width: 40px;

    height: 40px;

    position: relative;

    display: block;

}


/*calender css for admin*/

    .month {
        display: inline-block;
        width: 30%;
        margin: 1%;
        vertical-align: top;
    }
    .days {
        display: flex;
        flex-wrap: wrap;
    }

    .day {
        width: 14%;
        padding: 5px;
        text-align: center;
        cursor: pointer;
    }

    .day.disabled {
        background-color: transparent;
        cursor: default;
    }

    .day.selected {
        background-color: #d0ffd0;
    }

    /* Modal styling */
     #calendar-modal {
        display: none;
        position: absolute;
        z-index: 1000;
        background: white;
        border: 1px solid #ccc;
        padding: 10px;
        width: 300px;
		top:50%;
		left:45%;
    }
     #calendar{
        height: 300px;
     }

 
    #calendar-modal {
        z-index: 1001;
    }
    .disablediv{
        pointer-events: none;
        cursor: none;
    }
    .nonecursor
    {
        cursor: none;
        pointer-events: none;
    }



/************************
* New - Updates in Truebooker design 
*************************/

.tba_fullwidth_ex
{
	width:100%;
}


.no-negative-margin {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.tba-form-field-radio.tba-form-radiobox {
    height: 50px;
    align-items: center;
}


.deleteall_label
{
	cursor:pointer;
}

.tbab-welcome-box {
    max-width: 1300px;
    margin: 20px auto;
}

.truebooker-body-class .ttm-activation-form>.right-col {
    width: 50%;
}
.truebooker-body-class .ttm-activation-form>.left-col {
    width: 50%;
}

.tbab-logo-wrap img {
    width: 100px;
    height: 100px;
}
.tba-table__header-wrapper
{
   width:100%;
   overflow-x:auto;
}

.tba_inline-elements>*
{
	display:inline-block;
	vertical-align:middle;
}

.tba_inline_flex {
    display: inline-flex;
    align-items: center;
    gap:10px;
}

.tba_inline_flex>*
{
margin:0 !important;
padding:0 ;
}

.truebooker-form table>tbody>tr>td,.truebooker-form table>thead>tr>th,.truebooker-form-other table>thead>tr>th
{
	padding: 14px 15px;
    border-bottom: 1px solid var(--tba-bordercolor);
}
.truebooker-form table>tbody>tr:hover,.truebooker-form-other table>tbody>tr:hover
{
	background:var(--tba-gray);
}
.truebooker-form table.tbl_bg_gray>tbody>tr:hover,.truebooker-form-other table.tbl_bg_gray>tbody>tr:hover
{
	background:var(--tba-cl-white);
}

.truebooker-form table tr>td>div.tba_action__buttons__wrap,.truebooker-form-other table tr>td>div.tba_action__buttons__wrap,#all-page-main-container .tba_popup .tba_popup-footer>.tba_action__buttons__wrap {
    display: inline-flex;
	position:relative;
    gap: 0px;
    background: #fff;
    padding: 10px 10px;
    box-shadow: 1px 1px 20px var(--tba-bordercolor);
    opacity: 0;
	cursor:pointer;
	border-radius:8px;
	align-items: center;
}

#all-page-main-container .tba_popup .tba_popup-footer>.tba_action__buttons__wrap {
    opacity: 1;
}
#all-page-main-container .tba_popup .tba_popup-footer>.tba_action__buttons__wrap>.action_btn_t
{
	background:transparent;
}
.truebooker-form table tr>td>div.tba_action__buttons__wrap .action_btn_t:hover svg>path,.truebooker-form-other table tr>td>div.tba_action__buttons__wrap .action_btn_t:hover svg>path
{
	stroke:var(--tba-cl-skin);
}

/*
.truebooker-form table tr>td>div.tba_action__buttons__wrap>.action_btn_t:after,.truebooker-form-other table tr>td>div.tba_action__buttons__wrap>.action_btn_t:after
{
    content: "|";
    position: relative;
    color: rgb(10 4 33 / 10%);
	left: 45%;
    top: -3px;
}
*/
.tba_action__buttons__wrap > .action_btn_t:not(:last-child){
   border-right: 1px solid var(--tba-bordercolor);
}
.tba_action__buttons__wrap > .action_btn_t
{
     padding: 0 12px;
     height:22px;
	 border:none;
}

.truebooker-form table tr>td>div.tba_action__buttons__wrap>.action_btn_t:last-child:after,.truebooker-form-other table tr>td>div.tba_action__buttons__wrap>.action_btn_t:last-child:after
{
    content:unset;
}
.truebooker-form table tr:hover>td>div.tba_action__buttons__wrap,.truebooker-form-other table tr:hover>td>div.tba_action__buttons__wrap
{
	opacity:1;
}

.tba__flex_field {
    display: flex;
    justify-content: space-between;
	align-items: center;
}
#all-page-main-container .tba_flex.flex-wrap
{
	flex-wrap:wrap;
}
#all-page-main-container .tba_flex
{
 display: flex;
}


.tba__flex_field > *{
    flex: 0 0 auto;
}
.text-end
{
	text-align:right;
}
.text-start
{
	text-align:left;
}
span.tba-icon i
{
	font-family: 'FontAwesome';
    font-style: normal;
}
.top-margin
{
margin-top:30px;
}
.bottom-margin{
  margin-bottom:30px;
}
.tba-details-tbl-wraper .tba_flex.bottom-margin {
    margin-bottom: 0;
}
.top-bottom-margin
{
  margin-top:30px;
  margin-bottom:30px;
}


body.truebooker-body-class #wpbody-content
{
	color:var(--tba-body-color);
	font-family:var(--tba-font-family);
}

body.truebooker-body-class #wpbody-content h1,body.truebooker-body-class #wpbody-content h2,body.truebooker-body-class #wpbody-content h3,body.truebooker-body-class #wpbody-content h4,body.truebooker-body-class #wpbody-content h5,body.truebooker-body-class #wpbody-content h6
{
 color:#0F1D40;
 font-weight:500;
 margin-bottom:10px;
}

/*
body.truebooker-body-class #wpbody-content h2
{
  font-size:34px;
  line-height:1.2em;
  
}*/
body.truebooker-body-class #wpbody-content h4
{
	font-size:20px;
	line-height:1.4em;
    margin-top: 0;
    margin-bottom: 0;
}
body.truebooker-body-class #wpbody-content h4.tba-page-heading-alt {
    margin-top: 10px;
}
body.truebooker-body-class #wpbody-content h3
{
	font-size:28px;
	line-height:1.3em;
}

body.truebooker-body-class input[type=date], body.truebooker-body-class input[type=datetime-local], body.truebooker-body-class input[type=datetime], body.truebooker-body-class input[type=email], body.truebooker-body-class input[type=month], body.truebooker-body-class input[type=number], body.truebooker-body-class input[type=password], body.truebooker-body-class input[type=search], body.truebooker-body-class input[type=tel], body.truebooker-body-class input[type=text], body.truebooker-body-class input[type=time], body.truebooker-body-class input[type=url], body.truebooker-body-class input[type=week]
{
  border:1px solid rgba(228, 228, 228, 1);
  border-radius:8px;
  padding:13px 20px;
}
.truebooker-form input.readonly, 
.truebooker-form input[readonly], 
.truebooker-form textarea.readonly, 
.truebooker-form textarea[readonly] {
    background-color: var(--tba-cl-white);
}
.form-control::-webkit-input-placeholder {
  color: rgba(108, 104, 129, 1);
  opacity: 0.5;
}

.form-control::-moz-placeholder {
  color: rgba(108, 104, 129, 1);
    opacity: 0.5;
}

.form-control:-ms-input-placeholder {
  color: rgba(108, 104, 129, 1);
   opacity: 0.5;
}

.form-control::-ms-input-placeholder {
  color: rgba(108, 104, 129, 1);
    opacity: 0.5;
}

.form-control::placeholder {
  color: rgba(108, 104, 129, 1);
    opacity: 0.5;
}


.tba-table__header-wrapper table>tbody>tr>td>p
{
	margin:5px 0;
}



.extraservicediv.hide {
    padding: 0;
    margin: 0;
}
.extraservicediv {
    margin-top: 30px;
}
.extraservicediv .note {
    font-size: 10px;
    position: absolute;
    bottom: -20px;
    top: auto;
}
.truebooker-form  .extraservicediv.tba_gray_bg_sec {
    padding-left: 30px;
    padding-right: 30px;
}
.truebooker-form  .extraservicediv .extraflex_button,
.truebooker-form  .divstaffassign  .extraflex_button  {
    display: flex;
    gap: 15px;
}
.tba__add-break_modal.staffholdayhide .tba-form-field.zero-margin.extraflex_button {
    display: flex;
    gap: 15px;
}
/********* button **********/


.truebooker-body-class .button-primary
{
	background-color:rgba(0, 112, 255, 1);
	padding:12px 30px;
	border-radius:8px;
	font-size: 15px;
    line-height: 26px;
    background-color: var(--tba-cl-skin);
    border: none;
}
.truebooker-body-class .button-primary:hover
{
	background-color: var(--tba-cl-black);
}

/**** Verify purchase ***/

.truebooker-body-class .steps-purchasecode {
    padding: 40px;
}
.truebooker-body-class .ttm-activation-form>.right-col
{
	background-color: rgba(245, 248, 250, 1);
}

.tbab-welcome-box .ttm-activation-form {
    display: flex;
    gap: 40px;
}

/************* Page header navigation menu ***********/

nav#tbap_page_nav {
    background-color: var(--tba-cl-white);
    padding: 0 32px;
    box-shadow: 1px 2px 12px rgba(184, 193, 211, .4);
    z-index: 2001 !important;
    position: sticky;
    top: 32px;
    left: 0;
    white-space: nowrap;
    width: 100%;
    margin-left: -20px;
    box-sizing: border-box;
}

nav#tbap_page_nav ul
{
    display: flex;
    justify-content: flex-start;
    gap: 30px;
	flex-wrap: wrap;
}

nav#tbap_page_nav ul li a
{
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
    color: var(--tba-cl-dark);
    line-height: 26px;
	cursor:pointer;
}

nav#tbap_page_nav ul li a:hover,nav#tbap_page_nav ul li a:hover svg>path
{
	color: var(--tba-cl-skin);
	stroke: var(--tba-cl-skin);
}

nav#tbap_page_nav ul li
{
	position:relative;
}

nav#tbap_page_nav ul li.tba-nav-item a:after {
    content:"";
    width: 2px;
    height: 20px;
    background: #E4E4E4;
    position: absolute;
    display: inline-block;
    right: -15px;
}
nav#tbap_page_nav ul li.tba-nav-item:last-child a:after
{
	content:unset;
}
nav#tbap_page_nav ul li.tba-nav-item.active_page a,nav#tbap_page_nav ul li.tba-nav-item.active_page a>svg>path {
    color: var(--tba-cl-skin);
	stroke:var(--tba-cl-skin);
}


/**************** Page - Dashboard ***********/


/**-----------select2 --------------**/

.tba-main-listing-container .tbadashboard-check input[type='checkbox'],.tba-table__header-wrapper.tba-dashboard input[type='checkbox'],.tba-table__header-wrapper input[type='checkbox']{
    border-radius: 4px;
    box-shadow: none;
    margin-left: 5px !important;
}
#select2-truebooker_appointment_statuss-fr-results .select2-container--default .select2-results__option--selected
{
	background:transparent !important;
}
.select2-results__option--selectable,.select2-results__option
{
	margin-bottom:0 !important;
}
.select2-container--default .select2-results>.select2-results__options
{
	overflow-y: hidden !important;
}

.select2-results__option--selectable div.option-pending,.select2-results__option div.option-pending {

    background: #FFFAEF;
    border-radius:8px;
    color:#000;    
}
.select2-results__option--selectable:hover>div.option-pending,.select2-results__option:hover>div.option-pending
{
	  border: 1px solid #E39B00;
}
.select2-results__option--selectable:hover>div.option-approved,.select2-results__option:hover>div.option-approved
{
	 border: 1px solid #00A437;
}
.select2-results__option--selectable:hover>div.option-cancelled,.select2-results__option:hover>div.option-cancelled
{
	border: 1px solid #E30000;
}

.select2-results__option--selectable div.option-approved,.select2-results__option div.option-approved {

    border-radius:8px;
    color:#000; 
    background: #F3FFF7;	
}
.select2-results__option--selectable div.option-cancelled,.select2-results__option div.option-cancelled {

    border-radius:8px;
    color:#000;   
    background: #FFEEEE;	
}
.select2-results__option--selectable div.option-completed,.select2-results__option div.option-completed {

    border-radius:8px;
    color:#000;   
    background: #edeaff;
}

.select2-results__option--selectable div,.select2-results__option div
{
  padding:5px;
}
.select2-results__option--selectable,.select2-results__option
{
    padding-left:0;
 
}

.select2-results__option.select2-results__option--disabled
{
	cursor: not-allowed;
    opacity: 0.5;
}

.select2-results__option--highlighted {
  background-color: transparent !important;
  color: inherit !important;
}


span.select2-dropdown
{
	border: 0;
    box-shadow: 0px 0px 20px #ccc;
    padding: 10px;
    border-radius: 8px;
    margin-top: 8px;
    color: #000;
    font-size: 14px;
    line-height: 26px;
}

.tba-table__header-wrapper .tbook-status .select2-container--default .select2-selection--single {
    border: 1px solid #E39B00;
    background: #FFFAEF;
	height:36px;
	padding: 3px;
	border-radius:8px;
}

select.tba_appointment_status
{
	width:150px !important;
	 padding: 10px;
}

.tba-table__header-wrapper .tbook-status.approved .select2-container--default .select2-selection--single
{
    border: 1px solid #00A437;
    background: #F3FFF7;
   
}
.tba-table__header-wrapper .tbook-status.cancelled .select2-container--default .select2-selection--single
{
     border: 1px solid #E30000;
    background: #FFEEEE;

}

.tba-table__header-wrapper .tbook-status.pending .select2-container--default .select2-selection--single
{
    border: 1px solid #E39B00;
    background: #FFFAEF;
}
.tba-table__header-wrapper .tbook-status.completed .select2-container--default .select2-selection--single
{
    border: 1px solid #1443b8;
    background: #e3eafc;
	color:#1443b8;
   
}

.tbook-status .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -8px;
    margin-top: 2px;
}
.tbook-status .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: var(--tba-cl-dark);
    text-transform: capitalize;
    text-align: left;
}
/**----------- /select2 --------------**/


.tba-table__header-wrapper .tba_user_avatar {
    display: inline-block;
    padding-right: 15px;
}

.tba-table__header-wrapper .tba_user_avatar img 
{
    border-radius:50%;
	width:40px;
	height:40px;
}
.tba-table__header-wrapper table>tbody>tr:hover>td.tbook-appointment_created>.tba-actions-btn-list
{
	opacity:1;
}
.tba-actions-btn-list button
{
    border:0;
	background:transparent;
}

.tba-actions-btn-list {
    opacity: 0;
    position: absolute;
    top: 5px;
	transition:all 0.5s ease;
	display: flex;
    gap: 20px;
    background:#fff;
	left:-40px;
    padding: 10px 20px;
	box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    border-radius: 8px;
	z-index:999;
}

.tba-dashboard-summary span.tba-summary-icon {
    font-size: 24px;
    background-color: var(--tba-cl-skin);
    color: #fff;
    padding: 15px;
    border-radius: 8px
}

#wpbody-content .tba-dashboard-summary .tba-summary-content>h3
{
	font-weight:600;
}

.tba-charts-section
{
    padding:30px 0px;
}

.tba-charts-section .chart_wrap {
    background-color: rgba(245, 248, 250, 1);
    margin: 10px;
    padding: 20px;
    border-radius: 8px;
}
label.tba-branch-label {
    margin-bottom: 0;
}
.tba-button.dark {
    background: var(--tba-cl-dark);
}
.tba-button.dark:hover {
    background: var(--tba-cl-skin);
}

span.tba-form-field-note {
    display: block;
    margin-bottom: 20px;
}
.tba-form-field.tba-form-box.branch_handler {
    padding-left: 0;
    padding-right: 0;
    margin-top: 20px;
}
/** popup ***/


	.popup-row.details-list {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
	padding: 0px;
	}
	.popup-row.details-grid {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
	}
	.popup-row.details-grid>.col>.field
	{
	  	margin-bottom:15px;
	}
	.popup-row.details-grid>.col>.field>label
	{
		margin-bottom:12px;
		display:inline-block;
	}
	.tba_popup.whitebg {
    background: #fff;
   
	}
	
	.popup-row .col {
    flex: 1 1 33.33%;
	}
	
	.tba_popup.notabs .tba_popup-header
	{

		justify-content: space-between;
		align-items: center;
		padding:10px;
	}

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

  .tba-openbtn {
      cursor: pointer;
    }
	
	.tba-openbtn>svg.minusicon
	{
		display:none;
	}
	.tba-openbtn.active>svg.minusicon
	{
		display:block;
	}
	.tba-openbtn.active>svg.plusicon
	{
		display:none;
	}
	
	.popup-row.profile-info {
    align-items: center;
    gap: 20px;
    justify-content: flex-start;
	display:flex;
}
.value.customer-gender {
    text-transform: capitalize;
}
.appoin_refund_status {
    margin-bottom: 15px;
}
.tba_popup {
	display:flex;
	flex-direction:column;
	gap:30px;
    position: fixed;
    right: -690px;
    top: 10%;
    width: 600px;
    background: #F5F8FA;
    box-shadow: 0 0 20px rgba(10, 4, 33, 0.1);
    overflow-y: auto;
    transition: right 0.3s ease-in-out;
    z-index: 11;
    border-radius: 10px;
    padding: 30px;
	font-size: 14px;
    color: var(--tba-cl-dark);
    font-weight: 500;
	/* min-height:700px; */
    max-height: 85vh;
    }
	
	.tba_popup label
	{
	margin: 0 0 5px;
    font-size: 14px;
    line-height: 20px;
	color:var(--tba-body-color);
	font-weight:400;
	}

    .tba_popup.open {
      right: 20px;
    }

    .tba_popup-header {
      display: flex;
      background: var(--tba-gray);
      color: white;
      justify-content: space-around;
	  color: var(--tba-cl-dark);
	  gap:10px;
    }

    .tba_popup-header div.closeBtn{
      cursor: pointer;
      padding: 10px;
	  background: #fff;
	  border-radius: 50%;
	  display: flex;
    align-items: center;
    justify-content: center;
    }
	.tba_popup_topbar div.closeBtn
	{
	 background:var(--tba-gray);
	  cursor: pointer;
      padding: 10px;
	  border-radius: 50%;
	  box-shadow: 0px 0px 15px 0px rgba(10, 4, 33, 0.1);
	  border:1px solid rgba(228, 228, 228, 1);
	  display: flex;
    align-items: center;
    justify-content: center;
	}

    .tba_popup-header .active {
      background: #005a87;
    }

  
	.tba_popup .tab-content {
	display: none;
	}
	.tba_popup.notabs .tab-content {
	display: block;
	}

	.tba_popup .tab-content.active
	{
	 display: block; 
	}

	.tba_popup-content .profile-pic img {
		border-radius: 50px;
		width: 60px;
		height: 60px;
	}
	
	.tba_popup>.tba_popup-header>.tab {
		padding: 6px 10px;
		border-radius:var(--tba-radius-8px);
		width: 33.33%;
		background-color:var(--tba-cl-white);
		font-size: 14px;
		line-height: 26px;
		font-weight: 500;
		color: var(--tba-cl-dark);
		cursor:pointer;
		text-align:center;
		border: 1px solid var(--tba-bordercolor);
	}
    .tba_popup>.tba_popup-header>.tab h4 {
        margin-bottom: 0 !important;
    }
	
	.tba_popup>.tba_popup-header>.tab.active
	{
		background: var(--tba-cl-skin);
		color: var(--tba-cl-white);
	}
	.tba_popup>.tba_popup_topbar {
		display: flex;
		align-items: center;
		background:  var(--tba-cl-white);
		padding: 10px 20px;
		justify-content: space-between;
		border-radius:var(--tba-radius-8px);
		border: 1px solid var(--tba-bordercolor);
	}
	
	.tba_popup .popup-row.total_amount.details-list {
		background: var(--tba-cl-skin);
		padding: 10px 20px;
			color: var(--tba-cl-white);
		border-radius: var(--tba-radius-8px);
	}
	.tba_popup .popup-row.total_amount.details-list>label
	{
		color: var(--tba-cl-white);
	}
	
	.tba_popup .tba_appntment_staff_info div#staffmemberavatar>img {
    width: 60px;
    height: 60px;
    object-fit: cover;
	border-radius: 50%;
	}	
	

/*** / popup ***/



/***** settings page ***************/

.truebooker-form label {
	font-weight:400;
}

#tba-settings-blocksall,#tba-main_settings
{
	display:none;
}

.truebooker-form .refundmaindiv {
    background: #fff;
	border:1px solid var(--tba-bordercolor);
	border-radius:15px;
        padding: 15px;
}
.refundmaindivs {
    border-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0px;
    padding: 0px 15px !important;
    width: 100%;
}
#toplevel_page_truebooker ul.wp-submenu>li>a>svg {
    vertical-align: middle;
    padding-right: 8px;
	width:16px;
}

#tab-storesettings .tba-form-field.tba-form-field-border
{
	 align-items: flex-start;
    flex-direction: column;
}

button.truebooker_addbreak_button {
    padding: 12px 26px;
    border: 1px solid var(--tba-bordercolor);
    color: var(--tba-cl-dark);
    border-radius: 8px;
    background: transparent;
	height:55px;
	font-weight: 500;
}
div#service-shift-mnge-workinghours .divclassworkinghour  button.truebooker_addbreak_button {
    width: 100%;
}
body  .truebooker-form h4.serviceshift-hours-title {
    font-size: 18px !important;
}

label.required_field_:after {
    content: "*";
    color: red;
    position: relative;
    right: 8px;
}


.truebooker-form .tba-form-field-radio.tba-form-radiobox input[type=radio]:checked
{
	background-image:url("data:image/svg+xml,%3Csvg%20width%3D%225%22%20height%3D%225%22%20viewBox%3D%220%200%205%205%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cdefs%3E%3Cfilter%20id%3D%22shadow%22%20x%3D%22-50%25%22%20y%3D%22-50%25%22%20width%3D%22200%25%22%20height%3D%22200%25%22%3E%3CfeDropShadow%20dx%3D%220%22%20dy%3D%220.5%22%20stdDeviation%3D%220.3%22%20flood-color%3D%22%23000%22%20flood-opacity%3D%220.4%22/%3E%3C/filter%3E%3C/defs%3E%3Ccircle%20cx%3D%222.5%22%20cy%3D%222.5%22%20r%3D%222%22%20fill%3D%22white%22%20filter%3D%22url(%23shadow)%22/%3E%3C/svg%3E");
	background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center;
	background-color: var(--tba-cl-skin);
}


.setting-item-icon svg {
    background: var(--tba-cl-skin);
    padding: 10px;
    border-radius: 8px;
}

.tba-sec-top li.nav-item a>svg {
    vertical-align: middle;
    padding-right: 10px;
	box-sizing:content-box;
}
.tba-sec-top li.nav-item.tab-active a svg path {
    stroke: #fff;
}


.toplevel_page_truebooker>ul.wp-submenu {
    background-color: #0F1D40 !important;
}


#setting-loading {
    display: none;
    width: 40px;
    height: 40px;
    border: 4px solid #ccc;
    border-top-color: #3498db;
    border-radius: 50%;
    animation: spin 0.8s linear infinite;
	vertical-align:middle;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

.tba_checkbox_switch.active
{
	background-color:#FF3067;
}
.tba_checkbox_switch{
	padding: 7px !important;
    content: '';
    height: 28px;
    width: 55px;
    border-radius: 3em;
    background-color: #d4d4d4;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}


#refundpartial_rule_body tr td {
    padding: 10px;
    border-bottom: 1px solid var(--tba-bordercolor);
}
#refundpartial_rule_body tr:hover {
    background: #F5F8FA;
}
.refundmaindiv button#rule_delete {
    background: #fff;
    border: none;
    opacity: 0;
    border-radius: 8px;
    padding: 10px 15px;
    box-shadow: 0px 0px 20px #0A04211A;
}

#refundpartial_rule_body tr:hover button#rule_delete
{
	opacity:1;
}

.truebooker-form .refundmaindiv tr th {
    padding: 10px 0;
    border-bottom: 1px solid var(--tba-bordercolor);
}


.truebooker-form .tba_switch_wrap {
    padding: 7px !important;
    content: '';
    height: 28px;
    width: 55px;
    border-radius: 3em;
    background-color: #d4d4d4;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 15px;
}
.truebooker-form .tba_switch_wrap.active {
    background-color: #FF3067;
}
.truebooker-form .tba-form-field-radio.tba-form-radiobox .tba_switch_wrap>input[type="radio"] {
    background-color: transparent;
	box-shadow:none;
	border:none;
	margin-top:0 !important;
}

.truebooker-form .tba-form-field-radio.tba-form-radiobox .tba_switch_wrap>input[type="radio"]:checked {
    border-radius: 50%;
    background-color: #fff;
    border: none;
	background-image:none;
    margin-left: -2px !important;
}

.truebooker-form .price_settings_tax_wrap {
    padding: 15px 25px 0;
}

.truebooker-form .price_settings_tax_box {
    background: #fff;
    width: 100%;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 22px;
    padding: 20px 10px;
}

.tba_contents.tba_special_day_tab input.hasDatepicker
{
	background:#fff;
}

.truebooker-form .special-days_actions>div {
    display: inline-block;
	vertical-align:bottom;
}
#main_setting_form .tba_special_day_tab div#specialday_breakadd {
    line-height: 26px;
}

button#specialday_reset_data,.resetbutton>button {
    padding: 11px 10px;
    border: 1px solid var(--tba-bordercolor);
    background: transparent;
    border-radius: 8px;
    line-height: normal;
}
.addbreakbutton {
    margin: 0 20px;
}

#specialday_add_data>svg,#specialday_breakadd>svg{
    vertical-align: middle;
    margin-right: 5px;
}

.truebooker-form .specialday_breakhide {
    margin-top: 20px;
}

.tbab-special_breaktime-cancle {
    display: inline-block;
    padding: 8px;
    border: 1px solid #ccc;
    margin-right: 5px;
}

div#truebooker_breakdata {
    margin-top: 10px;
}

.truebooker-form .tba_darklabel{
	color:var(--tba-cl-dark);
    margin-bottom: 0;
    font-weight: 500;
}
.tba-form-field.tba-paypal-box.tba-paypal-method-mode.paypalhide {
    padding-left: 15px;
    padding-right: 15px;
}

.truebooker-form .tba_input_date_wrap {
    position: relative;
    display: flex;
    align-items: center;
}

.truebooker-form .tba_datepicker_icon {
    position: absolute;
    left: 15px;
    top: 36%;
}

.truebooker-form .tba_input_date_wrap>input,.truebooker-form .tba_input_date_wrap>select {
    padding-left: 40px !important;
}

.tba_switch_wrap_checkbox
{
  position: relative;
  display: inline-block;
  width: 55px;
  height: 28px;
}

.tba_switch_wrap_checkbox input[type="checkbox"]
{
	opacity: 0;
    position: relative;
    width: 100%;
    height: auto;
    top: 10px;
    cursor: pointer;
    z-index: 9999999999;
}
.tba_switchslider
{
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
  border-radius: 34px;
}


.tba_switchslider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0s;
  transition: 0s;
  border-radius: 50%;
}

.tba_switch_wrap_checkbox input[type="checkbox"]:checked + .tba_switchslider {
  background-color: #FF3067;
}

.tba_switch_wrap_checkbox input[type="checkbox"]:checked + .tba_switchslider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/***holidays**/

.tba_sep_border {
    width: 100%;
    border-bottom: 1px solid var(--tba-bordercolor);
    margin: 20px 0;
}

#holiday-modal {
    position: fixed;
    top: 50%;
    left: 65%;
    transform: translate(-50%, -50%);
    background-color: #F5F8FA;
    border: none;
    padding: 25px;
    z-index: 1000;
    display: none;
    border-radius: 15px;
    max-width: 600px;
    box-shadow: 0px 0px 20px rgba(10, 4, 33, 0.1);
 }


#holiday-modal .row {
    margin: 0;
}

#holiday-modal label {
    width: auto;
    display: inline-block;
    color: var(--tba-body-color);
    font-size: 14px;
    line-height: 26px;
    margin-bottom: 15px;
    font-weight: 500;
    cursor: unset;
}

#holiday-modal input#holiday-name {
    width: 100%;
    line-height: 26px;
    font-size: 14px;
    font-weight: 400;
}

#calendar-grid
{
	display: flex;
	justify-content: space-between;
    gap: 20px;
    padding: 20px 0;
    flex-wrap: wrap;
}
.truebooker-form section.tba_contents .tba_content.holiday-calendar {
    padding-bottom: 0;
}
.tba-form-field.add-break {
    display: flex;
    gap: 15px;
    padding-top: 15px;
    margin-bottom: 0 !important;
}
button#specialday_reset_data svg {
    overflow: visible;
}
#calendar-grid>.month
{
	flex: 1 1 calc(30% - 20px);
    background: #fff;
    padding: 20px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 8px;
	margin-top: 40px;
	position:relative;
}
/*
#calendar-grid .month .days {
    background: #fff;
    padding: 20px;
    border: 1px solid #E4E4E4;
    border-radius: 8px;
}
*/
#wpbody-content #calendar-grid .month>h3 {
    font-size: 16px;
    line-height: 28px;
	font-weight:500;
	text-align: center;
	margin:0 auto 20px;
	position: absolute;
    width: 100%;
    top: -40px;
    left: 0;
}

#calendar-grid .month .days .day{
    font-size: 14px;
    color: var(--tba-body-color);
    font-weight: 400;
    line-height: 26px;
    padding: 4px;
	line-height: 35px;
}

a.tba-back-btn {
    margin-right: 10px;
}

.tba-button.transparent {
    background-color: transparent;
    color: var(--tba-cl-dark);
    border: 1px solid var(--tba-cl-dark);
}
.tba-button.transparent:hover {
    background-color: var(--tba-cl-black);
    color: var(--tba-cl-white);
}
.truebooker-form .tba-button-wrap a.tba-button.transparent:hover {
    background-color: var(--tba-cl-skin);
    color: var(--tba-cl-white);
    border-color: var(--tba-cl-skin);
}
.truebooker-form .tba-button-wrap a.tba-button:hover svg path {
    stroke: var(--tba-cl-white);
}

#cancel-holiday.tba-button
{
	margin-left:10px;
}
#calendar-grid .month .days .day.selected {
    background-color: var(--tba-cl-skin);
    color: #fff;
    border-radius: 50%;
}

#repeat_holiday_data_box .tba-form-field>select {
    padding: 13px 20px;
    border: 1px solid rgba(228, 228, 228, 1);
    line-height: normal;
}
#repeat_holiday_data_box #repeat_holiday_frequency
{
	width:100%;
}

/*** / holidays**/

#calendar-modal .fc .fc-button-primary
{
	background-color:var(--tba-cl-skin);
}

#calendar-modal .fc-header-toolbar h2.fc-toolbar-title
{
	font-size:18px !important;
}

#all-page-main-container .truebooker-form .tba__number-input
{
	width: 100%;
	position:relative;
}

#all-page-main-container .truebooker-form button.plusnumber,#all-page-main-container .truebooker-form button.minusnumber {
    background-color: #F5F8FA;
    border: none;
    position: absolute;
    border-radius: 5px;
    padding: 9px;
}

#all-page-main-container .truebooker-form button.plusnumber
{
	 left: 10px;
}
#all-page-main-container .truebooker-form button.minusnumber
{
	right: 10px;
}

#all-page-main-container .truebooker-form .tba__number-input input[type="number"]
{
	text-align:center;
	width: 100% !important;
}

.truebooker-form .tba-form-field.togglewhitebox_y {
    background: #fff;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 15px;
	padding:30px 15px;
}
.select-wrapper-clockicon>svg.clock-svg {
    position: absolute;
    left: 15px;
    height: 18px;
    width: 18px;
    top: calc(50% - 10px);
    line-height: 18px;
}

#main_setting_form .select-wrapper-clockicon>select,.select-wrapper-clockicon>select.tba_select_time__dropdown {
    padding-left: 40px;
}

/*** working hours *******/
.tba__add-break_modal button.truebooker_addbreak_save_button {
    margin-top: 5px;
    margin-left: 15px;
    margin-right: 10px;
}

#working_hour_data .add_break_buttons {
    text-align: right;
    border-top: 1px solid var(--tba-bordercolor);
    padding-top: 20px;
	margin-bottom:0;
}


.select-wrapper-clockicon {
    position: relative;
}

.tba__add-break_modal {
    position: fixed !important;
    top: 12%;
    background: var(--tba-gray);
    box-shadow: 1px 1px 20px #ccc;
    padding: 30px 15px;
    right: 20%;
    max-width: 600px;
    z-index: 99999;
	border-radius:15px;
	width:100%;
}
.tba__add-break_modal .tba-form-field
{
	margin-bottom:10px;
}
.bottom_border
{
	border-bottom:1px solid var(--tba-bordercolor);
}

#working_hour_data .truebooker_breakdata,.truebooker-form .truebooker_breakdata,.truebooker-form .truebooker_staffmember_breakdata,.truebooker-form .truebooker_service_breakdata {
    display:flex;
    gap: 15px;
	flex-wrap: wrap;
}

#working_hour_data .truebooker_breakdata .tbab-breaktime-cancle,.truebooker-form .truebooker_breakdata .tbab-breaktime-cancle,.truebooker-form.whitebg .tbab-special_breaktime-cancle,.truebooker-form .tbab-breaktime-cancle,#main_setting_form .tbab-special_breaktime-cancle{
    padding: 6px 15px;
    background: #fff;
    border-radius: 8px;
}



.truebooker-form.whitebg .truebooker_breakdata .tbab-breaktime-cancle,.truebooker-form.whitebg .tbab-breaktime-cancle{
    padding: 6px 15px;
    background: var(--tba-gray);
    border-radius: 8px;
	border: 1px solid #ddd;
}

.truebooker-form.whitebg button.truebooker_addbreak_button
{
   background: var(--tba-gray);
}
.truebooker-form h2.tba-page-heading-alt {
    font-size: 28px;
    line-height: 37px;
}


#working_hour_data .truebooker_breakdata .tbab-breaktime-cancle span,.truebooker-form .truebooker_breakdata .tbab-breaktime-cancle span,.truebooker-form.whitebg .tbab-special_breaktime-cancle span,.truebooker-form .tbab-breaktime-cancle span,#main_setting_form .tbab-special_breaktime-cancle span{
    padding-left: 10px;
	cursor: pointer;
}

.disabled-date {
    background-color: #f8d7da !important;
    cursor: not-allowed;
    opacity: 0.6;
}

.staffmember_content .tba-form-field.tba_switch_field>div {
    background: #fff;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 8px;
	padding: 15px 15px 15px !important;
}

.tba-submit-btn.add-staff-member-submit--btn {
    position: absolute;
    top: 0px;
    right: 0;
}
.tba-submit-btn.add-staff-member-submit--btn input[type="submit"] {
 margin-top:0;
}

.truebooker-form .tba-form-field-radio.tba-form-radiobox.add_staff_member_radiobox label.tbook-disable,.truebooker-form .tba-form-field-radio.tba-form-radiobox.tba_stfflogin-profile-radiobox label.tbook-disable,.truebooker-form .tba-form-field-radio.tba-form-radiobox.tba_gender_radiobox label.tbook-disable,.truebooker-form .tba-form-field-radio.tba-form-radiobox.tba_stfflogin-profile-radiobox label.tbook-disable
{
	padding-left:0;
	padding-right:15px;
}
.tba-form-field.tba-form-field-border.padding-zero {
    padding: 0 !important;
}



.tba-preview_uploaded--image img{
    width: 70px;
    height: 70px;
        border-radius: var(--tba-radius-8px);
}

.tba-preview_uploaded--image {
	border-radius: var(--tba-radius-8px);
    width: 70px;
	height: 70px;
    border: 1px solid var(--tba-bordercolor);
	position:relative;
	min-width:70px;
	
}
.tba-form-field .preview__uploaded__image_wrap {
    display: inline-flex;
    align-items: center;
    gap: 15px;
}
span.removePreviewImage {
    color: #fff;
    font-weight: 800;
    background: #e70505;
    position: absolute;
    left: 55px;
    cursor: pointer;
    border-radius: 50%;
    padding: 2px 5px;
	top:-5px;
}
.tba-button.danger {
    background-color: red;
}

.tba-button.danger:hover
{
	opacity:0.7;
}

/***** / settings page ***************/


/******** staff members page **********/

.tba_search_wrap input.tba_search {
		background-image: url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.5556%2016.5556L21%2021M18.7778%209.88889C18.7778%204.97969%2014.7981%201%209.88889%201C4.97969%201%201%204.97969%201%209.88889C1%2014.7981%204.97969%2018.7778%209.88889%2018.7778C14.7981%2018.7778%2018.7778%2014.7981%2018.7778%209.88889Z%22%20stroke%3D%22%230F1D40%22%20stroke-width%3D%221.5%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22/%3E%3C/svg%3E");
	 background-repeat: no-repeat;
    background-size: 20px 20px;
    background-position: left 12px center;
     padding: 10px 40px;
}
.tba_search_wrap input.tba_search::placeholder
{
	color:var(--tba-body-color);
	opacity:50%;
}
button#addservicestaffesave {
    margin-left: 0px;
}
.tba-details-tbl-wraper.tba-services-details .serviceassignstaff.zero-margin {
    margin-bottom: 0;
}
table.staffmember_specialday_list th,
table.staffmember_holiday_list th{
    font-weight: 500;
    color: var(--tba-cl-dark);
}
.resetbutton button {
    line-height: 0;
}
.tba-details-tbl-wraper.tba-services-details .serviceassignstaff
{
	margin-bottom:20px;
}

.row.tba_verticle_center {
    align-items: center;
}

.tba-button.dark-bg
{
	background-color: var(--tba-cl-dark);
}
.tba-button.dark-bg:hover {
  background: var(--tba-cl-black);
}
.specialday_data th {
    color: var(--tba-cl-dark);
    font-weight: 500;
    font-size: 15px;
}
.tba-form-field-radio.tba-form-radiobox.tba-special-day-toggle {
    padding: 0 15px;
}
.specialday_listing{
    padding: 30px 30px !important;
}
#holiday-modal-form input[type="text"],#holiday-modal-form select
{
width: calc(100% - 5px);
}

#calendar-grid .day-names {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  width:100%;
  color:var(--tba-cl-dark);
  padding-bottom: 10px;
  border-bottom: 1px solid var(--tba-bordercolor);
}

#calendar-grid .day-name {
  padding: 5px 0;
}

#calendar-grid .month .days .day.in-range,#calendar-grid .month .days .day.in-range-selected {
    background-color: var(--tba-cl-skin);
    opacity: 0.5;
    color: #fff;
    border-radius: 50%;
}

#stffmmbr-shift-mnge-workinghours .tba-form-field,#service-shift-mnge-workinghours .tba-form-field
{
	margin-bottom:15px;
}
#service-shift-mnge-workinghours .tba-form-field.zero-margin {
    margin-bottom: 0;
}
#service-shift-mnge-workinghours .divclassworkinghour {
    margin: 15px 0 0 0;
}

#service-shift-mnge-workinghours .divclassworkinghour.hide {
    margin: 0;
}
.truebooker_staffmember_breakdata {
    margin-top: 20px;
}

div#staffmember_specialday_breakadd {
    color: var(--tba-cl-dark);
    font-size: 14px;
   cursor:pointer;
}
div#staffmember_specialday_breakadd:before {
    content: "+";
    font-size: 15px;
    background: var(--tba-cl-skin);
    color: #fff;
    border-radius: 5px;
    padding: 4px 10px;
    line-height: 30px;
    margin-right: 8px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
}

.tba__inline-flex-box {
    display: inline-flex;
    gap: 10px;
	align-items: center;
	
}
.tba__inline-flex-box label
{
	margin-bottom:0;
}

.tba-details-tbl-wraper table tbody>tr>td
{
  line-height:24px;
  color:var(--tba-cl-dark);
}

#tbab-calendar.tbab__main-calendar
{
	width:100%;
}
.tba_main_calendar #tbab-calendar.tbab__main-calendar {
    padding: 0 15px;
}

/**** staff login - services page *****/


.tba_gray_cards_wrap>.tba_gray_card>.serviceitem {
	display: flex;
    flex-direction: column;
    gap: 20px;
    background: var(--tba-gray);
    min-height: 275px;
    width: 100%;
    padding: 30px;
	height:100%;
	font-size: 14px;
    line-height: 26px;
    font-weight: 400;
	border: 1px solid var(--tba-bordercolor);
	border-radius:15px;
}

.serviceitem .servitem-top .servc_logo {
    width: 60px;
    height: 60px;
  
}
.serviceitem .servitem-top .servc_logo>img
{
width:100%;
height:100%; 
border-radius:50%
}

.serviceitem .servitem-top
{
  gap: 10px;
  display:flex;
  align-items: center;
  padding-bottom:20px;
  border-bottom: 1px solid var(--tba-bordercolor);
}

.serviceitem .servc_nameinfo h5
{
	margin-bottom:5px;
	margin-top:0px;
}
.serviceitem .servc_nameinfo span.deposite_price {
    font-size: 20px;
    color: var(--tba-cl-dark);
    line-height: 28px;
}

.serviceitem .servc_nameinfo span.deposite_text_amount {
    color: var(--tba-cl-skin);
}

.serviceitem>.servitem-content>.servicedesc {
    margin-top: 10px;
}

.serviceitem>.servitem-content>.durinfocapacity>span {
    gap: 10px;
    display: inline-flex;
    align-content: center;
    align-items: center;
	margin-right:18px;
	color: var(--tba-cl-dark);
}

.row.tba_gray_cards_wrap>.tba_gray_card {
    margin-bottom: 30px;
}

.serviceitem .extraservice-item span.subserviceprice {
    color: var(--tba-cl-dark);
	font-weight:600;
}

span.serviceassigncount {
    padding: 10px;
    background-color: #F3FFF7;
    border-radius: 5px;
    color: var(--tba-cl-dark);
}

#truebooker_staffmember_setting .workinghournotmanage .workingitem {
    background: var(--tba-gray);
    padding: 10px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
	padding-right: 30px;
    color: var(--tba-cl-dark);
    text-transform: capitalize;
}

.staffmemberassignresult  th {
    font-weight: 500;
    color: var(--tba-cl-dark);
}

table.staffmemberassignresult {
    margin-top: 15px;
}



/********** main calendar *************/


.tbab__main-calendar td.fc-daygrid-day,.tbab__main-calendar .fc .fc-timegrid-slot{
	padding: 2px;
    border: 0;
}
.fc-daygrid-day.fc-day.fc-day-today .fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
    background-color: rgb(0 110 255 / 20%);
    border-color: var(--tba-cl-skin);
}
.fc.tbab__main-calendar .fc-daygrid-day.fc-day-today {
    background-color: transparent;
}
.tba_search_wrap {
    margin-left: 5px;
    margin-right: 5px;
}
.tba_search_wrap.tba_pending_search {
    margin-right: 10px;
}
section.tba-table-container.tbab_pending_app_list {
    margin: 0 15px;
}
.fc-daygrid-day-frame.fc-scrollgrid-sync-inner {
    padding: 6px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
    max-height: 100%;
    height: 200px;
    background: var(--tba-cl-white);
}
.tba_main_calendar table th.fc-col-header-cell {
    border: 0;
    padding:10px 10px 10px;
}

.tbab__main-calendar td.fc-daygrid-day.has-event
{
	background-color:#E6F1FF;
}

.tba_main_calendar .fc .fc-button
{
font-weight:500;
}
.tba_main_calendar .fc .fc-button-primary{
    background-color: var(--tba-gray);
    color: var(--tba-cl-dark);
    border: 1px solid var(--tba-bordercolor);
    border-radius: 8px !important;
    padding:6px 20px;
    text-transform: capitalize;
}
.fc.tbab__main-calendar .fc-toolbar-title {
    font-size: 20px;
    margin-bottom: 0 !important;
}

.tba_main_calendar .fc .fc-button-primary:not(:disabled).fc-button-active,.tba_main_calendar .fc .fc-button-primary:hover
{
    background-color: var(--tba-gray);
    color: var(--tba-cl-skin);
    border: 1px solid var(--tba-cl-skin);
    border-radius: 8px !important;
}

.tba_main_calendar .fc .fc-button-primary:disabled
{
 
	background-color: var(--tba-gray);
    color: var(--tba-cl-skin);
    border-color: var(--tba-cl-skin);
    opacity: 1;
}


.tba_main_calendar .fc-button-group
{
    gap:5px;
}

.tba_main_calendar .fc .fc-button-primary:not(:disabled):active:focus, .tba_main_calendar .fc .fc-button-primary:not(:disabled).fc-button-active:focus,.tba_main_calendar .fc .fc-button-primary:focus
{
	box-shadow: 0 0 3px 0 var(--tba-cl-skin);
	border: 1px solid var(--tba-cl-skin);
}


.tba_main_calendar .fc .fc-button-primary:not(:disabled):active, .tba_main_calendar .fc .fc-button-primary:not(:disabled).fc-button-active
{
	    background-color: var(--tba-gray);
		border-color: var(--tba-cl-skin);
}


.tba_main_calendar .tba-details-tbl-wraper
{
	background-color: var(--tba-cl-white);
	box-shadow: none;
    border: 1px solid var(--tba-bordercolor);
}

.tba_main_calendar .fc .fc-daygrid-event
{

	background-color: #fff;
    padding: 10px 5px;
    border-radius: 0;
    border-bottom: 2px solid #00A437;
	cursor:pointer;
}
.tba_main_calendar .fc .fc-daygrid-day-events
{
 padding: 0px 10px;	
}

.tba_main_calendar .fc .fc-view-harness-active > .fc-view {
    background: var(--tba-gray);
    padding: 30px;
    border: 1px solid var(--tba-bordercolor);
    border-radius: var(--tba-radius-8px);
}
.tba_main_calendar table.fc-scrollgrid {
    border: 0 !important;
}
.tba_main_calendar .fc a
{
	color: var(--tba-cl-dark);
}

#eventPopup {
    position: absolute;
    background: var(--tba-gray);
    border-radius: 15px;
    z-index: 999999;
    padding: 30px;
    width: 510px;
    box-shadow: 0px 0px 20px 0px rgb(10 4 33 / 10%);
    border: 1px solid var(--tba-bordercolor);
}
#eventPopup img.profile-pic {
    border-radius: 50%;
    margin-right: 10px;
	width: 60px;
    height: 60px;
}

#eventPopup .row span{
	display:block;
	color: var(--tba-cl-dark);
    font-weight: 500;
    word-break: break-word;
    font-size: 14px;
    line-height: 24px;
}

#eventPopup .tba-form-field label {
    font-size: 14px;
    line-height: 24px;
}

#eventPopup #popupTitle {
    background: #ffffff;
    display: block;
    padding: 10px;
    text-align: center;
    color: var(--tba-cl-dark);
    border: 1px solid var(--tba-bordercolor);
    border-radius: 8px;
    font-size: 16px;
    line-height: 26px;
}
.tba_main_calendar .fc .fc-daygrid-event.status-pending {
    border-bottom: 2px solid  #E39B00;
}
.tba_main_calendar .fc .fc-daygrid-event.status-approved{
     border-bottom: 2px solid #00A437;
}
.tba_main_calendar .fc .fc-daygrid-event.status-cancelled{
     border-bottom: 2px solid #E30000;
}

.tba_gray_bg_sec{
	background: var(--tba-gray);
    padding: 28px 30px 30px 30px;
    border-radius: 8px;

}
.tba-main-listing-container .pagination>li>a, .tba-main-listing-container .pagination>li>span {
    position: relative;
    float: left;
    padding: 5px 15px;
    margin-left: -1px;
    line-height: 26px;
    color: var(--tba-cl-dark);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid var(--tba-bordercolor);
    margin-right: 5px;
    border-radius: 8px !important;
}

.tba-main-listing-container .pagination>.active>a,.tba-main-listing-container .pagination>.active>span,.tba-main-listing-container .pagination>.active>a:hover,.tba-main-listing-container .pagination>.active>span:hover,.tba-main-listing-container .pagination>.active>a:focus,.tba-main-listing-container .pagination>.active>span:focus
{
	background-color: var(--tba-cl-skin);
    border-color: var(--tba-cl-skin);
	color:#fff;
}
.tba-main-listing-container .pagination>li>a:hover,.tba-main-listing-container .pagination>li>span:hover,.tba-main-listing-container .pagination>li>a:focus,.tba-main-listing-container .pagination>li>span:focus {
    color: #fff;
    background-color: #0070ff;
}
.tba_search_wrap input[type=search]#search-box
{
	width:auto;
	padding:10px 40px;
}

.truebooker-form .tba__flex_field>label
{
 width:auto;
}
.truebooker-form .addmore, .truebooker-form .removemorediv {
    height: 50px;
    width: 50px;
    background: var(--tba-cl-skin);
    color: #fff;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    cursor: pointer;
    font-size: 25px;
    line-height: 50px;
}
.tba-dashboard-summary .tba-summary-content {
    text-align: left;
}

.tba_stickybar.sticky { 

position:fixed;
top:32px;
right:0px;
width: calc(100% - 160px);
text-align: right;
background-color: #fff;
padding: 10px;
z-index:9999;
padding-left: 22px;
padding-right: 20px;
box-shadow: 0px 0px 20px 0px rgba(10, 4, 33, 0.1);

left: 160px;
width: auto;


}
.tba_stickybar.sticky input#submitsetting
{
     margin-top:5px;
     margin-bottom: 5px;
}
#main_setting_form .tba_stickybar.sticky
{
     width: calc(100% - 160px);
     text-align:right;
     background-color:#fff;
     padding:10px;
}

.togglewhitebox_y {
  overflow: hidden;
  transition: max-height 0.5s ease, opacity 0.5s ease;
  max-height: 1000px;
  opacity: 1;

}

.togglewhitebox_y.hide {
  max-height: 0;
  opacity: 0;
}

.togglewhitebox_y.hide,.togglewhitebox_y .hide:not(.divpartialrefundhide)
{
  display:block !important;
}
.togglewhitebox_y .tba-paypal-box.hide
{
	display: flex !important;
}
.tba__error {
    color: red;
}
.ttb-error {
    color: red;
}

.tba_errors_nonajax
{
	position: fixed;
    right: -400px; /* start offscreen */
    background: #f44336;
    color: white;
    padding: 15px 30px;
    border-radius: 4px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 9999;
    transition: right 0.5s ease-in-out;
	top:10%;
}

.tba_errors_nonajax.show {
    right: 30px; /* slides into view */
}

.truebooker_page_truebooker_branch  tr.disbaled {
    opacity: 0.5;
}
.tba-details-tbl-wraper .select2-container
{
	width:160px !important;
}

body.truebooker-body-class .select2-container--default .select2-results>.select2-results__options
{
	max-height:280px;
}

form#appointment_filter_form select {
    width: 320px;
}
.tba_pagination
{
	display: inline-block;
    padding-left: 0;
    margin: 20px 0 0;
    border-radius: 4px;
}
div#tba_user_table {
    padding: 0 15px;
}
.user_gender_box .tba-form-field-radio.tba-form-radiobox.tba_gender_radiobox {
    height: auto;
}
.tba_pagination .page-numbers{
    position: relative;
    float: left;
    padding: 5px 15px;
    margin-left: -1px;
    line-height: 26px;
    color: var(--tba-cl-dark);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid var(--tba-bordercolor);
    margin-right: 5px;
    border-radius: 8px !important;
}

.tba_pagination .page-numbers.current{
    background-color: var(--tba-cl-skin);
    border-color: var(--tba-cl-skin);
    color: #fff;
}

.tba-table__header-wrapper .tba_disable_appointment .tbook-status .select2-container--default .select2-selection--single
{
    border:1px solid #ccc;
    background: var(--tba-gray);
    color: #000;
}

.staffservice .divstaffassign.hide {
    padding: 0;
    margin: 0;
}
.divstaffassign.togglewhitebox_y {
    margin-top: 30px;
}
.truebooker-form .divstaffassign.tba_gray_bg_sec {
    padding-left: 30px;
    padding-right: 30px;
}

span.tba_refundview_info {
    cursor: pointer;
}
.tba_popup>.tba_popup_topbar .refund_popup_title h4 {
    margin-bottom: 0 !important;
}
.appoin_refund_button button#refund_update {
    display: inline-block;
    background-color: var(--tba-cl-skin);
    border: none;
    color: var(--tba-cl-white);
    border-radius: var(--tba-radius-10px);
    padding: 12px 35px;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s;
    font-size: 15px;
    font-weight: 500;
    line-height: 26px;
    text-transform: capitalize;
}


#truebooker_subserv_addons_modal .tba-admin-subservice-card-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    gap: 15px;
}

#truebooker_subserv_addons_modal .tba-subservice-leftcolumn {
    display: flex;
    gap: 10px;
}

#truebooker_customer textarea#truebooker_f_user_address1
{
	height:49px;
}

#appntmntform_serv_addns>.tba_flex
{
	gap:5px;
	align-items: end;
}
#appntmntform_serv_addns>.tba_flex>div:first-child
{
	flex: 1 1 75%;
}
#appntmntform_serv_addns>.tba_flex>div:last-child
{
	flex: 1 1 25%;
}
#tba_btn_addonsmodal {
    width: 100%;
    height: 50px;
    background: #fff;
    border: 1px solid var(--tba-bordercolor);
    border-radius: 8px;
}
button#tba_btn_addonsmodal:disabled {
    cursor: not-allowed;
}
.tba__add-break_modal #service_holiday_repeat{
    margin-top: 0 !important;
}


#staffmember_specialday_breakadd.active:before
{
content:'-';
}

.add_appointment_btn_wrap .tba-button.transparent:focus {
    color: var(--tba-cl-dark);
}

#truebooker_subserv_addons_modal .tba-checkbox {
  background-color: transparent !important;
}

#truebooker_subserv_addons_modal svg {
  overflow: visible !important;
}
 
#apppaymentmethod ,
#apppaymentstatus {
    text-transform: capitalize;
}

#tba_sidePopup-appointments ,
.tba_popup{
    min-height: 560px;

}
.pl-0 {
  padding-left: 0 !important;
}
.tba-margin-left{
   margin-left: 15px;
}

.tba-form-field-addbtn-left{
    right: 140px;
}

.tba_add-break-time{
     margin-bottom: 20px;
}

.tba-form-field-right{
    right: 210px;
}
.truebooker-body-class svg,.toplevel_page_truebooker svg{
    fill: none;
}
#tba_sidePopup-appointments .subservice-item {
    display: flex;
    align-items: center;
    padding: 5px 0;
}

/* Name (left - flexible) */
#tba_sidePopup-appointments .subservice-item > :first-child {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* Qty (middle - fixed position) */
#tba_sidePopup-appointments .subservice-item > :nth-last-child(2) {
    width: 80px;        /* FIXED WIDTH */
    text-align: left;
    white-space: nowrap;
    flex-shrink: 0; 
}

/* Price (right) */
#tba_sidePopup-appointments .subservice-item > *:last-child {
    width: 90px;        /* FIXED WIDTH */
    text-align: right;
    white-space: nowrap;
     flex-shrink: 0;
}
#appstatus{
     text-transform: capitalize;
}
/* Hide scrollbar only in header - main calender */
.fc-scrollgrid-section-header .fc-scroller {
  overflow: hidden !important;
}
.fc .fc-scrollgrid-section > th {
    border-right-width: 0;   /* remove right border for header */
}


/*******medid Queries *********/
@media(max-width:1750px){ 
    form#appointment_filter_form select#truebooker_add_appointmnt_branch, 
    form#appointment_filter_form select#truebooker_user_department,
    form#appointment_filter_form .tba_submit_wrap,
    .truebooker_page_truebooker_appointments .tba-main-listing-container .tba_inline-elements .tba_search_wrap,
    .truebooker_page_truebooker_appointments .tba-main-listing-container .tba_inline-elements .tba-button-wrap {
        margin-bottom: 15px !important;
    }
} 
@media(max-width:1400px){ 
form#appointment_filter_form.tba_inline_flex {
    display: block;
}
}

@media(max-width:1300px){ 
.row.tba_gray_cards_wrap div.tba_gray_card {
    flex: 1 1 50%;
}
}

@media(max-width:782px){ 
#main_setting_form .tba_stickybar.sticky {
    width:100%;
	top:0;
}
}

@media(max-width:1024px){ 
#calendar-grid>.month
	{
		flex: 1 1 100%;
	}
	
	.tba__flex_field > *
	{
		    flex: 1 1 100%;
	}
	
	.tba__flex_field.tba_stickybar > *
	{
		flex: 0 0 auto;
	}
	
}

@media(max-width:960px) { 
.tba_stickybar.sticky
	{
		width:calc(100% - 36px);
	}
}

@media(max-width:782px) { 
.tba_stickybar.sticky
	{
		width:100%;
	}
}


@media(max-width:767px) { 
.tba_popup
{
	width:90%;
}

}


@media(max-width:480px) {
	
	.tba-main-setting-boxes .nav-item.col-lg-4
	{
		width:100%;
	}
	.truebooker-settingform .tba-sec-top
	{
	  flex-direction: column;
	}

	.tba-sec-top .tab-content
	{
		position:relative;
	}
	.tba-form-field.tba-tab-button input#submitsetting
	{
		margin-top:15px;
	}

	.tba-form-field input[type="file"]
	{
		width:100%;
	}
	.tba-form-field.tba-form-field-border
	{
		flex-direction: column;
	}
	.truebooker-form section.tba_contents .tba_content
	{
		width:100%;
	}
	.tba__add-break_modal
	{
		width:auto;
	}
	#calendar-grid>.month
	{
		flex: 1 1 100%;
	}
	.tba-form-field
	{

	  overflow-x: auto;

	}
	#holiday-modal
	{
		top: 50%;
		left: 50%;
		width: 75%;
	}
	#calendar-modal
	{
	width: 90%;
    top: 50%;
    left: 0;
	position:fixed;
	}
	.tba_inline-elements {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
	}
	
	
	.tbab-welcome-box .ttm-activation-form
	{
	  flex-direction: column;
	}
	
	.truebooker-body-class .ttm-activation-form>.left-col {
    width: 100%;
	}
	.truebooker-body-class .ttm-activation-form>.right-col {
    width: 100%;
	}
	.tba-dashboard .tba-dashboard-summary
	{
		gap: 10px;
	}
	
}


.service-expiry-datebox {
    display: flex;
    align-items: center;
    gap: 5px;
}

.service-expiry-datebox .resetbutton>button {
    padding: 13px;
}

textarea#appoin_refund_decription_value {
    margin-bottom: 15px;
}
button#staffmember_specialday_reset_data {
    background-color: transparent;
    border: 1px solid var(--tba-bordercolor);
    padding: 0;
    width: 50px;
    height: 54px;
    line-height: 50px;
}
button#staffmember_specialday_reset_data svg {
    overflow: visible;
}
.staffhandler_special_btn.tba-form-field .staffhandler_special_btnbox {
    border-top: 1px solid var(--tba-bordercolor);
    float: right;
    display: flex;
    gap: 10px;
    justify-content: end;
}
.staffhandler_special_btn.tba-form-field .staffhandler_special_btnbox button {
    margin-top: 30px;
}


/***********************
**  end  New - Updates in Truebooker design 
***********************/
 
.truebooker-shortcode-box {
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 8px 10px;
    background-color: var(--tba-cl-white);
    border: 1px solid var(--tba-bordercolor);
    border-radius: 4px;
    font-family: var(--tba-font-family);
    font-size: 12px;
    color: var(--tba-body-color);
}
.truebooker-style-box img.truebooker-styles {
    width: 100%;
}
 
.truebooker-form .tba-color-setting .wp-picker-container {
    display: block;
    border: 1px solid var(--tba-bordercolor);
    padding: 5px;
    border-radius: var(--tba-radius-8px);
    background: var(--tba-cl-white);
}
.truebooker-form .tba-color-setting .wp-picker-container .button {
    min-height: 40px;
    margin: 0;
    font-size: 15px;
    width: 40px;
    border-color: var(--tba-bordercolor);
}
.truebooker-form .tba-color-setting .wp-picker-container span.wp-color-result-text {
    padding: 0 0 0 20px;
    background: transparent;
    border: 0;
}
.truebooker-form .tba-color-setting .wp-picker-container input.button.button-small.wp-picker-clear {
    width: auto !important;
}
.truebooker-form .tba-color-setting  .wp-picker-container .iris-picker {
    border-radius: 0;
    border-color: #dcdcde;
    margin-top: 6px;
    z-index: 9;
}

/* color setting description css */
.tba-field-description {
    font-size: 12px;
    color: #888888;
    margin-top: 4px;
    font-style: italic;

}

/* btn reset to default */
.tba-form-field-subtitle{
    display:flex;
    align-items:center;
}

.tba-reset-button{
    margin-left:auto;     /* button right side */
    margin-top:0 !important;
}

.tba-btn{
    display:inline-block;
    background-color: var(--tba-cl-skin);
    color:#ffffff;
    border:1px solid #dcdcde;
    border-radius:6px;
    padding:6px 14px;
    cursor:pointer;
    transition:0.2s;
    font-size:13px;
    font-weight:500;
    line-height:20px;
    text-transform:capitalize;
    white-space:nowrap;   
}

.tba-btn:hover{
    opacity:0.9;
}


/* responsive customize color setting */
/* 1770px → 5 */
@media (max-width:1770px){
.truebooker-form .tba-color-setting{
    display:flex;
    flex-wrap:wrap;
}
.truebooker-form .tba-color-setting .tba-form-field{
    flex:0 0 20%;
    max-width:20%;
}
}

/* 1548px → 4 */
@media (max-width:1548px){
.truebooker-form .tba-color-setting .tba-form-field{
    flex:0 0 25%;
    max-width:25%;
}
}

/* 1320px → 3 */
@media (max-width:1320px){
.truebooker-form .tba-color-setting .tba-form-field{
    flex:0 0 33.33%;
    max-width:33.33%;
}
}

/* 1120px → 2 */
@media (max-width:1120px){
.truebooker-form .tba-color-setting .tba-form-field{
    flex:0 0 50%;
    max-width:50%;
}
}

/* 768px → 1 */
@media (max-width:768px){
.truebooker-form .tba-color-setting .tba-form-field{
    flex:0 0 100%;
    max-width:100%;
}
}
@media (max-width:335px){

    .wp-color-result-text {
        display: none !important; /*  text hide */
    }

    .wp-color-result {
        padding: 0 !important;  
        min-width: auto !important;
    }

}
@media (max-width:335px){

    #reset_admin_colors.tba-btn,
    #reset_front_colors.tba-btn{
        font-size: 11px;     /*  small text */
        padding: 4px 6px;    /*  small button */
        line-height: 14px;
    }

     .tba-form-field-subtitle > label > h4{
        font-size: 12px !important;
        line-height: 18px;
    }

}


 .tba-upgrade {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    position: relative;
    isolation: isolate;
    width: 153.82px;
    height: 38px;
    margin-bottom: 15px;
} 

.tba_upbutton.tba-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 6px 20px;
    width: 99px;
    height: 38px;
    background: #FF3067 !important; 
    border-radius: 8px;
    color: #FFFFFF !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    z-index: 0;
    border: none;
}


.tba-upgrade .clickup-text img {
    width: 100%;
    height: auto;
}

.tbab-disable {
    opacity: 0.6;
    pointer-events: none;
    filter: grayscale(0.5);
}



.feature-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    max-width: 480px;
}

.feature-content > span {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #6C6881;
    display: block;
}

.feature-content h2 {
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 28px;
    line-height: 36px;
    color: #0F1D40;
    margin: 0;
}

.feature-content p {
    font-family: 'Inter', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 26px;
    color: #6C6881;
}

.features_list ul {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 0;
    list-style: none;
}

.features_list ul li {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 26px;
    color: #0F1D40;
}

.features_list .list-vector {
    width: 17px;
    height: 17px;
    object-fit: contain;
}

.button_list {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    position: relative;
    isolation: isolate;
    margin-top: 10px;
}

.tba-button {
    /* display: flex; */
    justify-content: center;
    align-items: center;
    padding: 12px 30px;
    border-radius: 8px;
    font-family: 'Inter', sans-serif;
    font-weight: 600;
    font-size: 14px;
    line-height: 26px;
    text-decoration: none;
    /* color: #FFFFFF !important; */
    /* height: 38px; */
    transition: opacity 0.3s;
}

.learnbutton {
    background: #0070FF;
    width: 118px;
    padding: 6px 20px !important;
    color: var(--tba-cl-white)!important;
    border-radius: 8px!important;
}

.upgradebutton {
    background: #FF3067;
    width: 99px;
    padding: 6px 20px !important;
    color: var(--tba-cl-white) !important;
    border-radius: 8px!important;
}

.clickicon {
    display: flex;
    align-items: center;
}

.clickicon img {
    width: 44.82px;
    height: 15.48px;
}

.clickup-text {
    position: absolute;
    width: 79px;
    right: -85px;
    top: -15px;
    font-family: 'Caveat', cursive; 
    font-weight: 700;
    font-size: 18px;
    line-height: 14px;
    text-align: center;
    color: #888B92;
    z-index: 3;
}

/* .col-lg-8 {
    position: relative;
    width: 1000px;
    height: 525px;
    background: #F5F8FA;
    border-radius: 8px;
    overflow: hidden; 
} */

@media (max-width: 1200px) {
    .tba-details-tbl-wraper .row.tba_verticle_center.bottom-margin {
        flex-direction: column;
        align-items: center;
        gap: 40px;
    }
}


/*animation */
.upgrade_hint {
    display: inline-block;
    animation: shakeBtn 1.2s infinite;
}

@keyframes shakeBtn {
    0% { transform: rotate(0deg); }
    25% { transform: rotate(3deg); }
    50% { transform: rotate(-3deg); }
    75% { transform: rotate(3deg); }
    100% { transform: rotate(0deg); }
}

@keyframes floatHint {
    0% {
        transform: translateX(0px);
        opacity: 0.7;
    }

    50% {
        transform: translateX(12px);
        opacity: 1;
    }

    100% {
        transform: translateX(0px);
        opacity: 0.7;
    }
}

.upgrade_hint img,
.upgrade_hint svg {
    animation: pulseGlow 1.8s infinite;
}

.tba_record_notfound {
    font-size: 20px;
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 33px;
    background: var(--tba-gray);
    align-items: center;
    gap: 23px;
	color: var(--tba-cl-dark);
}
.tba_record_notfound img
{
    width:500px;
}








/* logo truebooker - setting */
#all-page-main-container .setup_heading_logo {
    display: flex !important;
    align-items: center;
    gap: 0px;
}

#all-page-main-container .setup_heading_logo img {
    width: 180px;
    display: block;
    transform: translateY(-5px);
}


/*** faqs *****/
 
.tba_faq ol {
	margin-top: 20px;
	padding-left: 0; 
	margin-left:0;
}
 
 
.tba_faq li {
	list-style: none; 
	margin-bottom: 18px;
	padding: 14px 16px;
	border: 1px solid #e5e7eb;
	border-radius: 8px;
	background: #fff;
}
 
 
.tba_faq li:hover {
	border-color: #d0d5dd;
}
 
 
.tba_faq h4 {
	margin-bottom: 8px;
	font-size: 15px;
	color: #1d2327;
}
 
 
.tba_faq li p {
	margin: 5px 0;
}


/* setting text underline */
.setting-item-content a.nav-link:before {
    width: 90%;
}

/* Font setting text*/
#tba-settings-blocksall .setup_heading_logo .tba-page-heading,
#tba-main_settings .setup_heading_logo .tba-page-heading {
    font-size: 28px;
}

/* Settings: Second heading text font. */
body.truebooker-body-class #tba-main_settings.truebooker-settingform h3 {
    font-size: 24px;
}

.mt0{
    margin-top: 0!important;
}


.setup_heading_logo h2::before {
    content: "/";
    margin: 0 12px;        
    color: #D1D5DB;        
    font-weight: 300;     
    font-size: 1.1em;  
}
/* disable all Payment - upgrade btn */
.upgrade-btn-top{
    margin-bottom: 5px;
}

.mt-0 {
    margin-top: 0 !important;
}







.tba-main input[type=checkbox]:checked::before {
    content: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20viewBox%3D%270%200%2020%2020%27%3E%3Cpath%20d%3D%27M14.83%204.89l1.34.94-5.81%208.38H9.02L5.78%209.67l1.34-1.25%202.57%202.4z%27%20fill%3D%27%233582c4%27%2F%3E%3C%2Fsvg%3E");
}




.tba-table__header-wrapper thead tr th:nth-child(3), 
.tba-table__header-wrapper tbody tr td:nth-child(3) {
    padding: 15px !important; 
}


.tba-button:focus, 
.tba-button:active, 
.tba-button:focus-visible, 
.tba-button:hover {
    border-radius: var(--tba-radius-10px) !important;
    outline: none !important; 
    box-shadow: none !important; 
}