@charset "UTF-8";

* {
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none
}

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

.error {
    color: red;
}



.fbbttm-default-box{
    padding: 0;
    position: relative;
}
.fbbttm-main-listing-container {
    margin: 50px 50px 50px 30px;
    padding: 0;
    font-family: var(--fbbttm-font-family);

}
.fbbttm-popconfirm {
    background: var(--fbbttm-cl-white);
    padding: 15px 30px;
    display: inline-block;
    border-radius: var(--fbbttm-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;
}
.fbbttm_success {
     background: var(--fbbttm-al-success);
}
.fbbttm_error {
     background: var(--fbbttm-al-error);
}
.notice {
    display: none!important;
}
.fbbttm_success {
    color: #678B67;
}
.fbbttm_error {
    color: #A35051;
}
.fbbttm-popconfirm span {

    display: block;
}
.fbbttm-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;
}
.foodboxbooker-form label {
    width: 100%;
    display: block;
    color: var(--fbbttm-cl-black);
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 400;
    cursor: unset;
}
.foodboxbooker-form input[type=date],
.foodboxbooker-form input[type=datetime-local],
.foodboxbooker-form input[type=datetime],
.foodboxbooker-form input[type=email],
.foodboxbooker-form input[type=month],
.foodboxbooker-form input[type=number],
.foodboxbooker-form input[type=password],
.foodboxbooker-form input[type=search],
.foodboxbooker-form input[type=tel],
.foodboxbooker-form input[type=text],
.foodboxbooker-form input[type=time],
.foodboxbooker-form input[type=url],
.foodboxbooker-form input[type=week],
.foodboxbooker-form textarea,
.foodboxbooker-form select {
    padding: 6px 15px;
    width: 100%;
    border-color: var(--fbbttm-bordercolor);
    border-radius: var(--fbbttm-radius-10px);
    max-width: unset;
    font-size: 14px;
    color: var(--fbbttm-body-color) !important;
}
.foodboxbooker-form input[type=date],
.foodboxbooker-form input[type=datetime-local],
.foodboxbooker-form input[type=datetime],
.foodboxbooker-form input[type=email],
.foodboxbooker-form input[type=month],
.foodboxbooker-form input[type=number],
.foodboxbooker-form input[type=password],
.foodboxbooker-form input[type=search],
.foodboxbooker-form input[type=tel],
.foodboxbooker-form input[type=text],
.foodboxbooker-form input[type=time],
.foodboxbooker-form input[type=url],
.foodboxbooker-form input[type=week],
.foodboxbooker-form select {
    height: 40px;
}
.foodboxbooker-form input[type=text]::placeholder {
    color: var(--fbbttm-body-color);
}
.foodboxbooker-form select:invalid {
    color: var(--fbbttm-body-color);
}
.foodboxbooker-form select:focus, .foodboxbooker-form select:active {
    color: var(--fbbttm-body-color);
}

