/* Change the color, font size, and style for the header text */

:root {
    --primary: #808080;
    --secondary: #fc641c;
    --link-fg: #000000;
    --link-selected-fg: #8f5bb2;
    --breadcrumbs-bg: #000000;
}
.timezonewarning {
    display: none; 
}

  .related-widget-wrapper-link {
      display: table-cell;
  }
  input[disabled], .select2-container--admin-autocomplete.select2-container--disabled .select2-selection--single, 
  textarea:disabled, input:disabled, select:disabled {
      background-color: #f8f8f8 !important;
      color: var(--body-fg);
  }
  .model-equipreservationsdetails .breadcrumbs, 
  .model-equipreservationsheader .breadcrumbs {
    background-color: #F9F9C6 !important;
  }
  .model-equipreservationspickupdetails .breadcrumbs, 
  .model-equipreservationspickupheader .breadcrumbs {
    background-color: #B2E6FF !important;
  }
  select:disabled, option:default, option:checked{
    color: #333 !important;
    opacity: 1 !important;
  }
  .changelist-form-container table#result_list {
      white-space: nowrap;
  }


#user-tools {
    font-weight: bold;
    color: white;
}
#user-tools.text-success {
    font-weight: bold;
    color: white !important;
}
div#header div#user-tools {
    color: #FFF !important;
}
#secondary-nav {
    display: table;
}

.app-central_functions.change-form form .fieldBox > div.readonly:not([readonly="false"]) {
    border: 1px solid var(--border-color);
    border-radius: 4px;
    padding: 5px 6px;
    margin-top: 0;
    color: var(--body-fg);
    background-color: #F5F5F5;
    min-width: 284px;
    max-width: 284px;
}
/* Imports Screen Hide Export & Add Option */
.app-central_functions.model-em1200.change-list div#content-main ul.object-tools li:nth-child(2) {
    display: none;
}
.app-central_functions.model-em1200.change-list div#content-main ul.object-tools li:nth-child(3) {
    display: none;
}
form#changelist-form .actions label:first-child {
    display: none !important;
}
form#changelist-form .actions .button:first-of-type {
    display: none !important;
}
.sadmin-user form#changelist-form .actions label:first-child {
    display: inline-block !important;
}
.sadmin-user form#changelist-form .actions .button:first-of-type {
    display: inline-block !important;
}
/* Hide Export & Add Import WooCommerce Orders Button from Listing */
.model-orders.change-list #content .object-tools li:nth-child(2) {
    display: none;
}
.model-orders.change-list #content .object-tools li:nth-child(3) {
    display: none;
}

.change-form .submit-row input[type=submit][disabled]:nth-child(1) {
	background-color: #26904A !important;
}
.change-form .submit-row input[type=submit][disabled]:nth-child(2), .submit-row input[type=submit][disabled]:nth-child(3) {
    background-color: #999 !important;
}

#changelist-filter li a {
    display: inline;
}

#changelist-filter li.selected::before {
    content: "\2713";
}

.model-invoice.change-list #content .object-tools {
    display: none;
}


/*Select2 ReadOnly Start  -  Added here so that we can add readonly fields for select2 anywhere in the admin.*/
select[readonly]:not([readonly="false"]){
    pointer-events: none;
    touch-action: none;
    background: var(--darkened-bg);
}

select[readonly]:not([readonly="false"]).select2-hidden-accessible + .select2-container {
    pointer-events: none;
    touch-action: none;
}

select[readonly]:not([readonly="false"]).select2-hidden-accessible + .select2-container .select2-selection {
    background: var(--darkened-bg);
    box-shadow: none;
}

select[readonly]:not([readonly="false"]).select2-hidden-accessible + .select2-container .select2-selection__arrow, select[readonly].select2-hidden-accessible + .select2-container .select2-selection__clear {
    display: none;
}

/*Select2 ReadOnly End*/

#billingtransactiondetails_set-group .select2-container--default .select2-selection--single .select2-selection__rendered {
    background-color: #fff !important;
}

#billingtransactiondetails_set-group .select2-container--default[readonly]:not([readonly="false"]) .select2-selection--single .select2-selection__rendered {
    background-color: var(--darkened-bg) !important;
}

input[readonly]:not([readonly="false"]) {
    background: var(--darkened-bg);
}

.row-to-be-deleted {
    display: none;
}

label:has(input[type='radio'][readonly]:not([readonly="false"])) {
    touch-action: none;
    pointer-events: none;
    font-weight: normal;
}

.related-widget-wrapper .related-widget-wrapper-link {
    display: none;
}

.important-text {
    color: #f91414;
}

.required label, label.required, thead th.required {
    color: #f91414;
}

label:has(+ input[required]), span.required {
    color: #f91414;
    font-weight: bold;
}

span.required-info {
    color: #0072B8;
    font-weight: bold;
}

li:has(a[href="/reports/equipment-history/"]):not(.has-child){
    display: none;
}

