/* typography */
/* typography */
.atbd_color-primary {
    color: #444752;
}

.atbd_bg-primary {
    background: #444752;
}

.atbd_color-secondary {
    color: #122069;
}

.atbd_bg-secondary {
    background: #122069;
}

.atbd_color-success {
    color: #32cc6f;
}

.atbd_bg-success {
    background: #32cc6f;
}

.atbd_color-info {
    color: #3590ec;
}

.atbd_bg-info {
    background: #3590ec;
}

.atbd_color-warning {
    color: #ffaf00;
}

.atbd_bg-warning {
    background: #ffaf00;
}

.atbd_color-danger {
    color: #e23636;
}

.atbd_bg-danger {
    background: #e23636;
}

.atbd_color-light {
    color: #ffffff;
}

.atbd_bg-light {
    background: #ffffff;
}

.atbd_color-dark {
    color: #202428;
}

.atbd_bg-dark {
    background: #202428;
}

.atbd_color-badge-feature {
    color: #fa8b0c;
}

.atbd_bg-badge-feature {
    background: #fa8b0c;
}

.atbd_color-badge-popular {
    color: #f51957;
}

.atbd_bg-badge-popular {
    background: #f51957;
}

.business-hour .business-hour-title {
    margin-bottom: 10px;
}

.business-hour .business-hour-title .module_title {
    font-size: 15px;
}

.business-hour .business-hour-title p {
    font-size: 13px;
}

.enable247hour input,
.enable247hour label {
    display: inline-block;
    font-weight: 400;
}

.atbd_day_label {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 15px;
}

.atbd_row_bg label {
    font-size: 13px;
    margin-bottom: 5px;
    font-weight: 400;
}

.enable247hour {
    margin-bottom: 15px;
}

.atbd_backend_business_hour {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #e3e6ef;
}

.atbd_backend_business_hour .atbd_backend_area_title {
    margin-top: 0;
}

.atbd_backend_business_hour .business-hour {
    margin-bottom: 20px;
}

.atbd_directory_open_hours ul li {
    border-bottom: 1px solid #ededed;
    display: flex;
    justify-content: space-between;
    padding: 10px 0;
    font-size: 15px;
}

.atbd_directory_open_hours ul li .atbd_day {
    font-weight: 500;
}

.atbd_mark_as_closed {
    font-weight: 400;
    margin-top: 12px;
}

.directorist .atbd_widget_title .atbd_badge {
    margin-left: 5px;
}

/* business hour tab */
#directorist.atbd_wrapper .bdb-tab__nav,
.bdb-tab__nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px 10px;
}

#directorist.atbd_wrapper .bdb-tab__nav__item,
.bdb-tab__nav__item {
    display: block;
    border: 1px solid #e3e6ef;
    padding: 8px 15px;
    margin: 0 5px;
    transition: 0.3s ease;
    text-decoration: none;
    color: inherit;
}

#directorist.atbd_wrapper .bdb-tab__nav__item.active,
.bdb-tab__nav__item.active {
    background: none;
    color: #444752;
    border-color: #444752;
}

.bdb-tab-panel {
    display: none;
}

.bdb-tab-panel.active {
    display: block;
}

.isNotVisible:not(.active) {
    opacity: 0;
    transition: opacity .15s linear;
}

.bdb-hours-type {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 25px -10px 28px;
}

.bdb-checkbox {
    margin: 0 10px;
}

.bdb-checkbox label {
    margin: 0 !important;
}

.bdb-select-hours {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin: 0 -10px;
}

.bdb-select-from {
    margin: 0 10px;
    position: relative;
}

.bdb-select-from label {
    display: block;
    font-weight: 500;
}

.bdb-select-from input {
    width: 100%;
    height: 36px;
    padding: 5px 15px;
}

.bdb-select-hours+.bdb-select-hours {
    margin-top: 13px;
}

.bdb-select-hours .bdb-remove {
    margin: 0 10px;
    display: block;
    height: 36px;
    border: 0 none;
    background: #444752;
    color: #fff;
    border-radius: 3px;
    width: 36px;
    cursor: pointer;
    font-size: 16px;
}

.bdb-default-times {
    position: absolute;
    width: 100%;
    left: 0;
    top: 79px;
    border: 1px solid #e3e6ef;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
    background: #fff;
    z-index: 999;
}

.bdb-default-times li a {
    display: block;
    padding: 7px 15px;
    border-bottom: 1px solid #e3e6ef;
}

.bdb-add-hours {
    margin-top: 20px;
}

.bdb-timezone {
    margin-top: 23px;
}

.bdb-timezone label {
    display: block;
    font-weight: 500;
}

.bdb-timezone select {
    display: block;
    width: 100%;
    height: 46px;
}

.bdb-extras {
    margin-top: 15px;
}

.bdb-extras .disable-bh {
    margin-bottom: 10px;
}

.bdb-extras .instant_booking {
    margin-top: 10px;
    margin-bottom: 15px;
}

.bdb-extras .reservation_fee,
.bdb-extras .reservation_guest {
    margin-bottom: 15px;
}

.bdb-extras .reservation_fee label,
.bdb-extras .reservation_guest label {
    display: block;
    margin-bottom: 5px;
}

.bdb-extras .enable247hour {
    margin-bottom: 0;
}

.bdb-extras .atbd_tooltip.atbd_tooltip_active[aria-label]:after {
    min-width: 200px !important;
}