.foodboxbooker-form input[type=date]:focus,
.foodboxbooker-form input[type=datetime-local]:focus,
.foodboxbooker-form input[type=datetime]:focus,
.foodboxbooker-form input[type=email]:focus,
.foodboxbooker-form input[type=month]:focus,
.foodboxbooker-form input[type=number]:focus,
.foodboxbooker-form input[type=password]:focus,
.foodboxbooker-form input[type=search]:focus,
.foodboxbooker-form input[type=tel]:focus,
.foodboxbooker-form input[type=text]:focus,
.foodboxbooker-form input[type=time]:focus,
.foodboxbooker-form input[type=url]:focus,
.foodboxbooker-form input[type=week]:focus,
.foodboxbooker-form textarea:focus,
.foodboxbooker-form select:focus {
    border-color: var(--fbbttm-bordercolor);;
    outline: none;
    box-shadow: unset;
}
.fbbttm-service-duration {
    display: flex;
}
.fbbttm-service-duration input#fbbttm_subservice_duration_val {
    -ms-flex: 1 1 auto;
    flex: 0 0 65%;
    margin-right: 15px;
}
.foodboxbooker-form textarea {
    margin-top: 0;
}
.foodboxbooker-form input[type=datetime-local] {
    min-height: auto;
}
.fbbttm-form-field {
    margin-bottom: 18px;
}
.fbbttm-button {
    background-color: var(--fbbttm-cl-dark);
    border: none;
    color: var(--fbbttm-cl-white);
    border-radius: var(--fbbttm-radius-10px);
    padding: 10px 30px;
    cursor: pointer;
    -webkit-transition: .1s;
    transition: .1s;
    font-size: 14px;
    height: 41px;
}
.fbbttm-button:hover {
    background-color: var(--fbbttm-cl-black);
}
.fbbttm-payment-section .fbbttm-button:hover {
    color: var(--fbbttm-cl-white);
}
.button-top-sp {
    margin-top: 28px;
}
.fbbttm-page-heading {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--fbbttm-bordercolor);
    padding-bottom: 15px;
    display: block;
    font-weight: 600;
    margin-top: 0;
    color: var(--fbbttm-cl-black);
}
.fbbttm-details-tbl-wraper {
    background-color: var(--fbbttm-cl-white);
    border-radius: var(--fbbttm-radius-10px);
    padding: 30px 40px 30px 35px;
    margin-top: 45px;
}
.fbbttm-table__header-wrapper table {
    width: 100%;
}
.fbbttm-table__header-wrapper:not(.fbbttm-dashboard) tr {
    display: flex;
}
.fbbttm-table__header-wrapper:not(.fbbttm-dashboard) tr th, .fbbttm-table__header-wrapper:not(.fbbttm-dashboard) tr td {
    flex: 1 1 0px;
    text-align: left;
    font-size: 14px;
    margin-bottom: 15px;
    line-height: normal;
    position: relative;
}
.fbbttm-table__header-wrapper thead tr th:first-child, .fbbttm-table__header-wrapper tbody tr td:first-child {
    word-break: break-all;
    margin-right: 0px;
    margin-top: 0;
    border-right: 0;
}
.fbbttm-table__header-wrapper.fbbttm-dashboard tr th, .fbbttm-table__header-wrapper.fbbttm-dashboard tr td {
    display: table-cell;
}
.fbbttm-table__header-wrapper:not(.fbbttm-dashboard) thead tr th:first-child, .fbbttm-table__header-wrapper tbody tr td:first-child {
    flex: 0;
}
.fbbttm-table__header-wrapper:not(.fbbttm-dashboard) tr th:last-child, .fbbttm-table__header-wrapper:not(.fbbttm-dashboard) tr td:last-child {
    text-align: left;
}
.fbbttm-table__header-wrapper table tbody td #delete, .fbbttm-table__header-wrapper table tbody td #edit {
    font-size: 0;
    background: transparent;
    display: inline-block;
    vertical-align: top;
    z-index: 1;
    position: relative;
    padding-left: 0;
    margin-right: 38px;
    height: auto;
}
.fbbttm-table__header-wrapper table tbody td #edit {
    margin-right: 0;
    font-size: 15px;
    color: var(--fbbttm-cl-black);
}
.fbbttm-table__header-wrapper thead.has-gutter tr th {
    margin-bottom:-1px;
    border-width: 1px 0 1px 1px;
    background-color: #F4F5F7;
    padding: 17px 20px;
	border-color: #c3c4c7;
}
main#all-page-main-container.main-dashboard {
    margin-left: 160px;
    padding-left: 20px;
}
.fbbttm-table__header-wrapper table tbody td #delete:before {
    content: '\f1f8';
    font-family: 'FontAwesome';
    font-size: 15px;
    color: #000000;
    display: inline-block;
    vertical-align: top;
}
.fbbttm-table__header-wrapper tr td:last-child {
    position: relative;
}
.fbbttm-table__header-wrapper tr td:last-child i.fa {
    position: absolute;
    right: 0;
    top: 20px;
    left: 0;
    text-align: center;
}
.fbbttm-table__header-wrapper tr td  .fbbttm_update i.fa {
    right: 63px;
}
.fbbttm-table__header-wrapper.fbbttm-dashboard thead.has-gutter tr th#email, .fbbttm-table__header-wrapper.fbbttm-dashboard tr td:nth-child(3) {
    flex: 2 1 0px;
}

