/* backend */

body.mobile.modal-open #wpwrap { position: unset; }
button:disabled { cursor: not-allowed; }

.hotel_select_entries {
    border: 0px;
    color: white;
    border-radius: 2px;
    background-color: #4c4948;
    padding: 5px 15px;
    text-shadow: 1px 1px 1px #5d5d5d;
    cursor: pointer;
}

#hotel_view_more_details {
    padding: 10px;
}    

#hotel_view_more_details.active {
    box-shadow: 0px 0px 10px 3px #4b4948;
}

div.dataTables_wrapper div.mdl-grid.dt-table, .mdl-grid {
    width: 100%;
}

.mdl-button:hover {
    background-color: rgba(255, 87, 34, 0.19);
}

.mdl-button--raised.mdl-button--colored {
    background: #ff5f01;
}

.mdl-button--raised.mdl-button--colored:active, 
.mdl-button--raised.mdl-button--colored:hover {
    background-color: var(--primary-theme-color-hover);
}

main.sync_backend_entries {
  min-width: 320px;
  padding: 50px;
  margin: 0 auto;
  background: #fff;
}

main.sync_backend_entries section {
  display: none;
  padding: 20px 0 0;
  border-top: 1px solid #ddd;
}

main.sync_backend_coupons section {
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
}

main.sync_backend_entries input[type="radio"] {
  display: none;
}

main.sync_backend_coupons input[type="radio"] {
  display: none;
}

main.sync_backend_entries .sync_tab + label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #001d3d;
  border: 1px solid transparent;
}
main.sync_backend_coupons .sync_tab + label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #001d3d;
  border: 1px solid transparent;
}

main.sync_backend_entries label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

main.sync_backend_coupons label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

main.sync_backend_entries label:hover {
  /* color: #ff5f01; */
  cursor: default;
}

main.sync_backend_coupons label:hover {
  color: #ff5f01;
  cursor: pointer;
}

main #sync_paypal_config label:hover { cursor: auto !important; color: inherit; }

main #sync_paypal_config .setting { display: inline; width: auto; margin: 0px 20px 0px 0px; }

main.sync_backend_entries .sync_product_currency_code { margin-top: 20px; }
.select_curr .sync_currency_name { width: 100%; }

main.sync_backend_entries .sync_tab:checked + label {
  color: #ff5f01;
  border: 1px solid #ddd;
  border-top: 2px solid #ff5f01;
  border-bottom: 1px solid #fff;
}

main.sync_backend_coupons .sync_tab:checked + label {
  color: #ff5f01;
  border: 1px solid #ddd;
  border-top: 2px solid #ff5f01;
  border-bottom: 1px solid #fff;
}

main.sync_backend_entries #tab1:checked ~ #content1,
main.sync_backend_entries #tab2:checked ~ #content2,
main.sync_backend_entries #tab3:checked ~ #content3,
main.sync_backend_entries #tab4:checked ~ #content4 {
  display: block !important;

}
main.sync_backend_coupons #tab1:checked ~ #content1,
main.sync_backend_coupons #tab2:checked ~ #content2,
main.sync_backend_coupons #tab3:checked ~ #content3,
main.sync_backend_coupons #tab4:checked ~ #content4 {
  display: block !important;
}

main.sync_backend_entries table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid #ff5f01;
}

main.sync_backend_entries table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: 1px solid #ff5f01;
}

main.sync_backend_entries button.bubbly-button {
    background: #ff5f01;
    color: white;
    border: 0px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    padding: 5px 15px;
    border-radius: 3px;
    cursor: pointer;
}
.coupon_value_sect { display: flex; flex-direction: row; gap: 10px;  }
.coupon_value_sect .fixed_amount, 
.generate_code .generate_car_code,
.coupon_value_sect .percentage_amount {
    background: #ff5f01;
    color: white;
    border: 0px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    padding: 5px 15px;
    border-radius: 3px;
}
.manual_code_generation { padding-top: 10px; }

.coupon_value_sect .fixed_amount:hover,
.coupon_value_sect .percentage_amount:hover {
    cursor: pointer;
    background: #001d3d;
}

main.sync_backend_entries button.bubbly-button:hover {
    color: var(--primary-theme-color-hover);
    background-color: white;
}

#single_view_entry_modal .data-row span:last-child {
    float: right;
}

#single_view_entry_modal .data-row span:first-child {
    font-weight: 600;
}

#single_view_entry_modal .data-row {
    border-bottom: 2px solid #ff5f01;
    padding: 10px 3px;
}

#single_view_entry_modal .data-container {
    padding: 20px;
}

main.sync_backend_entries .card {
    display: contents;
}

.setting-branch-location form label {
    padding: 0px;
    color: black;
}

.setting-branch-location .item-row,
.setting-car-pickup-location .item-row,
.setting-currency-location .item-row,
.setting-car-types .item-row,
.setting-car-model .item-row {
    padding: 10px 15px;
}

.setting-branch-location .container,
.setting-billing-province-location .container,
.setting-car-types .container,
.setting-car-model .container {
    max-height: 300px;
    overflow-y: auto;
}

#sync_hotel_cancellation .content-left { display: flex; flex-direction: column; margin-top: 15px;}
#sync_hotel_cancellation .content-left #sync_hotel_cancellation { max-width: 30rem; font-size: 14px; margin-bottom: 10px; }
#sync_hotel_cancellation .content-left input { max-width: 30rem; font-size: 14px; margin-bottom: 15px; }
#sync_hotel_cancellation #save_cancel_dtls { max-width: 100px; }
#sync_hotel_emails .email_section  {display: flex; flex-direction: column; }
#sync_hotel_emails .email_section #email_type  { max-width: 30rem; width: 100%; }
#sync_hotel_emails .email_section .email_typeLabel  { font-weight: 500;  }
#sync_hotel_emails .set_notif .select_notifLabel  { font-weight: 500;  }
#sync_hotel_emails .email_section textarea  {max-width: 30rem; width: 100%; }
#sync_hotel_emails #save_email_cntnt  {max-width: 30rem; width: 100px; }
#sync_hotel_emails #save_email_cntnt:disabled { cursor: not-allowed; opacity: 1; }
#sync_hotel_cancellation .email_section .cancel_book {display: flex; flex-direction: column; width: 48%; }
#sync_hotel_cancellation .email_section .confirm_cancel {display: flex; flex-direction: column; width: 48%; }

#sync_restau_cancellation .content-left { display: flex; flex-direction: column; margin-top: 15px; }
#sync_restau_cancellation .content-left #sync_restau_cancel { max-width: 30rem; font-size: 14px; margin-bottom: 10px; }
#sync_restau_cancellation .content-left #sync_restau_cancel:disabled { cursor: not-allowed; opacity: 1; }
#sync_restau_cancellation .content-left input { max-width: 30rem; font-size: 14px; margin-bottom: 15px; }
#sync_restau_cancellation #save_cancel_dtls { max-width: 100px; }

#sync_car_cancellation .email_section  {display: flex; }
#sync_car_emails .email_section  {display: flex; flex-direction: column; }
#sync_car_emails .email_section #car_email_type  {max-width: 30rem; width: 100%;  }
#sync_car_emails .email_section .car_email_typeLabel  { font-weight: 500;  }
#sync_car_emails .set_notif .select_notifLabel  { font-weight: 500;  }
#sync_car_emails .email_section textarea  {max-width: 30rem; width: 100%; }

#sync_car_cancellation .content-left #sync_car_cancellation { max-width: 30rem; font-size: 14px; margin-bottom: 10px; }
#sync_car_cancellation .content-left { display: flex; flex-direction: column; margin-top: 15px; }
#sync_car_cancellation .content-left input { max-width: 30rem; font-size: 14px; margin-bottom: 15px; }
#sync_car_cancellation #save_cancel_dtls { max-width: 100px; }
#sync_car_emails #save_email_cntnt { max-width: 100px; }
#sync_car_emails #save_email_cntnt:disabled { cursor: not-allowed; opacity: 1; }

#sync_car_tax_fees .taxes_rate_sect { display: flex; flex-direction: column; }
#sync_car_tax_basis .tax_basis_sect { display: flex; flex-direction: column; }
#sync_car_tax_fees .content-left { display: flex; flex-direction: column; }
#sync_car_tax_fees .content-left #sync_car_cancellation { max-width: 30rem; font-size: 14px; margin-bottom: 10px; }
#sync_car_tax_fees .content-left input { max-width: 30rem; font-size: 14px; margin-bottom: 10px; height: 35px; }
#sync_car_tax_basis .tax_basis_sect select { max-width: 30rem; width: 100%; font-size: 14px; margin-bottom: 10px; height: 35px; }

#sync_restau_emails .email_section  {display: flex; flex-direction: column; }
#sync_restau_emails .email_section #car_email_type  {max-width: 30rem; width: 100%; }
#sync_restau_emails .email_section .email_typeLabel  { font-weight: 500;  }
#sync_restau_emails .set_notif .select_notifLabel  { font-weight: 500;  }
#sync_restau_emails .email_section textarea  {max-width: 30rem; width: 100%; }
#sync_restau_emails #save_email_cntnt { max-width: 100px; }
#sync_restau_emails #save_email_cntnt:disabled { cursor: not-allowed; opacity: 1; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.setting-timeslot .item-row label {
    padding: 0px;
    color: black;
}

.setting-timeslot .item-row {
    padding: 0px 10px;
}

.setting-timeslot .item-row input {
    margin: 5px 0px;
}

.setting-timeslot .container {
    padding: 0px 5px;
}

.setting-timeslot .item-row:last-child {
    width: 100%;
}

.setting-timeslot .container form {
    float: left;
    width: min-content;
}

#single_view_entry_modal .image_container { display: flex; gap: 5px; }
#single_view_entry_modal .row-license-image img {
    width: 200px;
    height: 100px;
    display: block;
}

div#restau_entries_table_wrapper, div#car_entries_table_wrapper, div#hotel_entries_table_wrapper {
    display: none;
}

.sync_calendar_schedule {
    width:auto;
    height:auto;
    background:white;
    border:1px solid #ff5f01;
    position:absolute;
    z-index:10001;
    padding:10px 10px 10px 10px ;
    line-height: 200%;
}

a.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    cursor: pointer;
}

#single_view_entry_modal .sync_button_container {
    display: flex;
    gap: 10px;
}

button.sync_color_orange {
    background-color: #ff5f01;
    border: 0px;
    width: 75px;
}

button.sync_color_orange:hover {
    background-color: #ff792b;
}

button.sync_color_secondary {
    color: #fff;
    background-color: #001d3d;
    border: 0px;
}