.field-get_jso a, .field-get_rental_reservation a, .field-get_rent_resv a, 
.field-get_loc_transfer a, .field-get_work_order a, .field-file a, .link-clickable,
.link-clickable a, a.link-clickable {
    color: #fc641c !important;
    text-decoration: underline;
    cursor: pointer;
}

.link-clickable-info, .link-clickable-info a, a.link-clickable-info {
    color: #0072B8 !important;
    text-decoration: underline;
    cursor: pointer;
}

.fieldBox .change_form_background span.select2-selection__rendered {
    background-color: #f8f8f8 !important;
}

.related-widget-wrapper .change_form_background span.select2-selection__rendered {
    background-color: #f8f8f8 !important;
}

.related-widget-wrapper .change_form_background.select2-container--admin-autocomplete .select2-selection--single{
    background-color: #f8f8f8 !important;
}

input[readonly]:not([readonly="false"])[type='checkbox'], label + input[readonly]:not([readonly="false"])[type='checkbox'], input[readonly]:not([readonly="false"])[type='checkbox'] + label {
    pointer-events: none;
    color: #cac6c6;
}

textarea[readonly]:not([readonly="false"]) {
    pointer-events: none;
    background-color: #f8f8f8;
}

input[readonly]:not([readonly="false"]) + .datetimeshortcuts {
    pointer-events: none;
}

td input[readonly]:not([readonly="false"]) + .datetimeshortcuts {
    display: none;
}

input[readonly]:not([readonly="false"]) + .datetimeshortcuts a {
    color: #cac6c6;
}

select[readonly]:not([readonly="false"]) + div[title='Refresh Availability'] {
    display: none;
}

.stop-pointer-events .related-widget-wrapper select {
    pointer-events: none;
    background-color: var(--darkened-bg);
}

.stop-pointer-events [readonly]:not([readonly="false"]) + .datetimeshortcuts {
    display: none;
}

.stop-pointer-events div[title="Refresh Availability"] {
    display: none;
}

.stop-pointer-events .select2-container--admin-autocomplete .select2-selection--single {
    pointer-events: none;
    background-color: var(--darkened-bg);
}

.stop-pointer-events .select2-container--admin-autocomplete .select2-selection--single .select2-selection__arrow{
    display: none;
}

.stop-pointer-events .select2-container--admin-autocomplete .select2-selection--single .select2-selection__clear{
    display: none;
}

.required::after {
    content: "*" !important;
    font-weight: bold;
}

.custom-select2-filter .select2-selection.select2-selection--single {
    border: 1px solid var(--border-color);
}
.custom-select2-filter .select2-container--open .select2-selection.select2-selection--single {
    border: 1px solid var(--body-quiet-color);
}

.app-central_functions.model-rentalequipmentinventorycounts.change-list table#result_list thead th.column-get_rent_ready {
    background-color: #FFFF99;
}
.app-central_functions.model-rentalequipmentinventorycounts.change-list table#result_list thead {
    th.column-get_rent_ready, th.column-get_wo_when_counted {
        background-color: #FFFF99;
    } 
    th.column-get_rent_ready_now, th.column-get_wo_now {
        background-color: #B5E6A2;
    }
}
.app-central_functions.model-rentalequipmentinventorycounts.change-list table#result_list tbody {
    td.field-get_rent_ready, td.field-get_wo_when_counted {
        background-color: #FFFF99;
    } 
    td.field-get_rent_ready_now, td.field-get_wo_now {
        background-color: #B5E6A2;
    }
}
.retain-reservation, .cancel-reservation {
    width: 135px;
    height: 25px;
    font-size: 12px;
    border-radius: 5px;
}
.app-central_functions.change-form .fieldBox > div.readonly,

.app-central_functions.change-form .inline-related td.readonly,

.app-central_functions.change-form input:not([readonly="false"])[readonly],
.app-central_functions.change-form textarea:not([readonly="false"])[readonly],
.app-central_functions.change-form select:not([readonly="false"])[readonly],
.app-central_functions.change-form input[disabled],
.app-central_functions.change-form textarea[disabled],
.app-central_functions.change-form select[disabled] {
    background-color: #F5F5EF;
    color: var(--body-fg);
}

.app-central_functions.change-form select:not([readonly="false"])[readonly] + .select2 .select2-selection,
.app-central_functions.change-form select[disabled] + .select2 .select2-selection {
    background-color: #F5F5EF !important;
    color: var(--body-fg) !important;
    cursor: not-allowed;
}

.select2-dropdown--above, .select2-dropdown--below {
    width: fit-content !important;
    min-width: 214.5px !important;
}
.select2-dropdown {
    position: relative !important;
}
.select2-results ul {
    max-height: 450px !important;
    overflow-y: auto;
}
.select2-results__option {
    width: max-content !important;
    min-width: 100% !important;
}

.select2-container:has(#select2-id_rental_reservation-results) {
    display: none !important;
}