input#search-box {
    padding: 10px 19px;
    border: 1px solid var(--fbbttm-bordercolor);
    background-color: var(--fbbttm-cl-white);
    border-radius: var(--fbbttm-radius-10px);
    margin-bottom: 30px;
    margin-top: 10px;
    width: 40%;
    font-size: 14px;
    height: 43px;
}
input#search-box:focus-visible {
    outline: 0;
}
.fbbttm-table__header-wrapper tr th:last-child#delete #deleteall {
    padding: 7px 30px;
    margin-bottom: 1px;
    margin-top: 2px;
    font-weight: 400;
    height: 35px;
    background-color: #ff0000;
}
.fbbttm-table__header-wrapper tr th:last-child#delete #deleteall:hover {
    background-color: var(--fbbttm-cl-black);
}
/*  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(--fbbttm-cl-white);
    border-radius: var(--fbbttm-radius-10px);
    color: var(--fbbttm-cl-black);
    margin: 0;
    padding: 0;
    box-shadow: 0px 0 15px rgba(0,0,0,0.08);
}

.ui-timepicker-standard a {
    color: var(--fbbttm-body-color);
    display: block;
    padding: 10px 0;
    text-decoration: none;
    background-color: var(--fbbttm-cl-white);
    font-size: 14px;
    text-align: left;
    padding-left: 15px;
}

.ui-timepicker-standard .ui-state-hover {
  /* overwrites .ui-state-hover */
  background-color: var(--fbbttm-cl-dark);
  font-weight: normal;
  color: var(--fbbttm-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(--fbbttm-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(--fbbttm-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(--fbbttm-cl-white);
  border-bottom: 2px solid var(--fbbttm-cl-white);
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: var(--fbbttm-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(--fbbttm-cl-black);
  margin-bottom: 5px;
  font-size: 15px;
}
.ui-datepicker-calendar .ui-state-default {
  display: block;
  text-decoration: none;
  color: var(--fbbttm-cl-black);
  line-height: 45px;
  font-size: 14px;
  border-radius: var(--fbbttm-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(--fbbttm-cl-white);
  background:var(--fbbttm-cl-dark);
  transition: all 0.25s cubic-bezier(0.7, -0.12, 0.2, 1.12);
}
.ui-datepicker-calendar .ui-state-highlight {
  color: var(--fbbttm-cl-white);
  background-color: var(--fbbttm-cl-black);
  border-radius: var(--fbbttm-radius-50px);
}
.ui-datepicker-calendar .ui-state-active {
  color: var(--fbbttm-cl-white);
  background-color:var(--fbbttm-cl-dark);
  border-radius: var(--fbbttm-radius-50px);
}
.ui-datepicker-unselectable .ui-state-default {
    color: #c2c2c2;
}
.ui-datepicker-unselectable .ui-state-default:hover {
    color: var(--fbbttm-cl-white);
}
.fbbttm-time-duration input#timepicker {
    -ms-flex: 1 1 auto;
    flex: 0 0 65%;
    margin-right: 15px;
}
.fbbttm-dashboard-summary {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.fbbttm-dash-summary-item {
    flex: 1;
    border: 1px solid var(--fbbttm-bordercolor);
    margin-right: 32px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px 24px;
    -webkit-border-radius: var(--fbbttm-radius-10px);
    -moz-border-radius: var(--fbbttm-radius-10px);
    -o-border-radius: var(--fbbttm-radius-10px);
    border-radius: var(--fbbttm-radius-10px);
    text-align: center;
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item:last-child {
    margin-right: 0;
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item p {
    font-size: 16px;
    color: var(--fbbttm-body-color);
    margin: 0;
    font-family: var(--fbbttm-font-family);
    font-weight: 400;
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item h3 {
    font-size: 24px;
    line-height: 30px;
    color: var(--fbbttm-cl-black);
    margin-bottom: 6px;
    font-weight: 600;
    font-family: var(--fbbttm-font-family);
    margin-top: 0;
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item.total-appointment h3 {
    color: var(--fbbttm-cl-dark);
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item.pending-appointment h3 {
    color: var(--fbbttm-pappointment-color);
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item.foodboxbooker-users h3 {
    color: var(--fbbttm-user-color);
}
.fbbttm-dashboard input#fbbttm_appointment_status {
    border: 0;
    background: transparent;
    color: var(--fbbttm-pappointment-color);
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
}
.fbbttm-form-field .iti {
    display: block;
}
.hide {
    display: none;
}
.foodboxbooker-settingform .fbbttm-sec-top {
    display: flex;
    overflow: visible;
}
.fbbttm-sec-top .tab-content {
    flex-basis: 85%;
}
.fbbttm-sec-top #fbbttm-tab {
    float: none;
    margin-right: 32px;
    background-color: var(--fbbttm-gray);
    border-radius: var(--fbbttm-radius-10px);
    padding: 40px 28px;
    flex-basis: 20%;
}
.fbbttm-sec-top li.nav-item a {
    border: 1px solid var(--fbbttm-cl-lightdark);
    background-color: var(--fbbttm-cl-white);
    border-radius: var(--fbbttm-radius-10px);
    padding: 16px 28px;
    font-size: 15px;
    line-height: 24px;
    margin: 0;
    margin-bottom: 32px;
    color: var(--fbbttm-cl-black);
    transition: unset;
    display: block;
}
.fbbttm-sec-top li.nav-item:last-child a {
    margin-bottom: 0;
}
.fbbttm-sec-top li.nav-item a:focus {
    box-shadow: none;
}
.fbbttm-sec-top li.nav-item a:hover {
    border-color: var(--fbbttm-bordercolor);
}
.fbbttm-sec-top li.nav-item.tab-active a {
    border: 1px solid var(--fbbttm-cl-dark);
    background-color: var(--fbbttm-cl-dark);
    color: var(--fbbttm-cl-white);
    box-shadow: 0 4px 8px rgba(43, 79, 255, 0.06), 0 8px 16px rgba(43, 79, 255, 0.16);
}
.fbbttm-sec-top li.nav-item a i {
    margin-right: 5px;
    font-size: 16px;
}
.fbbttm-form-field-radio {
    display: inline-flex;
}
.foodboxbooker-form .fbbttm-form-field-radio input[type=radio] {
    margin-top: 2px !important;
    margin-right: 5px !important;
}
.foodboxbooker-form .fbbttm-form-field-radio label {
    padding-right: 15px;
    width: auto;
}
.fbbttm-form-field.fbbttm-tab-button {
    position: absolute;
    top: -11px;
    right: 35px;
    bottom: auto;
    left: auto;
}
#result.fbbttm_success {
    padding: 15px 30px;
    font-size: 14px;
    border-radius: var(--fbbttm-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;
}
.fbbttm-main input[type=checkbox], .fbbttm-main input[type=radio] {
    border: 1px solid var(--fbbttm-bordercolor);
    border-radius: 4px;
    background: #fff;
    color: var(--fbbttm-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;
}
.fbbttm-main input[type=radio] {
    border-radius: 50%;
    margin-right: .25rem;
    line-height: .71428571;
}
.fbbttm-main input[type=radio]:checked::before {
    content: "";
    border-radius: 50%;
    line-height: 1.14285714;
}
.fbbttm-details-tbl h4 {
    font-size: 1em;
}
.fbbttm_faq li {
    margin: 0 0 15px;
}
.fbbttm_faq ol {
    margin-top: 20px;
}
td.fbbttm_approved_app {
    color: var(--fbbttm-appointment-color);
    text-transform: capitalize;
    font-weight: 500;
}
td.fbbttm_pending_app {
    color: var(--fbbttm-pappointment-color);
    text-transform: capitalize;
    font-weight: 500;
}
td.fbbttm_cancelled_app {
    text-transform: capitalize;
    font-weight: 500;
}
.fbbttm-dashboard-summary .fbbttm-dash-summary-item.approved-appointment h3 {
    color: var(--fbbttm-appointment-color);
}
.fbbttm_disable_appointment #fbbttm_appointment_status {
    border: 0;
    padding-right: 0;
    cursor: default;
}
#fbbttm_appointment_status i {
    font-family: 'fontawesome';
    font-style: normal;
}
#fbbttm_appointment_status {
    position: absolute;
    font-size: 15px;
    cursor: pointer;
    z-index: 1;
    top: 0;
    left: 10px;
    border: 0;
    background: transparent;
    border-right: 1px solid var(--fbbttm-pappointment-color);
    padding-right: 8px;
}
#fbbttm_appointment_statuss {
    display: block;
    width: 100%;
    border: 1px solid var(--fbbttm-pappointment-color);
    background-color: rgba(245,174,65,0.08);
    padding: 0 0 0 40px;
    line-height: 38px;
    text-align: left;
    color: var(--fbbttm-cl-black);
    border-radius: var(--fbbttm-radius-5px);
    text-transform: capitalize;
    margin-top: -7px;
    height: 38px;
}
#fbbttm_appointment_statuss:focus {
    outline: none;
    box-shadow: none;
}
#fbbttm_appointment_statuss.fbbttm_approved_app {
    border-color: var(--fbbttm-appointment-color);
    background-color: rgba(26, 216, 142, 0.10);
}
#fbbttm_appointment_status.fbbttm_approved_app {
    border-color: var(--fbbttm-appointment-color);
}
#fbbttm_appointment_status.fbbttm_cancelled_app {
    border-color: var(--fbbttm-cappointment-color);
}
#fbbttm_appointment_statuss.fbbttm_cancelled_app {
    border-color: var(--fbbttm-cappointment-color);
    background-color: rgba(0, 0, 0, 0.04);
}
.foodboxbooker-form select {
    padding-right: 30px;
}
.fbbttm-table__header-wrapper#fbbttm_user_table tr th#email, .fbbttm-table__header-wrapper#fbbttm_user_table tr td:nth-child(3) {
    flex: 2 1 0px;
}