button.sync_color_secondary:hover {
    background-color: #0c3663;
}

.sync_color_define p:nth-child(4) {
    background-color: red;
}
.sync_color_define p:nth-child(3) {
    background-color: #f55724;
}
.sync_color_define p:nth-child(2) {
    background-color: #c7c7c7;
}
.sync_color_define p:last-child {
    background-color: grey;
}
.sync_color_define p:first-child {
    background-color: rgb(15, 169, 21);
}
.sync_color_define p {
    width: 20%;
    float: left;
    text-align: center;
}

.fc-day-grid-event .fc-content {
    padding: 2px;
}

.sync-table-coupons { 
    padding-right: 30px;
    overflow-y: auto;
}

.sync-table-cancel { 
    /* padding-right: 30px; */
    overflow-y: auto;
}

#create_coupon { 
    cursor: pointer;
    border-radius: 4px; 
    background-color: #ff5f01;
    color: white;
    border: 1px solid #ff5f01;
    height: 35px;
    width: 150px;
}

#create_coupon_car { 
    cursor: pointer;
    border-radius: 4px;
    background-color: #ff5f01;
    color: white;
    border: 1px solid #ff5f01;
    height: 35px;
    width: 150px
}

#generate_cpn .cpn_details { display: flex; flex-direction: column; gap: 10px; }
#generate_cpn .cpn_details .title_value { display: flex; }
#generate_cpn .cpn_details .title_div { display: flex; flex-direction: column; }
#generate_cpn .cpn_details .value_div { display: flex; flex-direction: column; }
#generate_cpn .cpn_details .value_type_dropdown { display: flex; flex-direction: column; width: 50%; }
#generate_cpn .cpn_details .value_section { display: flex; flex-direction: row; gap: 15px; }
#generate_cpn .cpn_details .value_sect { display: flex; flex-direction: column; width: 50%; }
#generate_cpn .cpn_details input, #generate_cpn .cpn_details select { height: 2.5rem; font-size: inherit; }
#generate_cpn .cpn_details .quantity_div { display: flex; flex-direction: column; }
#generate_cpn .cpn_details .min_spend_div { display: flex; flex-direction: column; }
#generate_cpn .cpn_details .exp_date { display: flex; flex-direction: column; position: relative; }
#generate_cpn .cpn_details .title_value #coupon_title { display: flex; flex-direction: column; }
#generate_cpn .cpn_details .title_value #coupon_value { display: flex; flex-direction: column; }
#generate_cpn .cpn_details .quantity_expDate #coupon_quantity { display: flex; flex-direction: column; height: 4.6vh; }
#generate_cpn .cpn_details .quantity_expDate #date_expire { display: flex; flex-direction: column; height: 4.6vh;}
#generate_cpn input#date_expire { height: 2.5rem; margin-top: auto; margin-bottom: auto; width: 100%; }
#generate_cpn .cpn_details .quantity_expDate { display: flex; }
#generate_cpn #generate_code { vertical-align: unset; }
#generate_cpn #date_expire {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
}
#generate_cpn .generate_code { display: flex; flex-direction: column; }
#generate_cpn .generate_code .coupon_code_field { display: flex; flex-direction: row; gap: 10px; }
#generate_cpn .generate_code .field_coupon_container { width: 50%; }
.coupon_code_field #coupon_code_hotel { width: 100%; }
#generate_cpn .btn_section input { width: 25%; }
#generate_cpn .error-coupon.active { width: 99%; }
#generate_cpn .field_coupon_container .error-coupon.active { width: 100%; }
#generate_cpn .alert.alert-danger { bottom: 0; }

#generate_cpn_car .cpn_details { display: flex; flex-direction: column; gap: 10px; }
#generate_cpn_car .cpn_details .title_value { display: flex; }
#generate_cpn_car .cpn_details .title_div { display: flex; flex-direction: column; }
#generate_cpn_car .cpn_details .value_div { display: flex; flex-direction: column; }
#generate_cpn_car .cpn_details .value_type_dropdown { display: flex; flex-direction: column; width: 50%; }
#generate_cpn_car .cpn_details .value_section { display: flex; flex-direction: row; gap: 15px; }
#generate_cpn_car .cpn_details .value_sect { display: flex; flex-direction: column; width: 50%; }
#generate_cpn_car .cpn_details input, #generate_cpn_car .cpn_details select { height: 2.5rem; font-size: inherit; }
#generate_cpn_car .cpn_details .quantity_div { display: flex; flex-direction: column; }
#generate_cpn_car .cpn_details .min_spend_div { display: flex; flex-direction: column; }
#generate_cpn_car .cpn_details .exp_date { display: flex; flex-direction: column; position: relative; }
#generate_cpn_car .cpn_details .title_value #coupon_title { display: flex; flex-direction: column; }
#generate_cpn_car .cpn_details .title_value #coupon_value { display: flex; flex-direction: column; }
#generate_cpn_car .cpn_details .quantity_expDate #coupon_quantity { display: flex; flex-direction: column; height: 4.6vh; }
#generate_cpn_car .cpn_details .quantity_expDate #date_expire { display: flex; flex-direction: column; height: 4.6vh;}
#generate_cpn_car input#date_expire { height: 2.5rem; margin-top: auto; margin-bottom: auto; width: 100%; }
#generate_cpn_car .cpn_details .quantity_expDate { display: flex; }
/* #generate_cpn_car #coupon_title, #generate_cpn_car #coupon_quantity, #generate_cpn_car #coupon_value { margin-right: 8px; } */
#generate_cpn_car #generate_code { vertical-align: unset; }
#generate_cpn_car #date_expire {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
}
#generate_cpn_car .generate_code { display: flex; flex-direction: column; }
#generate_cpn_car .generate_code .coupon_code_field { display: flex; flex-direction: row; gap: 10px; }
#generate_cpn_car .generate_code .field_coupon_container { width: 50%; }
.coupon_code_field #coupon_code_car { width: 100%; }
#generate_cpn_car .btn_section input { width: 25%; }
#generate_cpn_car .error-coupon.active { width: 99%; }
#generate_cpn_car .field_coupon_container .error-coupon.active { width: 100%; }
#generate_cpn_car .alert.alert-danger { bottom: 0; }

#generate_cpn_restau .cpn_details { display: flex; flex-direction: column; gap: 10px; }
#generate_cpn_restau .cpn_details .title_value { display: flex; }
#generate_cpn_restau .cpn_details .title_div { display: flex; flex-direction: column; }
#generate_cpn_restau .cpn_details .value_div { display: flex; flex-direction: column; }
#generate_cpn_restau .cpn_details .value_type_dropdown { display: flex; flex-direction: column; width: 50%; }
#generate_cpn_restau .cpn_details .value_section { display: flex; flex-direction: row; gap: 15px; }
#generate_cpn_restau .cpn_details .value_sect { display: flex; flex-direction: column; width: 50%; }
#generate_cpn_restau .cpn_details input, #generate_cpn_restau .cpn_details select { height: 2.5rem; font-size: inherit; }
#generate_cpn_restau .cpn_details .min_spend_div { display: flex; flex-direction: column; }
#generate_cpn_restau .cpn_details .quantity_div { display: flex; flex-direction: column; }
#generate_cpn_restau .cpn_details .exp_date { display: flex; flex-direction: column; position: relative; }
#generate_cpn_restau .cpn_details .title_value #coupon_title { display: flex; flex-direction: column; }
#generate_cpn_restau .cpn_details .title_value #coupon_value { display: flex; flex-direction: column; }
#generate_cpn_restau .cpn_details .quantity_expDate #coupon_quantity { display: flex; flex-direction: column; height: 4.6vh; }
#generate_cpn_restau .cpn_details .quantity_expDate #date_expire { display: flex; flex-direction: column; height: 4.6vh;}
#generate_cpn_restau input#date_expire { height: 2.5rem; margin-top: auto; margin-bottom: auto; width: 100; }
#generate_cpn_restau .cpn_details .quantity_expDate { display: flex; }
/* #generate_cpn_restau #coupon_title, #generate_cpn_restau #coupon_quantity, #generate_cpn_restau #coupon_value { margin-right: 8px; } */
#generate_cpn_restau #generate_code { vertical-align: unset; }
#generate_cpn_restau #date_expire {
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
}
#generate_cpn_restau .generate_code { display: flex; flex-direction: column; }
#generate_cpn_restau .generate_code .coupon_code_field { display: flex; flex-direction: row; gap: 10px; }
#generate_cpn_restau .generate_code .field_coupon_container { width: 50%; }
.coupon_code_field #coupon_code_restau { width: 100%; }
#generate_cpn_restau .btn_section input { width: 25%; }
#generate_cpn_restau .error-coupon.active { width: 99%; }
#generate_cpn_restau .field_coupon_container .error-coupon.active { width: 100%; }
#generate_cpn_restau .alert.alert-danger { bottom: 0; }

.quantity_expDate .exp_date::after {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
    top: 33px;
    position: absolute;
    right: 14px;
    background-repeat: no-repeat;
}

#coupon_table .edit-btn.btn { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#coupon_table .delete-btn-hotel.btn { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#coupon_table th, #coupon_table td { text-align: center; }

#coupon_table_car .edit-btn-car.btn {height: 30px;padding-top: 2px;padding-left: 0.75rem; }
#coupon_table_car .delete-btn-car.btn {height: 30px;padding-top: 2px;padding-left: 0.75rem; }
#coupon_table_car th, #coupon_table_car td { text-align: center; }

#coupon_table_restau .edit-btn-restau.btn { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#coupon_table_restau .delete-btn-restau.btn { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#coupon_table_restau th, #coupon_table_restau td { text-align: center; }

#sync_coupon_edit .modal-body { padding: 20px; display: flex; flex-direction: column; }
#sync_coupon_edit .modal-body div { display: flex; flex-direction: column; gap: 5px; }

.coupon_basis_section #coupon_basis_form { display: flex; flex-direction: column; gap: 15px; }
#coupon_basis_form select { max-width: 25rem; width: 100%; height: 35px; }
#coupon_basis_form .save-btn { width: 100px; }

#delete_coupon .modal-body { display: flex; justify-content: center; }
#delete_coupon .modal-body p { font-size: 20px; margin: 0; }

#create_coupon_car:hover {
    background-color: #001d3d;
    border: 1px solid #001d3d;
}

#create_coupon:hover {
    background-color: #001d3d;
    border: 1px solid #001d3d;
}

#rented_cars_table #upload_car_b4 {
    position: relative;
    overflow: hidden;
    height: 30px;
    padding-top: 2px;
    padding-left: 0.75rem;
}

