/* backend */

body.mobile.modal-open #wpwrap { position: unset; }

.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: var(--primary-theme-color);
}

.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_entries 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: #bbb;
  border: 1px solid transparent;
}
main.sync_backend_entries label:before {
  font-family: fontawesome;
  font-weight: normal;
  margin-right: 10px;
}

main.sync_backend_entries label:hover {
  color: #888;
  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: var(--primary-theme-color);
  border: 1px solid #ddd;
  border-top: 2px solid var(--primary-theme-color);
  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_entries table.dataTable thead th, table.dataTable thead td {
    border-bottom: 1px solid var(--primary-theme-color);
}

main.sync_backend_entries table.dataTable tfoot th, table.dataTable tfoot td {
    border-top: 1px solid var(--primary-theme-color);
}

main.sync_backend_entries button.bubbly-button {
    background: var(--primary-theme-color);
    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;
}

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 var(--primary-theme-color);
    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-car-pickup-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; }
#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: 10px; }
#sync_hotel_cancellation #save_cancel_dtls { max-width: 100px; }
#sync_hotel_cancellation label { font-size: 14px; }
#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_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_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 .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 { display: flex; flex-direction: column; }
#sync_car_cancellation .content-left #sync_car_cancellation { max-width: 30rem; font-size: 14px; margin-bottom: 10px; }
#sync_car_cancellation .content-left input { max-width: 30rem; font-size: 14px; margin-bottom: 10px; }
#sync_car_cancellation #save_cancel_dtls { max-width: 100px; }
#sync_car_emails #save_email_cntnt { max-width: 100px; }

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 .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 var(--primary-theme-color);
    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;
}

button.sync_color_orange {
    background-color: var(--primary-theme-color);
    border: 0px;
}

button.sync_color_orange:hover {
    background-color: var(--primary-theme-color-hover);
}

.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-cancel { 
    /* padding-right: 30px; */
    overflow-y: auto;
}

#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;
}

.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 {
    img.rented_car_images { width: 100% !important; height: auto; }
}

/* backend table style */
.sync-car-return-history-scroll table tr th { background-color: var(--primary-theme-color); color: white; }
.sync-table-cars-rented table tr th { background-color: var(--primary-theme-color); color: white; }
#cancellation_table th { background-color: var(--primary-theme-color); 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: #28a745; }
#upload_car_image .btn-upload:hover { background-color: #218838; }
#upload_car_image .field { display: flex; }
#upload_car_image #file-input { width: 50%; }
#upload_car_image .remove-btn { width: 50%; text-align: right; }


@media (max-width: 576px) {

    #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_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%; }

}


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

/* cancellation requests */
.sync_backend_cancellation { padding: 50px; }
.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: #bbb;
  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: #888;
  cursor: pointer;
}
main.sync_backend_cancellation .sync_tab:checked + label {
  color: var(--primary-theme-color);
  border: 1px solid #ddd;
  border-top: 2px solid var(--primary-theme-color);
  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: var(--primary-theme-color); 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: var(--primary-theme-color); 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: var(--primary-theme-color); }

#request_approved .button_close .close_modal { 
    background: var(--primary-theme-color); 
    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: var(--primary-theme-color); }

#request_declined .button_close .close_modal { 
    background: var(--primary-theme-color); 
    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: var(--primary-theme-color); 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: var(--primary-theme-color); 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: var(--primary-theme-color); }

#request_approved_car .button_close .close_modal { 
    background: var(--primary-theme-color); 
    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: var(--primary-theme-color); }

#request_declined_car .button_close .close_modal { 
    background: var(--primary-theme-color); 
    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 */

/* 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 */