.foodboxbooker-form .wp-picker-container .button:not(.wp-picker-clear) {
    padding: 0 0 0 30px;
}
.foodboxbooker-form .wp-picker-container .button {
    min-height: 30px;
    margin: 0 6px 6px 0;
    font-size: 11px;
}
.foodboxbooker-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;
}
.foodboxbooker-form .wp-picker-container input[type=text] {
    padding: 7px;
    border-radius: 5px;
    height: 35px;
    width: auto;
}
.foodboxbooker-form .wp-picker-container {
    display: inline-block;
}
.foodboxbooker-form .wp-picker-container .wp-picker-input-wrap {
    display: inline-block;
}

.fbbb-welcome-box .fbbb-welcome-inner {
    background: #fff;
    padding: 35px;
    border-radius: var(--fbbttm-radius-10px);
}
.fbbb-welcome-box .fbbb-welcome-inner .fbbttm-headingttext {
	font-size: 23px;
    margin-bottom: 30px;
	margin-top:0px;	
}
.fbbb-welcome-box .fbbb-welcome-inner .form-control {
    display: block;
    width: 100%;
    height: calc(2.25rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
   max-width: 500px;
}

.fbbb-welcome-inner #show-result {
    padding: 15px 15px;
    font-size: 17px;
	margin-top: 40px;
}
.fbbb-welcome-inner #show-result.fbbttm-textcolor-dark {
	color:#000;
}
.fbbb-welcome-inner #show-result.fbbttm-textcolor-white {
	color:#fff;
}
.fbbb-welcome-inner #show-result.fbbttm-bgwarning {
	background-color: #f9cf79;
}
.fbbb-welcome-inner #show-result.fbbttm-bgdanger {
	 background-color: #dc3545;
}
.fbbb-welcome-inner #show-result.fbbttm-bgsuccess {
	 background-color: #1bbc9b;
}
.fbbb-welcome-inner #show-result h5 {
	margin:0px;
	font-size: 15px
}
.fbbb-welcome-inner h5 {
    font-size: 17px;
	margin:15px 0;	
}
.fbbttm-activation-form ol li {
	font-size: 14px;
	list-style: auto;
}
.fbbttm-activation-form ol {
    margin-left: 1em;
}
.fbbttm-admin-activate-column h3,
h3.purchase-activated {
	margin-top: 0;
}
#fbbttm_subservice_table .fbbttm_subservice_tableimg {
    max-width: 40%;
}
.foodboxbooker-form .fbbttm-upload-component__icon {
    font-size: 30px;
    border: 1px solid var(--fbbttm-bordercolor);
    border-radius: 5px;
    height: 60px;
    width: 60px;
    line-height: 60px;
    text-align: center;
    background: var(--fbbttm-cl-white);
}
input[type=file]#fbbttm_subservice_file {
    position: absolute;
    padding-top: 25%;
    top: 0;
}
.fbbttm-upload-component__text {
    font-family: var(--fbbttm-font-family);
    font-size: 14px;
    position: absolute;
    top: 30px;
    margin-left: 70px;
}
#fbbttm_subservice_table tbody tr td {
    flex-direction: column;
    justify-content: center;
    display: flex;
}
#fbbttm_subservice_table tbody tr {
    min-height: 86px;
}
.fbbttm-table__header-wrapper#fbbttm_subservice_table tbody tr td:last-child i.fa {
    position: absolute;
    left: auto;
    right: 48px;
    top: 36px;
}
#fbbttm_subservice_table tbody tr td .fbbttm-button {
    width: 20px;
    right: 0px;
    position: absolute;
}
@media (max-width: 991px) {
input[type=file]#fbbttm_subservice_file {
    position: absolute;
    padding-top: 13%;
    top: 0;
}
}