#rented_cars_table #upload_car_b4 .upload_car_b4 { 
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}

#rented_cars_table td, #rented_cars_table th {
    text-align: center;
}

#rented_cars_table td { vertical-align: middle; }
#rented_cars_table td span { padding: 5px 10px; color: #fff; border-radius: 5px; font-size: 14px; }
#rented_cars_table td button { padding: 5px 10px; color: #fff; border-radius: 5px; font-size: 14px; border: none; }
#rented_cars_table td span.car_pending { color: #ff5f01; font-size: 16px; }
#rented_cars_table td span.car_ongoing { color: #0e62ff; font-size: 16px; }
#rented_cars_table td span.car_completed { color: #28a745; font-size: 16px; }
#rented_cars_table td button.car_no_penalties { background: #29f258; }
#rented_cars_table td button.car_no_penalties:hover { background: #28a745;}
#rented_cars_table td button.car_with_penalties { background: #ff0000; }
#rented_cars_table td button.car_with_penalties:hover { background: #bf0707; cursor: pointer; }
#rented_cars_table td button.car_stat_ongoing { background: #ff5f01; }
#rented_cars_table td button.car_stat_ongoing:hover { background: #ff792b;}
#rented_cars_table tbody .pay_status { display: flex; justify-content: center; }

#rented_cars_table tbody .pay_status.pending::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23ff0000%7D%3C/style%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

#rented_cars_table tbody .pay_status.no_record::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 384 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23ff0000%7D%3C/style%3E%3Cpath d='M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3 297.4 406.6c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256 342.6 150.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}
#rented_cars_table tbody .pay_status.paid::after {
    content: "";
    display: block;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 448 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cstyle%3Esvg%7Bfill:%23218838%7D%3C/style%3E%3Cpath d='M438.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L160 338.7 393.4 105.4c12.5-12.5 32.8-12.5 45.3 0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    width: 25px;
    height: 25px;
}

.sync-table-cars-rented {
    padding-right: 20px;
    overflow-y: auto;
}

#rented_cars_table .upload_car_b4 {
    border-radius: 0.25rem;
    border: none;
    padding: 4px 11px;
}
#rented_cars_table .image_button button:hover { cursor: pointer; }
#upload_car_image #file-input { cursor: pointer; }

#upload_car_image .thumb {
    margin: 10px 5px 0 0;
    width: 247px;
}
.view-car-image {
    border-radius: 0.25rem;
    border: none;
    padding: 4px 24px;
}
img.rented_car_images {
    width: 240px;
    height: auto;
    margin: 9px;
}

#view_car_image .view_images {
    padding: 10px;
}

@media print {
    @page { margin-top: 0; margin-bottom: 0; }
    body * { visibility: hidden;}
    img.rented_car_images { visibility: visible; width: 100% !important; height: auto;}
    
}

/* backend table style */
.table-report table tr th { background-color: #ff5f01; color: white; }
.sync-car-return-history-scroll table tr th { background-color: #ff5f01; color: white; }
.sync-table-cars-rented table tr th { background-color: #ff5f01; color: white; }
#coupon_table tr th { background-color: #ff5f01; color: white; }
#coupon_table_car th { background-color: #ff5f01; color: white; }
#coupon_table_restau th { background-color: #ff5f01; color: white; }
#cancellation_table th { background-color: #ff5f01; color: white; }
#rented_cars_table .view-car-image { background-color: #28a745; border-color: #28a745; }
#rented_cars_table .view-car-image:hover { background-color: #218838; border-color: #1e7e34 ; }


#upload_car_image .modal-body { padding: 10px 20px; }
#upload_car_image .btn-upload { background-color: #ff5f01; border: 1px solid #ff5f01; }
#upload_car_image .btn-upload:hover { background-color: #001d3d; border: 1px solid #001d3d; }
#upload_car_image .field { display: flex; }
#upload_car_image #file-input { width: 50%; }
#upload_car_image .remove-btn { width: 50%; text-align: right; }

/* reports hotel */
.sync_backend_reports .sync-report-field { display: flex; padding-right: 5px; }
.sync_backend_reports #submit_date_btn { height: 33px; margin-top: 0; padding-top: 4px; }

.sync-report-field input[readonly]#sync-from-date { 
    background-color: white; 
    border-radius:3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid;
    height: 38px;
    margin-left: 5px;
    width: 50%;
}
.sync-report-field input[readonly]#sync-to-date { 
    background-color: white; 
    border-radius:3px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border: 1px solid;
    height: 38px;
    margin-left: 5px;
    width: 50%;
}
.sync-report-field #select_date { border: 1px solid; margin-right: 10px; height: 33px; width: 70%; text-align-last: center; }
.sync-report-field .select_report_drpdown { width: 50%; height: 32px; margin-top: 6px; }
.sync-report-field .set_custom_date { display: flex; width: 81%; text-align: right; padding-right: 15px;}
.sync-report-field .input-group-addon {
    background-color: #b1b1b1;
    padding: 7px 10px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    border: 1px solid;
    border-left: none;
    margin-right: 10px;
    padding-top: 8px;
}
.sync-report-field .set_custom_date .from_date { width: 100%; margin-top: auto; margin-bottom: auto;}
.sync-report-field .set_custom_date .to_date { width: 100%; margin-top: auto; margin-bottom: auto; text-align: center;}
.sync-report-field .set_custom_date .submit_btn_cont { width: 20%; }
.sync-report-field .set_custom_date .submit_btn_cont #submit_date_btn_car { width: 100%; }
.sync-report-field .set_custom_date .submit_btn_cont #submit_date_btn_hotel { width: 100%; }
.sync-report-field .set_custom_date .submit_btn_cont #submit_date_btn_restau { width: 100%; }

@media (min-width: 1024px) {
    .car_coupon_form #generate_cpn_car {
        width: 50%;
    }
    .hotel_coupon_form #generate_cpn {
        width: 50%;
    }
    .restau_coupon_form #generate_cpn_restau {
        width: 50%;
    }
}

@media (max-width: 768px) {
    .sync_backend_reports .sync-report-field { flex-direction: column; }
    .sync-report-field .set_custom_date { display: flex; text-align: center; margin-top: 15px; width: 100%; }
    .sync-report-field .select_report_drpdown { width: 100%; text-align: center; }
    .sync-report-field input[readonly]#sync-to-date { width: 60%; } 
    .sync-report-field input[readonly]#sync-from-date { width: 60%; } 
    .sync-report-field #select_date { width: 100%; }
    .sync-report-field .set_custom_date .from_date { width: 61%; margin-top: auto; margin-bottom: auto; }
    .sync-report-field .set_custom_date .to_date { width: 55%; margin-top: auto; margin-bottom: auto; }

    .sync_backend_reports.restau .chart_all_display .pieChart_bookings, .sync_backend_reports.restau .chart_all_display .pieChart_servings, .sync_backend_reports.restau .chart_all_display .pieChart_earnings { width: 60% !important; margin-left: auto; margin-right: auto; margin-top: 2rem; }
    .sync_backend_reports .chart_all_display .pieChart_bookings, .sync_backend_reports .chart_all_display .pieChart_completed, .sync_backend_reports .chart_all_display .pieChart_cancelled, .sync_backend_reports .chart_all_display .pieChart_earnings { width: 60% !important; margin-left: auto; margin-right: auto; }
   
    .sync_backend_reports .chart_all_display { flex-direction: column; }

}

@media (max-width: 620px) {
    #generate_cpn .cpn_details { display: flex; flex-direction: column; width: 100%; }
    #generate_cpn #coupon_title, #generate_cpn #coupon_quantity, #generate_cpn #coupon_value { margin-right: 0px; }
}

@media (max-width: 576px) {
    .sync-report-field .set_custom_date { display: flex; flex-direction: column; }
    .sync-report-field .set_custom_date .from_date { width: 80%; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
    .sync-report-field .set_custom_date .to_date { width: 80%; margin-bottom: 10px; margin-left: auto; margin-right: auto; }
    .sync-report-field .set_custom_date #submit_date_btn_car { width: 100%; margin: auto; }
    .sync-report-field .set_custom_date #submit_date_btn_hotel { width: 100%; margin: auto; }
    .sync-report-field .select_report_drpdown { margin-bottom: 20px; }
    .sync-report-field .set_custom_date .submit_btn_cont { margin-left: auto; margin-right: auto; }

    #sync_car_cancellation .email_section .cancel_book {display: flex; flex-direction: column; width: 100%; }
    #sync_car_cancellation .email_section .confirm_cancel {display: flex; flex-direction: column; width: 100%; }
    /* #sync_car_cancellation .content-left { display: flex; flex-direction: column; } */

    /* #sync_hotel_cancellation .content-left { display: flex; flex-direction: column; } */
    #sync_hotel_cancellation .email_section .cancel_book {display: flex; flex-direction: column; width: 100%; }
    #sync_hotel_cancellation .email_section .confirm_cancel {display: flex; flex-direction: column; width: 100%; }

    .set_custom_date .from_date { display: flex; flex-direction: row; }
    .set_custom_date .to_date { display: flex; flex-direction: row; }
    .set_custom_date .from_date .from-date { width: 20%; }
    .set_custom_date .to-date { width: 20%; }

    .generate_code #coupon_code_car { margin-bottom: 10px; }
    .generate_code #coupon_code { margin-bottom: 10px; }
    .generate_code #coupon_code_restau { margin-bottom: 10px; }

}

#select_date option { text-align: center; }
.sync_backend_reports .table-report { padding-right: 20px; overflow-y: auto; }

.sync_backend_reports .graph_label { display: flex; width: 100%; }
.chart_all_display h4 { font-size: 20px; }
.graph_label h4 { font-size: 20px; }
.sync_backend_reports .graph_label .pieChart_bookings, .sync_backend_reports .graph_label .pieChart_completed, .sync_backend_reports .graph_label .pieChart_cancelled, .sync_backend_reports .graph_label .pieChart_earnings { width: 25%; text-align: center; }
.sync_backend_reports.restau .graph_label .pieChart_bookings, .sync_backend_reports.restau .graph_label .pieChart_servings, .sync_backend_reports.restau .graph_label .pieChart_earnings { width: 33%; text-align: center; }

.sync_backend_reports .chart_all_display { display: flex; width: 100%; text-align: center; }
.sync_backend_reports .chart_all_display .pieChart_bookings, .sync_backend_reports .chart_all_display .pieChart_completed, .sync_backend_reports .chart_all_display .pieChart_cancelled, .sync_backend_reports .chart_all_display .pieChart_earnings { width: 25%; }
.sync_backend_reports.restau .chart_all_display .pieChart_bookings, .sync_backend_reports.restau .chart_all_display .pieChart_servings, .sync_backend_reports.restau .chart_all_display .pieChart_earnings { width: 33%; }

.sync_backend_reports .chart_all { display: flex; width: 100%; }
.sync_backend_reports .chart_all .pieChart_bookings, .sync_backend_reports .chart_all .pieChart_completed, .sync_backend_reports .chart_all .pieChart_cancelled, .sync_backend_reports .chart_all .pieChart_earnings { width: 25%; }

.sync-report-field input[readonly]#sync-to-date:hover, .sync-report-field input[readonly]#sync-from-date:hover, .sync-report-field #select_date:hover { cursor: pointer; }

/* .easync-booking_page_easync-cancellation-requests .sync-modal-backdrop.fade.show { z-index: -1 !important;  } */

/* cancellation requests */
.sync_backend_cancellation { padding: 50px; }
.sync_backend_coupons { padding: 50px; }
.sync_backend_reports { padding: 30px; }
.sync_backend_cars { padding: 50px; padding-top: 0 !important; }

main.sync_backend_cancellation section {
    padding: 20px 0 0;
    border-top: 1px solid #ddd;
  }
main.sync_backend_cancellation input[type="radio"] {
  display: none;
}

main.sync_backend_cancellation .sync_tab + label {
  display: inline-block;
  margin: 0 0 -1px;
  padding: 15px 25px;
  font-weight: 600;
  text-align: center;
  color: #001d3d;
  border: 1px solid transparent;
}
main.sync_backend_cancellation label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}
main.sync_backend_cancellation label:hover {
  color: #ff5f01;
  cursor: pointer;
}
main.sync_backend_cancellation .sync_tab:checked + label {
  color: #ff5f01;
  border: 1px solid #ddd;
  border-top: 2px solid #ff5f01;
  border-bottom: 1px solid #fff;
}
main.sync_backend_cancellation #tab1:checked ~ #content1,
main.sync_backend_cancellation #tab2:checked ~ #content2,
main.sync_backend_cancellation #tab3:checked ~ #content3,
main.sync_backend_cancellation #tab4:checked ~ #content4 {
  display: block !important;
}