#bdb_booking .dashicons-trash {
    width: 34px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    top: -1px;
    transition: 0.3s ease;
    border: 1px solid #ddd;
    border-radius: 3px;
}

#bdb_booking .dashicons-trash:hover {
    background: #c81d1d;
    border-color: #c81d1d;
    color: #fff;
}

.bdb-select-hours--list h2 {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.bdb-wrapper {
    padding: 8px 18px 11px;
}

/* frontend add listing booking form */
.atbdb-wrapper .bdb-extras {
    margin-top: 0;
}

#directorist.atbd_wrapper .atbdb-wrapper .reservation_fee label,
#directorist.atbd_wrapper .atbdb-wrapper .reservation_guest label {
    display: block;
}

.atbdb-wrapper .bdb-extras .disable-bh {
    margin: 0;
}

.atbdb-wrapper .bdb-select-hours--list span.button {
    font-size: 15px;
    background: #444752;
    color: #fff;
    border-radius: 3px;
    line-height: 42px;
    padding: 0 30px;
    display: inline-block;
    cursor: pointer;
    margin-top: 10px;
    height: auto;
}

.bdb-select-hours-wrapper .bdb-select-hours .bdb-days-slots {
    display: none;
}

.bdb-select-hours-wrapper.slots-active .bdb-select-hours .bdb-days-slots {
    display: block;
}

/**/
.bdb-timing-type {
    margin-bottom: 15px;
}

.bdb-timing-type-select {
    display: flex;
    margin: 0 -12px;
}

.bdb-timing-type-select div {
    padding: 0 12px;
}

.slot_available_text,
.available_time_text,
.available_ticket_text {
    margin-bottom: 25px;
    margin-left: 23px;
    transition: 0.3s ease;
}

.slot_available_text.bdb-disabled,
.available_time_text.bdb-disabled,
.available_ticket_text.bdb-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.slot_available_text label,
.available_time_text label,
.available_ticket_text label {
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

.display-slot-available-text,
.display-available-time,
.display-available-ticket {
    margin-bottom: 10px;
}

.display-slot-available-text input,
.display-available-time input,
.instant_booking input,
.display-available-ticket input {
    position: relative;
    top: 3px;
}

.display-available-time,
.available_time_text {
    display: none;
}

#directorist_booking_activated .input label span {
    background: #008EC2;
    width: 133px;
    position: relative;
    border-radius: 3px;
    margin-top: 0;
}

#directorist_booking_activated .input label span:before {
    content: 'Activate';
    position: absolute;
    color: #fff;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

#directorist_booking_activated+#success_msg {
    color: #4caf50;
    padding-left: 15px;
}

#directorist_booking_activated+#error_msg {
    color: #DC143C;
    padding-left: 15px;
}

#directorist_booking_deactivated .input label span {
    background: #d05157;
    width: 182px;
    position: relative;
    border-radius: 3px;
    margin-top: 0;
    padding: 18px;
}

#directorist_booking_deactivated .input label span:before {
    content: 'Deactivate';
    position: absolute;
    color: #fff;
    left: 50%;
    top: 48%;
    transform: translate(-50%, -50%);
    border-radius: 3px;
}

#directorist_booking_deactivated+#success_msg {
    color: #4caf50;
    padding-left: 15px;
}

#directorist_booking_deactivated+#error_msg {
    color: #DC143C;
    padding-left: 15px;
}

.bdb_event_ticket label,
.maximum_ticket_allowed label {
    min-width: 175px;
    display: inline-block;
}

.maximum_ticket_allowed {
    margin-top: 10px;
}

.bdb_event_ticket,
.maximum_ticket_allowed {
    display: flex;
    align-items: center;
}

.bdb-hide-booking #hide_booking {
    margin-top: 0;
}

/* commission table */
.atbd-commission-table {
    border: 1px solid #e3e6ef;
    border-collapse: collapse;
    margin-top: 20px;
}

.atbd-commission-table th,
.atbd-commission-table td {
    border: 1px solid #e3e6ef;
    padding: 10px 15px;
}

.atbd-commission-table thead {
    text-align: left;
}

.atbd-commission-details {
    list-style-type: none;
}

.bdb-booking-type {
    margin-bottom: 15px;
}

/* Booking Hour Style */
.bdb_tab-nav {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -5px -5px -5px;
}

.bdb_tab-nav button {
    display: block;
    border: 1px solid #e3e6ef;
    padding: 8px 15px;
    margin: 5px;
    transition: 0.3s ease;
    text-decoration: none;
    color: inherit;
    background-color: #fff;
    cursor: pointer;
}

.bdb_tab-nav button.active {
    background: none !important;
    color: #444752;
    border-color: #444752;
}

.bdb_tab-nav button:focus {
    outline: none;
}

#dataDom {
    margin: 14px 0 20px;
}

#bhCopyTime {
    margin-bottom: 20px;
}

#bhCopyTime,
#bhAddNew {
    border: 0 none;
    font-size: 15px;
    background: #444752;
    color: #fff;
    border-radius: 3px;
    line-height: 42px;
    padding: 0 30px;
    display: inline-block;
    cursor: pointer;
    margin-top: 0px;
    height: auto;
}


#bhCopyTime:focus,
#bhAddNew:focus {
    outline: none;
}

.bdb-select-hours .bdb-custom-select label {
    margin-bottom: 6px;
}

.bdb_event {
    display: none;
}