.fbbttm-default-box .fbbttm-user-details,
.fbbttm-default-box .fbbttm-payment-section{
    display: none;
}
.fbbttm-default-box .fbbttm-user-details.is-active,
.fbbttm-default-box .fbbttm-payment-section.is-active{
    display: block;
}
.fbbttm-default-box .fbbttm-payment-section .fbbttm_print_summary_main_wrap {
    display: none;
}
.fbbttm-default-box .fbbttm_form_data .fbbttm_added_time{
    background-color: #8c8f94 ;
}

.fbbttm-table__header-wrapper tr td:last-child a {
    bottom: 20px;
    text-align: left;
    padding: 0;
}
.fbbttm-table__header-wrapper .fbbttm_deletebutton {
    padding-top: 8px;
}
.fbbttm-table__header-wrapper tr td:last-child i.fa {
    right: 20px;
    top: 55%;
    left: 0;
    text-align: center;
    font-size: 15px;
}
.fbbttm-table__header-wrapper tr.fbbttm_disable_appointment td:last-child i.fa,
.fbbttm-table__header-wrapper table tbody tr.fbbttm_disable_appointment td #delete {
    font-size: 0;
}
.fbbttm-table__header-wrapper table tbody td #delete {
    font-size: 14px;
    height: auto;
    padding: 0;
    margin: 0;
    color: #2271b1;
}
.fbbttm-main-listing-container .fbbttm-details-tbl-wraper .fbbttm-paymentinfo {
    margin-bottom: 20px;
}
.fbbttm-table__header-wrapper tr th, .fbbttm-table__header-wrapper tr td {
    padding: 20px;
    border: 1px solid;
    display: flex;
    align-items: center;
}
.fbbttm-table__header-wrapper tr td,
.fbbttm-table__header-wrapper thead.has-gutter tr th {
    text-align: left;
}