/* hotel view details modal */

#hotel_table .request_details td { text-align: center; }
#hotel_table .request_details td button { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#hotel_table tr th { background-color: #ff5f01; color: white; text-align: center; }
#hotel_tab .request_div { padding-top: 15px; padding-bottom: 20px; }
#hotel_tab .request_div select { width: 250px;}
#sync_view_request_hotel .request_title { text-align: center; color: #ff5f01; margin-bottom: 0; }
#sync_view_request_hotel .display_body { display: flex; flex-direction: row; }
#sync_view_request_hotel .display_body .detail_labels { display: flex; flex-direction: column; width: 50%; padding: 20px 20px; padding-left: 0; text-align: right; font-weight: 500; }
#sync_view_request_hotel .display_body .request_details { display: flex; flex-direction: column; width: 50%; padding: 20px 18px; padding-left: 0; }
#sync_view_request_hotel .request_title h3 { margin-bottom: 0; }
#sync_view_request_hotel .request_title span { font-weight: 400; }

#request_approved h1 { font-size: 25px; text-align: center; color: #ff5f01; }

#request_approved .button_close .close_modal { 
    background: #ff5f01; 
    border-radius: 25px;
    border: 1px solid transparent;
    color: white;
    padding: 11px 35px;
    cursor: pointer;
    font-size: 17px;
}
#request_approved .button_close .close_modal:hover { 
    background: var(--primary-theme-color-hover);
}

#request_declined h1 { font-size: 25px; text-align: center; color: #ff5f01; }

#request_declined .button_close .close_modal { 
    background: #ff5f01; 
    border-radius: 25px;
    border: 1px solid transparent;
    color: white;
    padding: 11px 35px;
    cursor: pointer;
    font-size: 17px;
}
#request_declined .button_close .close_modal:hover { 
    background: var(--primary-theme-color-hover);
}


#request_approved .cancel_content { padding: 15px; }
#request_declined .cancel_content { padding: 15px; }
#request_approved .sub_content { padding-top: 15px; text-align: center; }
#request_declined .sub_content { padding-top: 15px; text-align: center; }
#request_approved .sub_content span { font-size: 19px; }

/* end */

/* car view details modal */

#car_table tr th { background-color: #ff5f01; color: white; text-align: center; }
#car_table .request_details td button { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#car_table .request_details td { text-align: center; }
#car_tab .request_div select { width: 250px;}
#car_tab .request_div_car { padding-top: 15px; padding-bottom: 20px; }
#car_tab .request_div_car select { width: 250px;}
#sync_view_request_car .request_title { text-align: center; color: #ff5f01; margin-bottom: 0; }
#sync_view_request_car .display_body { display: flex; flex-direction: row; }
#sync_view_request_car .display_body .detail_labels { display: flex; flex-direction: column; width: 50%; padding: 20px 20px; padding-left: 0; text-align: right; font-weight: 500; }
#sync_view_request_car .display_body .request_details { display: flex; flex-direction: column; width: 50%; padding: 20px 18px; padding-left: 0; }
#sync_view_request_car .request_title h3 { margin-bottom: 0; }
#sync_view_request_car .request_title span { font-weight: 400; }

#request_approved_car h1 { font-size: 25px; text-align: center; color: #ff5f01; }

#request_approved_car .button_close .close_modal { 
    background: #ff5f01; 
    border-radius: 25px;
    border: 1px solid transparent;
    color: white;
    padding: 11px 35px;
    cursor: pointer;
    font-size: 17px;
}
#request_approved_car .button_close .close_modal:hover { 
    background: var(--primary-theme-color-hover);
}

#request_declined_car h1 { font-size: 25px; text-align: center; color: #ff5f01; }

#request_declined_car .button_close .close_modal { 
    background: #ff5f01; 
    border-radius: 25px;
    border: 1px solid transparent;
    color: white;
    padding: 11px 35px;
    cursor: pointer;
    font-size: 17px;
}
#request_declined_car .button_close .close_modal:hover { 
    background: var(--primary-theme-color-hover);
}

#request_approved_car .cancel_content { padding: 15px; }
#request_declined_car .cancel_content { padding: 15px; }
#request_approved_car .sub_content { padding-top: 15px; text-align: center; }
#request_declined_car .sub_content { padding-top: 15px; text-align: center; }
#request_approved_car .sub_content span { font-size: 19px; }

/* end */

/* restau view details modal */

#restau_table tr th { background-color: #ff5f01; color: white; text-align: center; }
#restau_table .request_details td button { height: 30px; padding-top: 2px; padding-left: 0.75rem; }
#restau_table .request_details td { text-align: center; }
#restau_tab .request_div select { width: 250px;}
#restau_tab .request_div_restau { padding-top: 15px; padding-bottom: 20px; }
#restau_tab .request_div_restau select { width: 250px; }
#sync_view_request_restau .request_title { text-align: center; color: #ff5f01; margin-bottom: 0; }
#sync_view_request_restau .display_body { display: flex; flex-direction: row; }
#sync_view_request_restau .display_body .detail_labels { display: flex; flex-direction: column; width: 50%; padding: 20px 20px; padding-left: 0; text-align: right; font-weight: 500; }
#sync_view_request_restau .display_body .request_details { display: flex; flex-direction: column; width: 50%; padding: 20px 18px; padding-left: 0; }
#sync_view_request_restau .request_title h3 { margin-bottom: 0; }
#sync_view_request_restau .request_title span { font-weight: 400; }

#request_approved_restau h1 { font-size: 25px; text-align: center; color: #ff5f01; }

#request_approved_restau .button_close .close_modal { 
    background: #ff5f01; 
    border-radius: 25px;
    border: 1px solid transparent;
    color: white;
    padding: 11px 35px;
    cursor: pointer;
    font-size: 17px;
}
#request_approved_restau .button_close .close_modal:hover { 
    background: var(--primary-theme-color-hover);
}

#request_declined_restau h1 { font-size: 25px; text-align: center; color: #ff5f01; }

#request_declined_restau .button_close .close_modal { 
    background: #ff5f01; 
    border-radius: 25px;
    border: 1px solid transparent;
    color: white;
    padding: 11px 35px;
    cursor: pointer;
    font-size: 17px;
}
#request_declined_restau .button_close .close_modal:hover { 
    background: var(--primary-theme-color-hover);
}

#request_approved_restau .cancel_content { padding: 15px; }
#request_declined_restau .cancel_content { padding: 15px; }
#request_approved_restau .sub_content { padding-top: 15px; text-align: center; }
#request_declined_restau .sub_content { padding-top: 15px; text-align: center; }
#request_approved_restau .sub_content span { font-size: 19px; }

/* end */

/* room rates */

.set_content .sub_header { font-weight: 500; color: black; }
.event_list { overflow-y: auto; }
.event_list #event_table th { color: white; background-color: #ff5f01; text-align: center; }
#collapseThree-hotel-6 .set_content { padding-bottom: 15px; }
#sync_hotel_room_rates #start_date, #sync_hotel_room_rates #end_date { background-color: white; border: 1px solid lightslategray; border-radius: 4px; height: 32px; }
#sync_hotel_room_rates select { height: 32px; }
#sync_hotel_room_rates .modal-body { padding: 15px; padding-top: 0; display: flex; flex-direction: column; }
#sync_hotel_room_rates label { margin: 0.25rem 0; font-size: 14px; }
#sync_create_event h4 { color: #ff5f01; }
.rate_details tr td { text-align: center; }
#event_table button { padding: 0px 20px; }
#sync_confirm_end .modal-footer { padding: 15px; }
#sync_confirm_end .modal-body { padding: 20px; text-align: center; }
#sync_confirm_end .modal-body p { font-weight: 400; font-size: 24px; }
#sync_confirm_end .modal-footer button { padding: 4px 20px; }

#sync_update_event h4 { color: #ff5f01; }
#sync_update_room_rates #start_date, #sync_hotel_room_rates #end_date { background-color: white; border: 1px solid lightslategray; border-radius: 4px; height: 32px; }
#sync_update_room_rates select { height: 32px; }
#sync_update_room_rates .modal-body { padding: 15px; padding-top: 0; display: flex; flex-direction: column; }
#sync_update_room_rates label { margin: 0.25rem 0; font-size: 14px; }
#sync_cannot_delete .modal-body { text-align: center; padding: 15px; }
#sync_cannot_delete .fa-exclamation { font-size: 40px; }
#sync_cannot_delete .p_head { font-size: 24px; font-weight: 500; color: #ff5f01; }
#sync_cannot_delete .p_body { font-size: 17px; font-weight: 400; }
#sync_cannot_delete .modal-footer button { margin-left: auto; margin-right: auto; width: 20%; }