.food-booking_page_dashboard .fbbttm-table__header-wrapper#fbbttm_user_table tr td:nth-child(3),
.food-booking_page_dashboard .fbbttm-table__header-wrapper thead tr th:first-child, 
.food-booking_page_dashboard .fbbttm-table__header-wrapper tbody tr td:first-child {
    flex: 1 1 0;
    margin-right: 0;
}
.food-booking_page_dashboard .fbbttm-table__header-wrapper tr td p {
    margin: 2px 0;
}
.food-booking_page_dashboard .fbbttm-table__header-wrapper tr th, .food-booking_page_dashboard .fbbttm-table__header-wrapper tr td {
    display: block;
    text-transform: capitalize;
}
.fbbttm-details-tbl-wraper .tablenav-pages a.page-numbers, 
.fbbttm-details-tbl-wraper .tablenav-pages .page-numbers {
    display: inline-block;
    padding: 10px 15px;
    background-color: var(--fbbttm-cl-dark);
    color: #fff;
    margin-right: 10px;
    width: 10px;
    text-align: center;
    border-radius: 10px;
}
.toplevel_page_fbb table.fbbttm-table-wrapper th,
.toplevel_page_fbb table.fbbttm-table-wrapper td,
.toplevel_page_fbb table .fbbttm_disable_appointment td,
.fbbttm-table__header-wrapper tr td {
    margin-bottom: 0;
    border-width: 1px 0 0 1px;
	border-color: #c3c4c7;
    border-style: solid;
    padding: 15px 20px;
}
.fbbttm-table__header-wrapper tr td:first-child,
.fbbttm-table__header-wrapper tr td:last-child {
    border-right: 1px solid;
	border-color: #c3c4c7;
}
.toplevel_page_fbb table.fbbttm-table-wrapper tr:last-child td,
.fbbttm-table__header-wrapper tr:last-child td {
    border-bottom: 1px solid;
	border-color: #c3c4c7;
}
.toplevel_page_fbb table.fbbttm-table-wrapper th:last-child,
.toplevel_page_fbb table.fbbttm-table-wrapper td:last-child,
.fbbttm-table__header-wrapper thead.has-gutter tr th:last-child {
    border-right: 1px solid;
}

.fbbttm-table__header-wrapper table tr a:focus {
    outline: 0;
    box-shadow: unset;
}
.food-booking_page_dashboard .fbbttm-table__header-wrapper thead.has-gutter tr th:first-child,
.food-booking_page_dashboard .fbbttm-table__header-wrapper tr td:first-child {
    border-right: 0px;
}
.fbbttm-table__header-wrapper tr td {
    color: #000;
}
.fbbttm-main .fbbttm-backto-page a:focus {
    outline: 0;
    box-shadow: unset;
}
.foodboxbooker-settingform .fbbttm_content.foodboxbooker-form h2 {
    padding-bottom: 20px;
}

.foodboxbooker-settingform .fbbttm-advance-setting .fbbttm-form-field label {
    width: 15%;
    display: inline-block;
}

.fbbttm-details-tbl-wraper .ordertotalinfo {
    margin-top: 25px;
}
.fbbttm-details-tbl-wraper .ordertotalinfo div {
    margin-bottom: 5px;
    text-transform: capitalize;
}
.fbbttm-table__header-wrapper thead.has-gutter tr th .cell {
    font-size: 16px;
    line-height: 26px;
}
td.fbbttm_foodboxbooker_featured_image img {
    max-width: 75px;
    height: auto;
}
.fbbttm-table__header-wrapper tr:nth-child(even) {
    background-color: #f6f7f7;
}

.fbbttm-details-tbl-wraper .fbbttm-table-wrapper {
    width: 100%;
}
.fbbttm-details-tbl-wraper .ordertotalinfo h3,
.fbbttm-details-tbl-wraper .row h3 {
    margin-bottom: 15px;
}


/* -------------------- Free Plugin  ---------------------- */
.fbbttm-table__header-wrapper tr td {
    margin-bottom: 0px !important;
}
.toplevel_page_fbb table.fbbttm-table-wrapper th:last-child, 
.toplevel_page_fbb table.fbbttm-table-wrapper td:last-child, 
.fbbttm-table__header-wrapper thead.has-gutter tr th:last-child {
    border-color: #c3c4c7;
}