/* END */

/* stripe css */
label.description_stripe { margin-bottom: 0px; font-weight: normal; }
.form-table #stripe_th { width: 160px; }
h6.title { margin-top: 20px; }
/* END of backend */


/*hotel form settings styles */
#sync_hotel_settings .set_header { display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; }
#sync_hotel_settings .first_nme { display: flex; flex-direction: row; width: 100%; }
#sync_hotel_settings .last_nme { display: flex; flex-direction: row; width: 100%; }
#sync_hotel_settings .phone { display: flex; flex-direction: row; width: 100%; }
#sync_hotel_settings .email { display: flex; flex-direction: row; width: 100%; }
#sync_hotel_settings .special_req { display: flex; flex-direction: row; width: 100%; }
#sync_hotel_settings .other_req { display: flex; flex-direction: row; width: 100%; }

#sync_hotel_settings .set_header span { font-size: 16px; font-weight: 700; }

#sync_hotel_settings .set_header .form_fields { width: 33.3%; }
#sync_hotel_settings .set_header .field_require { width: 33.3%; text-align: center; }
#sync_hotel_settings .set_header .field_display { width: 33.3%; text-align: center; }

#sync_hotel_settings .first_nme .fname { width: 33.3%; }
#sync_hotel_settings .first_nme .require_field { width: 33.3%; text-align: center; }
#sync_hotel_settings .first_nme .display_field { width: 33.3%; text-align: center; }

#sync_hotel_settings .last_nme .lname { width: 33.3%; }
#sync_hotel_settings .last_nme .require_field { width: 33.3%; text-align: center; }
#sync_hotel_settings .last_nme .display_field { width: 33.3%; text-align: center; }

#sync_hotel_settings .phone .phone_n { width: 33.3%; }
#sync_hotel_settings .phone .require_field { width: 33.3%; text-align: center; }
#sync_hotel_settings .phone .display_field { width: 33.3%; text-align: center; }

#sync_hotel_settings .email .email_add { width: 33.3%; }
#sync_hotel_settings .email .require_field { width: 33.3%; text-align: center; } 
#sync_hotel_settings .email .display_field { width: 33.3%; text-align: center; }

#sync_hotel_settings .special_req .special_request { width: 33.3%; }
#sync_hotel_settings .special_req .require_field { width: 33.3%; text-align: center; } 
#sync_hotel_settings .special_req .display_field { width: 33.3%; text-align: center; }

#sync_hotel_settings .other_req .other_request { width: 33.3%; }
#sync_hotel_settings .other_req .require_field { width: 33.3%; text-align: center; } 
#sync_hotel_settings .other_req .display_field { width: 33.3%; text-align: center; }

.sync_hotel_form_settings #sync_form_title { display: flex; flex-direction: column; gap: 10px; }
.sync_hotel_form_settings #sync_form_title #form_title { display: flex; flex-direction: row; gap: 10px; align-items: center; }

.sync_car_form_settings #sync_form_title_car { display: flex; flex-direction: column; gap: 10px; } 
.sync_car_form_settings #sync_form_title_car #form_title { display: flex; flex-direction: row; gap: 10px; align-items: center; }

.sync_restau_form_settings #sync_form_title_restau { display: flex; flex-direction: column; gap: 10px; } 
.sync_restau_form_settings #sync_form_title_restau #form_title { display: flex; flex-direction: row; gap: 10px; align-items: center; }

/* end form settings */

/*car form settings styles */
#sync_car_settings .set_header { display: flex; flex-direction: row; width: 100%; margin-bottom: 10px; }
#sync_car_settings .first_nme { display: flex; flex-direction: row; width: 100%; }
#sync_car_settings .last_nme { display: flex; flex-direction: row; width: 100%; }
#sync_car_settings .phone { display: flex; flex-direction: row; width: 100%; }
#sync_car_settings .email { display: flex; flex-direction: row; width: 100%; }
#sync_car_settings .special_req { display: flex; flex-direction: row; width: 100%; }
#sync_car_settings .other_req { display: flex; flex-direction: row; width: 100%; }

#sync_car_settings .set_header span { font-size: 16px; font-weight: 700; }

#sync_car_settings .set_header .form_fields { width: 33.3%; }
#sync_car_settings .set_header .field_require { width: 33.3%; text-align: center; }
#sync_car_settings .set_header .field_display { width: 33.3%; text-align: center; }

#sync_car_settings .first_nme .fname { width: 33.3%; }
#sync_car_settings .first_nme .require_field { width: 33.3%; text-align: center; }
#sync_car_settings .first_nme .display_field { width: 33.3%; text-align: center; }

#sync_car_settings .last_nme .lname { width: 33.3%; }
#sync_car_settings .last_nme .require_field { width: 33.3%; text-align: center; }
#sync_car_settings .last_nme .display_field { width: 33.3%; text-align: center; }

#sync_car_settings .phone .phone_n { width: 33.3%; }
#sync_car_settings .phone .require_field { width: 33.3%; text-align: center; }
#sync_car_settings .phone .display_field { width: 33.3%; text-align: center; }

#sync_car_settings .email .email_add { width: 33.3%; }
#sync_car_settings .email .require_field { width: 33.3%; text-align: center; } 
#sync_car_settings .email .display_field { width: 33.3%; text-align: center; }

#sync_car_settings .special_req .special_request { width: 33.3%; }
#sync_car_settings .special_req .require_field { width: 33.3%; text-align: center; } 
#sync_car_settings .special_req .display_field { width: 33.3%; text-align: center; }

#sync_car_settings .other_req .other_request { width: 33.3%; }
#sync_car_settings .other_req .require_field { width: 33.3%; text-align: center; } 
#sync_car_settings .other_req .display_field { width: 33.3%; text-align: center; }

.check_availability_form .header_label { display: flex; flex-direction: row; }
.header_label .field_headers { font-weight: 600; font-size: 16px; width: 33.3%; }
.form_fields_section { display: flex; flex-direction: column; }
.form_fields_section .field_names { display: flex; flex-direction: column; width: 33.3%; }
.form_fields_section tr { display: flex; flex-direction: row; align-items: center; }
.form_fields_section tr td { width: 33.3%; }
.form_fields_section tr td button { padding: 0 20px; }
.rename_form_fields .field_list_section { display: flex; flex-direction: column; gap: 10px; }
.new_field_name input { border: none; }
.new_field_name input.rename_field { border-bottom: 1px solid #ff5f01; }
.new_field_name input[readonly] { background-color: transparent; }

.action_buttons .btn-reset-default,
.action_buttons .btn-cancel-action { background-color: #001d3d; }
.action_buttons .btn-reset-default:hover,
.action_buttons .btn-cancel-action:hover { background-color: #ff5f01; }

.new_field_name input.rename_field_hotel { border-bottom: 1px solid #ff5f01; }
.action_buttons .btn-reset-default-hotel,
.action_buttons .btn-cancel-action-hotel { background-color: #001d3d; }
.action_buttons .btn-reset-default-hotel:hover,
.action_buttons .btn-cancel-action-hotel:hover { background-color: #ff5f01; }
/* end form settings */

/* theme color */
#sync_color div { margin-bottom: 10px; }
#sync_color #theme_color  { display: flex; width: 60%; }
#sync_color #theme_color span  { display: flex; width: 50%; }

#sync_color #theme_color_hover  { display: flex; width: 60%; }
#sync_color #theme_color_hover span  { display: flex; width: 50%; }

/* end theme color */

/* date format */
.date_format_section .field_section { padding: 15px 0; }
.date_format_section .date_format_option { min-width: 200px; height: 2.5rem;}

/* paypal */
    #sync_paypal_config .setting_sb_key,
    #sync_paypal_config .setting_pr_key,
    #sync_paypal_config .setting_type {
        display: flex;
    }

    #sync_paypal_config .setting_sb_key label,
    #sync_paypal_config .setting_pr_key label,
    #sync_paypal_config .setting_type label {
        width: 20%;
    }

    #sync_paypal_config .setting_sb_key .input_sb,
    #sync_paypal_config .setting_pr_key .input_pr,
    #sync_paypal_config .setting_type .select_type {
        width: 30%;
    }
    
/* end paypal */
    

/* captcha */
    #sync_form_captcha .sync_captcha_key, #sync_form_captcha .sync_captcha_key_secret { display: flex; }
    #sync_form_captcha .sync_captcha_key label, #sync_form_captcha .sync_captcha_key_secret label { width: 20%; }
    #sync_form_captcha .sync_captcha_key #captcha_key, #sync_form_captcha .sync_captcha_key_secret #captcha_key_secret { width: 30%; }

/* end captcha */

/* authorize.net */
    #sync_form_authorize .sync_authorize_id, 
    #sync_form_authorize .sync_authorize_key,
    #sync_form_authorize .sync_authorize_type { 
        display: flex; 
    }

    #sync_form_authorize .sync_authorize_id label,
    #sync_form_authorize .sync_authorize_key label,
    #sync_form_authorize .sync_authorize_type label { 
        width: 20%; margin: auto 0;
    }

    #sync_form_authorize .sync_authorize_id #authorize_login, 
    #sync_form_authorize .sync_authorize_key #authorize_key,
    #sync_form_authorize .sync_authorize_type #authorize_endpoints { 
        width: 30%; 
    }

/* end authorize */

/* timeslot caret */
    #sync_timeslot1 .fa {
        position: relative;
        left: 180px;
        bottom: 40px;
    }
    
    #sync_timeslot2 .fa {
        position: relative;
        left: 180px;
        bottom: 40px;
    }
    
    #sync_timeslot3 .fa {
        position: relative;
        left: 180px;
        bottom: 40px;
    }
    
    #sync_timeslot4 .fa {
        position: relative;
        left: 180px;
        bottom: 40px;
    }
    
    #sync_timeslot5 .fa {
        position: relative;
        left: 180px;
        bottom: 40px;
    }

/* end timeslot caret */

/* date availability  */

#collapseOne-hotel-10 .container { display: flex; }
#collapseOne-hotel-10 .set_avail_row { width: 50%; }
#collapseOne-hotel-10 .date_container { width: 50%; }
#collapseTwo-car-14 .container { display: flex; }
#collapseTwo-car-14 .set_avail_row { width: 50%; }
#collapseTwo-car-14 .date_container { width: 50%; }
#collapseThree-restau-7 .container { display: flex; }
#collapseThree-restau-7 .set_avail_row { width: 50%; }
#collapseThree-restau-7 .date_container { width: 50%; }
.date_container .list-dates { max-height: 200px; overflow-y: auto; }
.date_container #date_expire { 
    height: 2rem; 
    box-shadow: 0 0 0 transparent;
    border-radius: 4px;
    border: 1px solid #8c8f94;
    background-color: #fff;
    color: #2c3338;
    padding-left: 8px;
}

.date_container .list-dates .list-date-item {
    position: relative;
    display: block;
    padding: 0.75rem 1.25rem;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}

/* premium setting page */
h3.sync-entries-title, main.sync_backend_premium .easync_details .plugin_desc { color: #ff5f01; }
main.sync_backend_premium { padding: 50px; }
main.sync_backend_premium .easync_head .details { text-indent: 50px; font-weight:normal; font-size:17px; }
main.sync_backend_premium .easync_head h3 { color:#ff5f01; }
.sync_backend_premium .premium-container .buy_section { text-align: center; max-width: 1028px; display: flex; width: 100%; }
.sync_backend_premium .premium-container .license_section { max-width: 990px; width: 100%; }
.sync_backend_premium .premium-container .buy_section button {
    cursor: pointer;
    background-color: #ff5f01;
    color: white;
    border: none;
    border-radius: 25px;
    height: 55px;
    padding: 0 25px;
    margin-right: 15px;
    width: 100%;
}
.sync_backend_premium .premium-container .buy_section button:hover { background-color: #001d3d; }
.sync_backend_premium .premium-container .license_section { margin-top: 50px; }
.sync_backend_premium .premium-container .license_section .license_key { font-size: 16px; }
.sync_backend_premium .premium-container .license_section #submit_hotel_license input { width: 80%; }
.notice-error.error_license { margin-left: 0; margin-top: 15px; width: 80%; }
.sync_backend_premium .premium-container .license_section #submit_car_license input { width: 80%; }
.sync_backend_premium .premium-container .license_section #submit_restau_license input { width: 80%; }
.sync_backend_premium .premium-container .license_section #submit_hotel_license .hotel_key { display: flex; flex-direction: column; margin-bottom: 20px; }
.sync_backend_premium .premium-container .license_section #submit_car_license .car_key { display: flex; flex-direction: column; margin-bottom: 20px; }
.sync_backend_premium .premium-container .license_section #submit_restau_license .restau_key { display: flex; flex-direction: column; }

.sync_backend_premium .premium-container .license_section #submit_hotel_license .hotel_key .hotel_btn,
.sync_backend_premium .premium-container .license_section #submit_car_license .car_key .car_btn,
.sync_backend_premium .premium-container .license_section #submit_restau_license .restau_key .restau_btn { 
    cursor: pointer;
    background-color: #ff5f01;
    color: white;
    border: none;
    border-radius: 25px;
    margin-top: 10px;
    width: 100px;
    height: 35px;
}
.sync_backend_premium .premium-container .license_section #submit_hotel_license .hotel_key .hotel_btn:hover,
.sync_backend_premium .premium-container .license_section #submit_car_license .car_key .car_btn:hover,
.sync_backend_premium .premium-container .license_section #submit_restau_license .restau_key .restau_btn:hover { 
    background-color: #001d3d;;
}

.sync_backend_premium .premium-container .license_section #submit_hotel_license .hotel_key .hotel_btn_deact,
.sync_backend_premium .premium-container .license_section #submit_car_license .car_key .car_btn_deact,
.sync_backend_premium .premium-container .license_section #submit_restau_license .restau_key .restau_btn_deact { 
    cursor: pointer;
    background-color: #ff5f01;
    color: white;
    border: none;
    border-radius: 25px;
    margin-top: 10px;
    width: 100px;
    height: 35px;
}
.sync_backend_premium .premium-container .license_section #submit_hotel_license .hotel_key .hotel_btn_deact:hover,
.sync_backend_premium .premium-container .license_section #submit_car_license .car_key .car_btn_deact:hover,
.sync_backend_premium .premium-container .license_section #submit_restau_license .restau_key .restau_btn_deact:hover { 
    background-color: #001d3d;;
}

/* premium submenu icon */
.premium_menu_style { color: #ff5f01; }
.premium_menu_style:hover { color: #72aee6; }
/* .premium_menu_badge { 
    color: #674e00; 
    border-radius: 8px;
    padding: 0 8px;
    line-height: 1.6;
    font-size: 9px;
    min-height: 14px; 
} */
.fa.fa-crown::after { content: "\f521"; }

/* expired subscription modal */
#sync_sub_exp_hotel .modal-body { text-align: center; padding: 15px 25px; }
#sync_sub_exp_hotel .fa-exclamation { font-size: 45px; }
#sync_sub_exp_hotel .p_head { font-size: 28px; font-weight: 500; color: #ff5f01; }
#sync_sub_exp_hotel .p_body { font-size: 18px; font-weight: 400; }
#sync_sub_exp_hotel .more_info { font-size: 18px; font-weight: 400; }
#sync_sub_exp_hotel a { color: #ff5f01; }
#sync_sub_exp_hotel .modal-footer button { margin-left: auto; margin-right: auto; width: 20%; }


.if_expired h3 { font-weight: 500; color: #ff5f01;}
.if_expired .p_body strong { color: #ff5f01; }
.if_expired .p_body { font-size: 17px; font-weight: 400; }
.if_expired .more_info { font-size: 18px; font-weight: 400; }
.if_expired a { color: #ff5f01; }

.main.header-logo { padding: 5px 0 20px 0; margin-left: -20px; background-color: #001d3d; margin-bottom: 15px; }
.more-info_contact-us .more-info a { color: #ff5f01 !important; }
.more-info_contact-us .more-info a:hover { color: #001d3d !important; } 

.sync_backend_premium i { cursor: pointer; }
.sync_backend_premium input { padding-left: 15px; }
.sync_backend_premium .hotel_key { position: relative; }
.sync_backend_premium .car_key { position: relative; }
.sync_backend_premium .restau_key { position: relative; }
.sync_backend_premium i.fa-eye { position: absolute; top: 33%; right: 21.5%; }
.sync_backend_premium i.fa-eye-slash { position: absolute; top: 33%; right: 21.5%; }

.card-header.sync-card-header .btn-link { color: #001d3d; }
.card-header.sync-card-header .btn-link:hover { color: #ff5f01; }
.easync-booking_page_easync-settings .btn-link { color: #001d3d; }
.easync-booking_page_easync-settings .btn-link:hover { color: #ff5f01; text-decoration: none; }
.btn-success { background-color: #ff5f01 !important; color: #fff !important; border-color: #ff5f01 !important; }
.btn-success:hover { background-color: #001d3d !important; border-color: #001d3d !important; }

.setting-timeslot form .item-row.buttons { display: flex; }
.setting-timeslot .item-row.buttons .save-btn { width: 100%; margin-right: 3px; }
.setting-timeslot .item-row.buttons .delete-btn { width: 100%; margin-left: 3px; }
.setting-availability .list-dates a { color: #001d3d; }
.setting-availability .list-dates a:hover { color: #ff5f01; text-decoration: none; }
.setting-timeslot .item-row .timeslot_container { position: relative; }
.setting-timeslot .item-row .timeslot_container svg { position: absolute; top: 10px; right: 10px; }

.hotel_coupon_form #cancel_btn:hover { background-color: #e3e3e3; }
.car_coupon_form #cancel_btn_car:hover { background-color: #e3e3e3; }
.restau_coupon_form #cancel_btn_restau:hover { background-color: #e3e3e3; }

/* preload animation */
@keyframes anim-rotate {
    0% {
        transform: rotateY(0);
    }
    100% {
        transform: rotateY(360deg);
    }
}
@-webkit-keyframes anim-rotate {
    0% {
        -webkit-transform: rotateY(0);
    }
    100% {
        -webkit-transform: rotateY(360deg);
    }
}

.loader_slh {
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9999;
    position: fixed;
    opacity: 0.8;
}
.preload_icon {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: url("../images/logo orange dark.svg") 50% 50% no-repeat transparent;
    background-size: 150px;
    animation: anim-rotate 3.5s infinite linear;
    -webkit-animation: anim-rotate 3.5s infinite linear;
}


/* monthly room rates */
.sync_hotel_monthly_rates #collapseThree-hotel-8 .set_content { padding-bottom: 15px; }
#sync_create_monthlyRate h4 { color: #ff5f01; }
#sync_hotel_monthly_rates .modal-body { padding: 0 15px 15px; display: flex; flex-direction: column; }
#sync_hotel_monthly_rates label { margin: 0.25rem 0; font-size: 14px; }
#sync_hotel_monthly_rates select { height: 32px; }
#sync_hotel_monthly_rates #month_field { height: 32px; }
.event_list #monthly_rate_table { table-layout: fixed; }
.event_list #monthly_rate_table th { color: white; background-color: #ff5f01; text-align: center; }
#monthly_rate_table button { padding: 0px 20px; }
#sync_update_monthly_rate h4 { color: #ff5f01; }
#sync_update_monthly_rates #start_date, #sync_hotel_room_rates #end_date { background-color: white; border: 1px solid lightslategray; border-radius: 4px; height: 32px; }
#sync_update_monthly_rates select { height: 32px; }
#sync_update_monthly_rates .modal-body { padding: 15px; padding-top: 0; display: flex; flex-direction: column; }
#sync_update_monthly_rates label { margin: 0.25rem 0; font-size: 14px; }
#sync_delete_mrate .modal-footer { padding: 15px; }
#sync_delete_mrate .modal-body { padding: 20px; text-align: center; }
#sync_delete_mrate .modal-body p { font-weight: 400; font-size: 24px; }
#sync_delete_mrate .modal-footer button { padding: 4px 20px; }

.addons_list #addons_created { table-layout: fixed; }
.addons_list #addons_created th { color: white; background-color: #ff5f01; text-align: center; }
.addons_list #addons_created td { text-align: center; }
#addons_created button { padding: 0px 20px; }
.sync_hotel_addon_services #collapseThree-hotel-9 .set_content { padding-bottom: 15px; }
#sync_create_service h4 { color: #ff5f01; }
#sync_create_service .modal-body { padding: 0 15px 15px; display: flex; flex-direction: column; }
#sync_create_service label { margin: 0.25rem 0; font-size: 14px; }
#sync_update_service_addon h4 { color: #ff5f01; }
#sync_update_service_addon .modal-body { padding: 0 15px 15px; display: flex; flex-direction: column; }
#sync_update_service_addon label { margin: 0.25rem 0; font-size: 14px; }
#sync_delete_service .modal-footer { padding: 15px; }
#sync_delete_service .modal-body { padding: 20px; text-align: center; }
#sync_delete_service .modal-body p { font-weight: 400; font-size: 24px; margin: 0; }
#sync_delete_service .modal-footer button { padding: 4px 20px; }

/* custom car rates */
.rate_list #rate_table th { color: white; background-color: #ff5f01; text-align: center; }
#collapseThree-car-13 .set_content { padding-bottom: 15px; }
#sync_car_rates #start_date, #sync_car_rates #end_date { background-color: white; border: 1px solid lightslategray; border-radius: 4px; height: 32px; }
#sync_car_rates select { height: 32px; }
#sync_car_rates .modal-body { padding: 15px; padding-top: 0; display: flex; flex-direction: column; }
#sync_car_rates label { margin: 0.25rem 0; font-size: 14px; }
#sync_create_rate h4 { color: #ff5f01; }
.rate_details tr td { text-align: center; }
#rate_table button { padding: 0px 20px; }
#sync_confirm_end_car .modal-footer { padding: 15px; }
#sync_confirm_end_car .modal-body { padding: 20px; text-align: center; }
#sync_confirm_end_car .modal-body p { font-weight: 400; font-size: 24px; margin: 0; }
#sync_confirm_end_car .modal-footer button { padding: 4px 20px; }

#sync_update_rate h4 { color: #ff5f01; }
#sync_update_car_rates #start_date, #sync_update_car_rates #end_date { background-color: white; border: 1px solid lightslategray; border-radius: 4px; height: 32px; }
#sync_update_car_rates select { height: 32px; }
#sync_update_car_rates .modal-body { padding: 15px; padding-top: 0; display: flex; flex-direction: column; }

/* custom fees */
.fee_display_container .container.fees { max-width: 100%; }
.container.fees .set_content { padding-bottom: 15px; }
#sync_general_fees h4 { padding: 15px; margin: 0; border-bottom: 1px solid lightgray; color: #ff5f01; }
#sync_general_fees .fee_container { display: flex; flex-direction: column; padding: 0 15px 10px; }
#sync_general_fees .fee_container select #default { text-align: center; }
#sync_general_fees .fee_container select { text-align-last: center; }
.fee_container label { margin-top: 10px; }
.if_refundable .refund_rate { width: 100%; }
#sync_general_fees .radio_container { display: flex; flex-direction: row; padding-left: 15px; }
#sync_general_fees .radio_container div { width: 50%; } 
#sync_general_fees .radio_container div label { margin-top: 0; }
#sync_confirm_end_fee .modal-body p { font-weight: 400; font-size: 24px; margin: 0; }
#sync_confirm_end_fee .modal-body { padding: 20px; text-align: center; }

/* tab 3 - filters */
#content3 .content_container.filters { display: flex; flex-direction: column; gap: 20px; }
#content3 .module_selection { width: 20%; }
#content3 .module_selection .module_options { width: 100%; height: 35px; }
#content3 .content_container .content_inner_hotel { display: flex; flex-direction: column; gap: 20px; }
#content3 .content_container .content_inner { display: flex; flex-direction: column; gap: 20px; }
#content3 .content_container .content_inner_restau { display: flex; flex-direction: column; gap: 20px; }
#content3 .module_selection .module_options { width: 100%; height: 35px; }
#content3 .content_container .content_inner .filter_switch {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    background-color:#001d3d;
    color: #fff;
    padding: 20px;
    box-shadow: 1.5px 1.99px 7px 0 rgba(6, 0, 31, 0.5);
}
#content3 .content_container .content_inner .filter_options { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }
#content3 .content_container .content_inner .filter_options .choice { display: flex; flex-direction: column; gap: 10px; padding: 20px; background-color: #001d3d; color: #fff; border-radius: 5px; }
#content3 .content_container .content_inner .filter_options .choice div:first-child { display: flex; flex-direction: row; justify-content: space-between; position: relative; }
#content3 .content_container .content_inner .filter_options .choice h4 { font-size: 20px; }

#content3 .content_container .content_inner .header-col,
#content3 .content_container .content_inner .header-col .layer {
    border-radius: 100px;   
}

#content3 .content_container .content_inner .header-col {
    border-radius: 2px;
}

#content3 .content_container .content_inner .header-col input[type='checkbox'] {
    position: absolute;
    width: 10%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
    right: 0;
}

#content3 .content_container .content_inner .header-col .knobs {
    z-index: 2;
    position: relative;
}

#content3 .content_container .content_inner .header-col .layer {
    width: 10%;
    background-color: #fcebeb;
    transition: 0.3s ease all;
    z-index: 1;
}

#content3 .content_container .content_inner .header-col .knobs:before {
    content: "";
    position: absolute;
    display: block;
    top: 4px;
    left: 4px;
    width: 25px;
    height: 25px;
    padding: 9px 4px;
    background-color: #001d3d;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all;
}

#content3 .content_container .content_inner .header-col input[type='checkbox']:checked ~ .layer .knobs:before {
    left: 28px;
    background-color: #ff5f01;
}

#content3 .content_container .content_inner .header-col input[type='checkbox']:checked ~ .layer {
    background-color: #ebf7fc;
}   

#content3 .content_container .content_inner .header-col .knobs,
#content3 .content_container .content_inner .header-col .knobs:before,
#content3 .content_container .content_inner .header-col .layer {
    transition: 0.3s ease all;
}

/* booking entries */
#single_view_entry_modal .data-row:last-child span:last-child { display: flex; gap: 10px; }
#single_view_entry_modal .data-row:last-child span.pay_stat:after { 
    content: "";
    display: block;
    width: 13px;
    height: 13px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='1em' viewBox='0 0 512 512'%3E%3C!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. --%3E%3Cpath d='M410.3 231l11.3-11.3-33.9-33.9-62.1-62.1L291.7 89.8l-11.3 11.3-22.6 22.6L58.6 322.9c-10.4 10.4-18 23.3-22.2 37.4L1 480.7c-2.5 8.4-.2 17.5 6.1 23.7s15.3 8.5 23.7 6.1l120.3-35.4c14.1-4.2 27-11.8 37.4-22.2L387.7 253.7 410.3 231zM160 399.4l-9.1 22.7c-4 3.1-8.5 5.4-13.3 6.9L59.4 452l23-78.1c1.4-4.9 3.8-9.4 6.9-13.3l22.7-9.1v32c0 8.8 7.2 16 16 16h32zM362.7 18.7L348.3 33.2 325.7 55.8 314.3 67.1l33.9 33.9 62.1 62.1 33.9 33.9 11.3-11.3 22.6-22.6 14.5-14.5c25-25 25-65.5 0-90.5L453.3 18.7c-25-25-65.5-25-90.5 0zm-47.4 168l-144 144c-6.2 6.2-16.4 6.2-22.6 0s-6.2-16.4 0-22.6l144-144c6.2-6.2 16.4-6.2 22.6 0s6.2 16.4 0 22.6z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
#pay_status_modal .modal-header { padding: 0 0 10px; }
#pay_status_modal .modal-body { padding-top: 10px; }
#pay_status_modal .modal-footer { padding: 10px 0 0; border: none; }
#pay_status_modal .remarks_lbl { color: #000; font-size: 16px; }
#pay_status_modal .remarks_dets { width: 100%; height: 100px; resize: none; }
#pay_status_modal .date_paid { width: 100%; border-radius: 3px; border: 1px solid gray; }
#pay_status_modal .date_container { position: relative; }
#pay_status_modal .date_container .calendar_icon { position: absolute; right: 10px; top: 2px; }
#pay_status_modal .modal-bodyy { padding: 1rem; }
#pay_status_modal .date_paid {
    background-image: url("data:image/svg+xml,%3Csvg class='svg-inline--fa fa-calendar fa-1x calendar' aria-hidden='true' focusable='false' data-prefix='fas' data-icon='calendar' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512' data-fa-i2svg=''%3E%3Cpath fill='currentColor' d='M96 32V64H48C21.5 64 0 85.5 0 112v48H448V112c0-26.5-21.5-48-48-48H352V32c0-17.7-14.3-32-32-32s-32 14.3-32 32V64H160V32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192H0V464c0 26.5 21.5 48 48 48H400c26.5 0 48-21.5 48-48V192z'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 17px;
    background-position: 97% center;
    cursor: pointer;
}

/* protection plan */
.sync_car_tax_plan_page .protect_plan #plan_table th { color: white; background-color: #ff5f01; text-align: center; }
.sync_car_tax_plan_page .protect_plan { display: flex; flex-direction: column; gap: 15px; }
.sync_car_tax_plan_page .protect_plan #create_plan { width: 120px; }

#sync_protection_plan h4 { padding: 15px; margin: 0; border-bottom: 1px solid lightgray; color: #ff5f01; }
#sync_protection_plan .plan_container { display: flex; flex-direction: column; padding: 0 15px 10px; }
#sync_protection_plan .plan_container select #default { text-align: center; }
#sync_protection_plan .plan_container select { text-align-last: center; }
.plan_container label { margin-top: 10px; }
#sync_protection_plan .radio_container { display: flex; flex-direction: row; padding-left: 15px; }
#sync_protection_plan .radio_container div { width: 50%; } 
#sync_protection_plan .radio_container div label { margin-top: 0; }
#sync_protection_plan .plan_container textarea { resize: none; height: 130px; }
#plan_table .plan_head { table-layout: fixed; }
#plan_table .services_details td { text-align: center; }
#plan_table .services_details button { padding: 0px 20px; }
#sync_confirm_end_plan .modal-body p { font-weight: 400; font-size: 24px; margin: 0; }
#sync_confirm_end_plan .modal-body { padding: 20px; text-align: center; }

/* default time - rented car details page */
.sync_default_car_pickup_return .container { display: flex; flex-direction: column; gap: 20px; }
.sync_default_car_pickup_return .container .time_switch,
.sync_default_car_pickup_return .container .time_section { display: flex; flex-direction: column; gap: 15px; }
/* default time - settings page */
.sync_default_car_pickup_return .penalty_section { display: flex; flex-direction: column; gap: 10px; }
.penalty_section #car_penalties input[type="radio"] { display: inline-block; }
.penalty_section #car_penalties { display: flex; flex-direction: column; gap: 5px; }
.penalty_section #car_penalties .radio_container { display: flex; gap: 10px; }
.penalty_section .penalty_note i { font-size: 13px; }
.penalty_body #penalties_created { table-layout: fixed; }
.penalty_body #penalties_created th { color: white; background-color: #ff5f01; text-align: center; }
.penalty_body #penalties_created td { text-align: center; }
#sync_penalty h4 { padding: 15px; margin: 0; border-bottom: 1px solid lightgray; color: #ff5f01; }
#sync_penalty .penalty_container { display: flex; flex-direction: column; padding: 0 15px 10px; }
#sync_penalty .penalty_container select #default { text-align: center; }
#sync_penalty .penalty_container select { text-align-last: center; }
.penalty_container label { margin-top: 10px; }
#sync_penalty .radio_container { display: flex; flex-direction: row; padding-left: 15px; }
#sync_penalty .radio_container div { width: 50%; } 
#sync_penalty .radio_container div label { margin-top: 0; }
#sync_confirm_end_fee .modal-body p { font-weight: 400; font-size: 24px; margin: 0; }
#sync_confirm_end_fee .modal-body { padding: 20px; text-align: center; }
#penalties_created .penalties_details td button { padding: 0px 20px; }

#penalty_modal .penalty_data_container { display: flex; flex-direction: row; justify-content: center; padding: 1rem; gap: 20px; align-items: center; }
#penalty_modal .penalty_data_container .return_details_label { display: flex; flex-direction: column; gap: 5px; justify-content: center; }
#penalty_modal .penalty_data_container .return_details_data { display: flex; flex-direction: column; gap: 5px; justify-content: center; }
#penalty_modal #sync_penalty_form .sync_button_container { display: flex; flex-direction: row; gap: 10px; }
#penalty_modal #sync_penalty_form #return_car { width: 100%; }

#car_penalty_details .penalty_details_head { padding: 10px; border: 1px solid lightgray; border-top-right-radius: 5px; border-top-left-radius: 5px; }
#car_penalty_details .penalty_details_container { padding: 10px; display: flex; flex-direction: row; gap: 10px; justify-content: space-evenly; }
#car_penalty_details .penalty_details_container .return_details_data,
#car_penalty_details .penalty_details_container .return_details_label { display: flex; flex-direction: column; gap: 5px; }
#car_penalty_details .pay_penalty:hover { background-color: #ff792b !important; border-color: #ff792b !important; }

/* admin module search filters */
.filter_name { font-size: 21px; }
.filter_description { font-size: 15px; }
.search_filter_section .filter_setting_container { display: flex; flex-direction: column; gap: 20px; }
/* hotel filters style */
.hotel_filter_section { display: flex; flex-direction: column; gap: 15px; }
.hotel_filter_section .hotel_filter_switch{ display: flex; flex-direction: row; justify-content: space-between; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.hotel_filter_section .hotel_switch_filter{ height: 0; visibility: hidden; }
.hotel_filter_section .hotel_filter_label { cursor: pointer; text-indent: -9999px; width: 80px; height: 40px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.hotel_filter_section .hotel_filter_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 30px; height: 30px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.hotel_filter_section .hotel_switch_filter:checked + .hotel_filter_label { background: #fff;}
.hotel_filter_section .hotel_switch_filter:checked + .hotel_filter_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.hotel_filter_section .hotel_switch_filter:active:after { width: 130px; }
.hotel_filter_section .hotel_filter_container { display: none}
.hotel_filter_section .hotel_filter_options { display: grid; grid-template-columns: repeat(2, auto); gap: 10px;}
/* hotel filter capacity opt styles */
.hotel_filter_options .filter_room_capacity { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.hotel_filter_options .room_capacity_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.hotel_filter_options .room_capacity_switch{ height: 0; visibility: hidden; }
.hotel_filter_options .room_capacity_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.hotel_filter_options .room_capacity_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.hotel_filter_options .room_capacity_switch:checked + .room_capacity_label { background: #fff;}
.hotel_filter_options .room_capacity_switch:checked + .room_capacity_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.hotel_filter_options .room_capacity_switch:active:after { width: 130px; }
/* hotel filter beds opt styles */
.hotel_filter_options .filter_bed_number { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.hotel_filter_options .bed_number_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.hotel_filter_options .bed_number_switch{ height: 0; visibility: hidden; }
.hotel_filter_options .bed_number_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.hotel_filter_options .bed_number_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.hotel_filter_options .bed_number_switch:checked + .bed_number_label { background: #fff;}
.hotel_filter_options .bed_number_switch:checked + .bed_number_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.hotel_filter_options .bed_number_switch:active:after { width: 130px; }
/* hotel filter price opt styles */
.hotel_filter_options .filter_room_price { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.hotel_filter_options .room_price_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.hotel_filter_options .room_price_switch{ height: 0; visibility: hidden; }
.hotel_filter_options .room_price_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.hotel_filter_options .room_price_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.hotel_filter_options .room_price_switch:checked + .room_price_label { background: #fff;}
.hotel_filter_options .room_price_switch:checked + .room_price_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.hotel_filter_options .room_price_switch:active:after { width: 130px; }
/* hotel filter amenities opt styles */
.hotel_filter_options .filter_room_amenities { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.hotel_filter_options .room_amenities_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.hotel_filter_options .room_amenities_switch{ height: 0; visibility: hidden; }
.hotel_filter_options .room_amenities_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.hotel_filter_options .room_amenities_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.hotel_filter_options .room_amenities_switch:checked + .room_amenities_label { background: #fff;}
.hotel_filter_options .room_amenities_switch:checked + .room_amenities_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.hotel_filter_options .room_amenities_switch:active:after { width: 130px; }
/* car filter styles */
.car_filter_section { display: flex; flex-direction: column; gap: 15px; }
.car_filter_section .car_filter_switch{ display: flex; flex-direction: row; justify-content: space-between; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.car_filter_section .car_switch_filter{ height: 0; visibility: hidden; }
.car_filter_section .car_filter_label { text-indent: -9999px; width: 80px; height: 40px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.car_filter_section .car_filter_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 30px; height: 30px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.car_filter_section .car_switch_filter:checked + .car_filter_label { background: #fff;}
.car_filter_section .car_switch_filter:checked + .car_filter_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.car_filter_section .car_switch_filter:active:after { width: 130px; }
.car_filter_section .car_filter_container { display: none}
.car_filter_section .car_filter_options { display: grid; grid-template-columns: repeat(2, auto); gap: 10px;}
/* car filter type opt styles */
.car_filter_options .filter_car_type { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.car_filter_options .car_type_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.car_filter_options .car_type_switch{ height: 0; visibility: hidden; }
.car_filter_options .car_type_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.car_filter_options .car_type_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.car_filter_options .car_type_switch:checked + .car_type_label { background: #fff;}
.car_filter_options .car_type_switch:checked + .car_type_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.car_filter_options .car_type_switch:active:after { width: 130px; }
/* car filter model opt styles */
.car_filter_options .filter_car_model { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.car_filter_options .car_model_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.car_filter_options .car_model_switch { height: 0; visibility: hidden; }
.car_filter_options .car_model_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.car_filter_options .car_model_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.car_filter_options .car_model_switch:checked + .car_model_label { background: #fff;}
.car_filter_options .car_model_switch:checked + .car_model_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.car_filter_options .car_model_switch:active:after { width: 130px; }
/* car filter rate opt styles */
.car_filter_options .filter_car_rate { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.car_filter_options .car_rate_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.car_filter_options .car_rate_switch { height: 0; visibility: hidden; }
.car_filter_options .car_rate_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.car_filter_options .car_rate_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.car_filter_options .car_rate_switch:checked + .car_rate_label { background: #fff;}
.car_filter_options .car_rate_switch:checked + .car_rate_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.car_filter_options .car_rate_switch:active:after { width: 130px; }
/* car filter features opt styles */
.car_filter_options .filter_car_features { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.car_filter_options .car_features_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.car_filter_options .car_features_switch { height: 0; visibility: hidden; }
.car_filter_options .car_features_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.car_filter_options .car_features_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.car_filter_options .car_features_switch:checked + .car_features_label { background: #fff;}
.car_filter_options .car_features_switch:checked + .car_features_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.car_filter_options .car_features_switch:active:after { width: 130px; }
/* restau filter styles */
.restau_filter_section { display: flex; flex-direction: column; gap: 15px; }
.restau_filter_section .restau_filter_switch{ display: flex; flex-direction: row; justify-content: space-between; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.restau_filter_section .restau_switch_filter{ height: 0; visibility: hidden; }
.restau_filter_section .restau_filter_label { text-indent: -9999px; width: 80px; height: 40px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.restau_filter_section .restau_filter_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 30px; height: 30px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.restau_filter_section .restau_switch_filter:checked + .restau_filter_label { background: #fff;}
.restau_filter_section .restau_switch_filter:checked + .restau_filter_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.restau_filter_section .restau_switch_filter:active:after { width: 130px; } 
.restau_filter_section .restau_filter_container { display: none}
.restau_filter_section .restau_filter_options { display: grid; grid-template-columns: repeat(2, auto); gap: 10px;}
/* restau filter seats opt styles */
.restau_filter_options .filter_table_seats { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.restau_filter_options .table_seats_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.restau_filter_options .table_seats_switch { height: 0; visibility: hidden; }
.restau_filter_options .table_seats_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.restau_filter_options .table_seats_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.restau_filter_options .table_seats_switch:checked + .table_seats_label { background: #fff;}
.restau_filter_options .table_seats_switch:checked + .table_seats_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.restau_filter_options .table_seats_switch:active:after { width: 130px; }
/* restau filter branch opt styles */
.restau_filter_options .filter_branch_loc { display: flex; flex-direction: row; justify-content: space-between; align-items: center; }
.restau_filter_options .branch_loc_opt{ display: flex; flex-direction: column; justify-content: space-between; gap: 10px; padding: 15px; background: #001d3d; color: #fff; border-radius: 3px; box-shadow: 0 5px 10px rgba(0 0 0 / 0.4);  }
.restau_filter_options .branch_loc_switch { height: 0; visibility: hidden; }
.restau_filter_options .branch_loc_label { text-indent: -9999px; width: 60px; height: 30px; background: lightgray; display: block; border-radius: 100px; border: 1px solid gray; position: relative; }
.restau_filter_options .branch_loc_label:after { cursor: pointer; content: ''; position: absolute; top: 4px; left: 5px; width: 20px; height: 20px; background: #001d3d; border-radius: 90px; transition: 0.3s; }
.restau_filter_options .branch_loc_switch:checked + .branch_loc_label { background: #fff;}
.restau_filter_options .branch_loc_switch:checked + .branch_loc_label:after { left: calc(100% - 5px); transform: translateX(-100%); background: #ff5f01; }
.restau_filter_options .branch_loc_switch:active:after { width: 130px; }