select[readonly] { pointer-events: none; }

.container-fluid.loading .loading-spinner { z-index: 1000; }
.container-fluid:not(.loading) .loading-spinner { display: none !important; }
.container-fluid.loading > *:not(.loading-spinner) { opacity: .7; pointer-events: none; }
.loading.position-absolute { background: rgb(255 255 255 / 50%); }
[data-color-scheme="dark"] .loading.position-absolute { background: rgb(41 48 66 / 50%); }

.login-logo { max-width: 200px; margin-left: 25px; }
.contacts-list th.phone-ext,
td[data-field-name="phoneExt"] { max-width: 85px; }
.contacts-list th.email,
td[data-field-name="email"] { width: 20%; }
.products-collection select { pointer-events: none; }
.attendance .timecamp-users td.status,
.timecamp-users td.status-time,
.timecamp-users td.name { white-space: nowrap; }
.attendance .timecamp-users td.task { width: 100%; }

#client_notes_row_notes_notes { font-size: 1.2em; }

/* Form view */
.view input[type="text"][disabled],
.view input[type="number"][disabled],
.view input[type="checkbox"][disabled]:not([checked]),
.view textarea[disabled],
.view .form-control:disabled,
.view .form-control[readonly],
.view select[disabled] { border: none; background: transparent; color: var(--bs-body-color); padding-left: 0; }
.view .field-wrapper label { font-weight: 600; }
.view .field-wrapper label::after { display: none; }

/* The customer wants to hide these groups */
.attendance [data-group-id="169043"],
.attendance [data-group-id="607149"],
.attendance [data-group-id="633277"] { display: none !important; }
.attendance .card.user { border: 1px; border-left-width: 6px !important; border-style: solid; }

.purchase .items-list { flex-basis: 0; overflow-y: auto; }
.purchase .items-list + .card-body { flex-grow: 0; }
.purchase .items-list::-webkit-scrollbar { width: 7px; }
.purchase .items-list::-webkit-scrollbar-thumb { background-clip: content-box; background-color: var(--bs-gray-200); border-radius: 10px; }
.purchase .items-list::-webkit-scrollbar-track { background-color: var(--bs-body-bg); border-radius: 10px; }
.purchase .items-list .item { cursor: pointer; }
.purchase .items-list .item:not(.loading):hover, .purchase .items-list .item.hover-related-items { background: var(--bs-light) !important; }
.purchase .items-list .item:last-child { margin-bottom: 0 !important; }
.purchase .items-list .item.loading { opacity: .7; cursor: default; pointer-events: none; }
.purchase .items-list .item .alerts { gap: 5px; }
.purchase .column { min-width: 230px; }
.purchase .column .card-header { user-select: none; }
.purchase .column[data-column-type="to_order"] .items-list .item:not([data-has-buyer-notes], [data-is-snoozed]) .dispatch { display: inline-block !important; }
.purchase .column[data-column-type="other"] .items-list .item.checked,
.purchase .column[data-column-type="other"] .items-list .item.checked:hover { background: rgb(240 120 35 / 15%) !important; border-color: rgb(240 120 35 / 15%) !important; }
.purchase .column[data-column-type="other"] .items-list .item input { display: inline-block !important; margin-top: .1rem; }
.purchase .column[data-column-type="supplier"] .items-list .item .refresh { display: inline-block !important; }
.purchase .column [data-subtotal]::before { content: attr(data-subtotal); }

.purchase .column .item .checkbox { cursor: default; }
.purchase .column .item input[disabled] { opacity: .4; }
.purchase .column .item[data-is-license] .license-badge { display: block !important; }

.purchase.scrollable { width: calc(100% + 80px); padding: 0 calc(40px - (var(--bs-gutter-x) *.5)); padding-bottom: 10px; margin-left: -40px; margin-bottom: -10px; overflow-x: auto; }
.purchase.scrollable::-webkit-scrollbar { height: 7px; }
.purchase.scrollable::-webkit-scrollbar-button { width: 20px; background: transparent; }
.purchase.scrollable::-webkit-scrollbar-thumb { background-color: var(--bs-gray-200); background-clip: content-box; border-radius: 5px; }
/* stylelint-disable */
.purchase.scrollable::-webkit-scrollbar-track { background-color: rgba(var(--bs-light-rgb), .9); border-radius: 5px; }
/* stylelint-enable */

table.small-table tbody tr.table-danger:nth-child(odd) { background-color: var(--bs-table-striped-bg) !important; }
table.small-table tbody tr.table-danger { background-color: var(--bs-table-bg) !important; }

.modal table, table.small-table { border-collapse: separate; border-spacing: 0; }
.modal table td, table.small-table td,
.modal table th, table.small-table th { padding: .5rem; vertical-align: bottom; }
.modal table:not(.unselectable) tbody tr:not(.disabled) { cursor: pointer; }
.modal table tbody tr:nth-child(odd), table.small-table tbody tr:nth-child(odd) { background-color: rgb(var(--bs-body-bg-rgb)) !important; }
.modal table:not(.unselectable) tbody tr:hover { background: var(--bs-light) !important; }
.modal table tbody tr td:first-of-type, table.small-table tbody tr td:first-of-type { border-top-left-radius: .3rem; border-bottom-left-radius: .3rem; }
.modal table tbody tr td:last-of-type, table.small-table tbody tr td:last-of-type { border-top-right-radius: .3rem; border-bottom-right-radius: .3rem; }
.modal table tbody tr.checked { background: rgb(240 120 35 / 15%) !important; border-radius: .3rem; }
.modal table:not(.unselectable) tbody tr.checked { background: rgb(240 120 35 / 15%) !important; border-radius: .3rem; }
.modal table:not(.radios) tbody tr:nth-child(odd).checked { background: rgb(240 120 35 / 20%) !important; }
.modal table .number,
.modal table .product-number { width: 150px; }
.modal table .input { width: 25px; }
.modal table .quantity { width: 75px; }
.modal table .quantity-received, .modal table .quantity-to-order { width: 100px; }
.modal table .price,
.modal table .subtotal,
.modal table .profit { width: 100px; }
.modal table .reception-price, .modal table .price-difference { width: 125px; }
.modal table input[type="number"]::-webkit-outer-spin-button,
.modal table input[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0; }
.modal table.suppliers-table .price, .modal table.suppliers-table .profit, .modal table.suppliers-table .eta { max-width: 100px !important; }
.modal table.suppliers-table td:not(.description) { width: 1%; white-space: nowrap; }
.modal table.suppliers-table td.description { width: 100%; max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.modal table.suppliers-table td.description:hover { overflow: visible; white-space: normal; }
.modal table.suppliers-table tr.disabled td { opacity: 0.65; }
.modal table.suppliers-table tr.disabled td strong { color: unset; font-weight: 400; }
.modal table.suppliers-table tr.other td.description { width: 1%; }
.modal table.suppliers-table tr.other td.supplier { width: auto; }
.modal table.suppliers-table tr.other .price { max-width: unset !important; }
.modal table.suppliers-table tr.other .price input { width: 75px; }
.modal table.suppliers-table .input-group { flex-wrap: nowrap; }
.modal table.suppliers-table [data-total-quantity]::before { content: attr(data-total-quantity); }
.modal table.suppliers-table [data-quantity-to-order]::before { content: attr(data-quantity-to-order); }
.modal table .invalid-feedback { display: block; }
.modal table tr, table.small-table tr,
.modal table td, table.small-table td,
.modal table th, table.small-table th { border: none !important; }
.modal table [disabled] { background: transparent; border: none; padding: 0; color: var(--bs-body-color); }
.modal table [disabled] + span.input-group-text { border: none; background: transparent; color: var(--bs-body-color); }
.modal table td, table.small-table td { vertical-align: middle !important; box-shadow: inherit; }
.modal .suppliers-form h4 { margin-bottom: -15px !important; }
.modal .price-infos { font-size: .95em; }

.modal .nav-item { margin: 0 2px; }
.modal .nav-tabs { background-color: rgb(var(--bs-light-rgb)); user-select: none; }
.modal .nav-tabs a { margin-bottom: 0; transition: none; }
.modal .nav-tabs a:not(.active) { color: var(--bs-gray-700); background-color: rgb(var(--bs-body-bg-rgb)); }
.modal .nav-tabs .badge.bg-danger { height: 17px; margin-top: 2px; margin-left: 8px; }

.modal .alert-icon,
.modal .alert-message { padding: .5rem; }

.modal-xxl { --bs-modal-width: 1600px; }

.office-addresses-list table thead tr th:first-of-type,
.suppliers-list table thead tr th:first-of-type { width: 50px; }
.suppliers-list table thead tr th:nth-child(2) { width: 100px; }
.suppliers-list table thead tr th:nth-child(3) { width: 150px; }

#order-modal table tr,
#order-modal table td,
#order-modal table th { border: none !important; }
#order-modal table [disabled],
#order-modal table [readonly] { background: transparent; border: none; padding: 0; color: var(--bs-body-color); }
#order-modal table td { vertical-align: middle !important; box-shadow: inherit; }
#order-modal table tbody tr:hover,
#receive-items-modal table tbody tr:hover,
#delay-eta-items-modal table tbody tr:hover,
#logs-history-modal table tbody tr:hover { cursor: default; }
#order-modal table > tbody > tr:nth-of-type(odd) { --bs-table-accent-bg: var(--bs-body-bg-rgb) !important; }
#order-modal table tbody td:last-of-type { width: 40px; }
#order-modal table tbody td:last-of-type button { padding: 2px 5px; font-size: .8em; }
#order-modal table tbody td:last-of-type .fa-trash::before { content: "\f00d"; }
#order-modal .quantity,
#order-modal .price,
#order-modal .subtotal { text-align: right; }
#order-modal [data-field-name="quantity"] input,
#order-modal [data-field-name="price"],
#order-modal [data-field-name="subtotal"] { text-align: right; }
#order-modal .field-wrapper.number input { background: transparent !important; }
#order-modal .order-total .label { font-weight: bold; color: var(--bs-table-color); }
#order-modal .order-total .value { font-size: 1.3em; }

#receive-items-modal [data-field-name="comments"] textarea { width: 100%; min-width: 250px; text-overflow: ellipsis; overflow: hidden; resize:none; }
#receive-items-modal [data-field-name="price_difference"] input { max-width: 130px; }

#acomba-order-modal table .price,
#acomba-order-modal table .quantity,
#acomba-order-modal table .subtotal,
#acomba-order-modal table .profit { text-align: right; }
#acomba-order-modal table tfoot .total td { text-align: right; font-weight: bold; }
#acomba-order-modal table tr:hover { cursor: default; }

[data-column-name="purchaseOrdersItemsReceived"] { width: 50px; }

[data-collection-name="warehouses"] thead th.enabled,
[data-collection-name="warehouses"] thead th.favorite { width: 60px; }
[data-collection-name="warehouses"] thead th.free-shipping-threshold,
[data-collection-name="warehouses"] thead th.shipping-costs { width: 200px; }
[data-collection-name="warehouses"] thead th.priority,
[data-collection-name="warehouses"] tbody td[data-field-name="priority"] { display: none; }
[data-collection-name="warehouses"] thead th:last-child,
[data-collection-name="warehouses"] tr:not(.empty) td:last-child { display: none; }
[data-collection-name="warehouses"] input[disabled]:not([type="checkbox"]) { border: none; background: transparent; color: var(--bs-body-color); }
[data-collection-name="warehouses"] input[type="number"]::-webkit-outer-spin-button,
[data-collection-name="warehouses"] input[type="number"]::-webkit-inner-spin-button { appearance: none; margin: 0; }

[data-collection-name="productNumbers"] thead th.enabled,
[data-collection-name="subSkills"] thead th.enabled,
[data-collection-name="subSkills"] thead td:last-of-type,
[data-collection-name$="UserSkills"] thead td:last-of-type { width: 60px; }
[data-collection-name$="UserSkills"] thead th.skill { width: 300px; }
[data-collection-name="subSkills"] thead th.sla { width: 175px; }
[data-collection-name="subSkills"] thead th.estimated-hours { width: 175px; }
[data-collection-name="subSkills"] thead th.users { width: 200px; }

form[name="sub_skill_user_collection"] [data-collection-name="users"] thead { display: none; }
form[name="sub_skill_user_collection"] [data-collection-name="users"] tbody td:last-of-type { width: 60px; }
[id^="select2-sub_skill_user_collection_users"] li[aria-disabled="true"] { display: none; }

#sub-skill-users-modal .select2.select2-container { width: 100% !important; }
#transfer-modal .field-wrapper.manual-order { margin-left: auto; margin-bottom: 0 !important; }

th.sort,
td.sort { width: 40px; }
td.sort { cursor: grab; }
td.sort i { display: flex; justify-content: center; width: 100%; height: 100%; font-size: 1.2em; }

.item .alerts { flex-direction: row-reverse; cursor: default; }
.item .alerts .alert-wrapper { display: flex; justify-content: flex-start; z-index: 100; }
.item .alerts .alert-wrapper.left { display: flex; justify-content: flex-end; }

.item .alerts .alert-icon { display: flex; align-items: center; justify-content: center; height: 13px; width: 13px; position: relative; margin: 0; padding: 0; border-radius: 50%; box-shadow: 0 0 0 0 rgb(0 0 0 / 100%); color: white; font-size: .7em; transform: scale(1); z-index: 10; }
.item .alerts .info .alert-icon { background: rgb(52 172 224 / 100%); box-shadow: 0 0 0 0 rgb(52 172 224); animation: pulse-blue 2s infinite; }
.item .alerts .error .alert-icon { background: rgb(255 82 82 / 100%); box-shadow: 0 0 0 0 rgb(255 82 82); animation: pulse-red 2s infinite; }
.item .alerts .warning .alert-icon { background-color: rgb(255 177 66 / 100%); box-shadow: 0 0 0 0 rgb(255 177 66); animation: pulse-yellow 2s infinite; }
.item .alerts .alert-wrapper .alert-message { width: auto; height: auto; max-width: 0; max-height: 0; position: absolute; z-index: 1; overflow: hidden; margin-top: -17.5px; margin-left: -5px; padding: 0 0 1px; opacity: 0; pointer-events: none; }
.item .alerts .alert-wrapper.left .alert-message { margin-right: -13px; direction: rtl; }
.item .alerts .alert-wrapper.left .alert-message span.text { margin-right: 8px; padding-left: 7px; padding-right: 23px; }
.item .alerts .alert-wrapper.left .alert-message > div { display: inline-block; direction: ltr; }
.item .alerts .alert-message span.text { width: 266px; height: fit-content; padding: 3px 7px 3px 24px; border-radius: 10px; font-size: .76em; line-height: 1.2; color: #fff; z-index: 1; white-space: nowrap; }
.item .alerts .info .alert-message span.text { background: rgb(121 196 234); }
.item .alerts .error .alert-message span.text { background: rgb(255 128 127); }
.item .alerts .warning .alert-message span.text { background: rgb(255 198 125); }
.item .alerts .alert-wrapper:hover { z-index: 1000; }
.item .alerts .alert-wrapper:hover .alert-message { max-width: 750px; max-height: 70px; opacity: 1; transition: max-width .7s ease, max-height .5s ease, opacity .5s ease; }

.item .icons { margin-right: 2px; }
.item:not([data-is-snoozed]) .icons .snooze { display: none; }
.item:not([data-is-snoozed]) .actions a.unsnooze { display: none; }
.item[data-is-snoozed] .actions a.snooze { display: none; }
.item[data-is-snoozed] .checkbox { display: none; }
.item .actions a { position: relative; }

.item i.fa-split svg { fill: var(--bs-success); }
.item[data-related-items="[]"] i.fa-split { display: none !important; }

.api-status.available { color: var(--bs-success); }
.api-status.unavailable { color: rgb(255 82 82 / 100%); }
/* stylelint-disable */
.bg-ordered { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }
.bg-backorder { background: rgb(52 172 224 / 100%) !important; }
.bg-received { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }
.bg-canceled { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }
.bg-late { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }
.bg-new { --bs-bg-opacity: 1; background: rgb(206, 213, 216) !important; color: black; }
.bg-cart { background: rgb(31, 122, 161) !important; }
/* stylelint-enable */
.fa-exclamation::before { content: "\f12a" !important; }

.fa-add::before,
.fa-plus::before { content: "\f067"; }

table tbody.tab-pane { display: none; }
table tbody.tab-pane.active { display: table-row-group; }

form[name="purchase_order"] [data-collection-name="items"] th.product,
form[name="purchase_order"] [data-collection-name="items"] td[data-field-name="product"] { display: none; }
form[name="purchase_order"] [data-collection-name="items"] table th.product-number { width: 200px; }
form[name="purchase_order"] [data-collection-name="items"] table th.price { width: 150px; }
form[name="purchase_order"] [data-collection-name="items"] table th.quantity { width: 100px; }
form[name="purchase_order"] [data-collection-name="items"] table th.subtotal { width: 125px; text-align: right; }
form[name="purchase_order"] [data-collection-name="items"] table tbody td:last-of-type { width: 40px; }
form[name="purchase_order"] [data-collection-name="items"] td[data-field-name="subtotal"] { vertical-align: middle !important; text-align: right; }

[data-collection-name="items"] tfoot .total,
#purchase-order-items tfoot .total { text-align: right; font-weight: bold; font-size: 1.2em; }
[data-collection-name="items"] tfoot tr td,
#purchase-order-items tfoot tr td { border: none !important; }

#purchase-order-items .product-number { width: 150px; }
#purchase-order-items .quantity { width: 50px; }
#purchase-order-items .price,
#purchase-order-items .subtotal { width: 125px; text-align: right; }

i.fa-solid.fa-split svg { width: 13px; height: 13px; }

#technicians-center table thead th.sort-asc div::after { content: "▴"; margin-left: 6px; font-size: 1.2em; }
#technicians-center table thead th.sort-desc div::after { content: "▾"; margin-left: 6px; font-size: 1.2em; }
#technicians-center table tbody tr:hover { cursor: default; }
#technicians-center table tbody tr[data-id] { display: none; }
#technicians-center table tbody tr.d-none { display: none !important; }
#technicians-center table td.table-action { width: 1%; white-space: nowrap; }
#technicians-center.filter-company-bgm table tbody tr[data-company="BGM"] { display: table-row; }
#technicians-center.filter-company-bgm-securite table tbody tr[data-company="BGM SECURITE"] { display: table-row; }
#technicians-center.filter-company-bgm-telecom table tbody tr[data-company="BGM TELECOM"] { display: table-row; }
#technicians-center table [data-column-name="snooze_date"] { display: none; }
#technicians-center #tab-snooze table [data-column-name="snooze_date"] { display: table-cell; }
#technicians-center table tbody tr.odd > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }
#technicians-center .tab .badge[data-count]:not([data-count=""]) { display: inline-block !important; }
#technicians-center .tab .badge[data-count]::before { content: attr(data-count); }
#technicians-center table tbody tr.table-danger.odd > * { color: unset; }

form[name="servex_call"] .field-wrapper.hidden-from-technician-center { margin-bottom: 0 !important; }

@keyframes pulse-red {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(255 82 82 / 70%);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgb(255 82 82 / 0%);
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(255 82 82 / 0%);
	}
}

@keyframes pulse-blue {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(52 172 224 / 70%);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgb(52 172 224 / 0%);
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(52 172 224 / 0%);
	}
}

@keyframes pulse-yellow {
	0% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(255 177 66 / 70%);
	}

	70% {
		transform: scale(1);
		box-shadow: 0 0 0 5px rgb(255 177 66 / 0%);
	}

	100% {
		transform: scale(.95);
		box-shadow: 0 0 0 0 rgb(255 177 66 / 0%);
	}
}

.backorder tbody.rows-group-header a { width: 100%; display: block; }
.backorder tbody.rows-group-header i::before { content: "\f106"; }
.backorder tbody.rows-group-header [aria-expanded="true"] i::before { content: "\f107"; }

.backorder table tbody { border-top: none; }
.backorder table tbody tr:hover { cursor: pointer; }
.backorder table tbody.rows-group-header:not(:first-of-type) tr td { padding-top: 10px; }
.backorder table tbody.rows-group-header tr td { box-shadow: inherit; border-bottom: 2px solid var(--bs-border-color); margin-bottom: 10px; }
.backorder table tbody.rows-group-header h5 { margin-bottom: 0; }
.backorder table tbody.rows-group-header a { padding: 20px 0 15px !important; }
.backorder table tbody.rows-group-header a:hover { text-decoration: none; }
.backorder table tbody.rows-group-header:first-of-type a { padding-top: 10px !important; }
.backorder table tbody.collapsing { transition: none; display: none; }
.backorder table thead th,
.backorder table tbody td { border: none; }

.backorder table thead th.order-number { width: 105px; }
.backorder table thead th.acomba-order-number { width: 100px; }
.backorder table thead th.eta { width: 100px; }
.backorder table thead th.quantity { width: 50px; }
.backorder table thead th.description { width: auto; }

.tab.backorder .nav-tabs .tab-ordered { margin-left: auto; margin-right: 0 !important; }
.tab.backorder .nav-tabs .nav-link { background-color: var(--bs-gray-300); }
.tab.backorder .nav-tabs .nav-link.active { background-color: var(--bs-white); color: var(--bs-secondary); }
.tab.backorder .nav-tabs li a { max-height: 100%; }

#backorder-search { max-width: 200px; margin-left: auto; }

.sales-history .field-wrapper i { left: 22px; top: 7px; font-size: 1.2em; }
.sales-history .field-wrapper select { padding-left: 32px; }
.sales-history table th.supplier-number { width: 100px; }
.sales-history table th.ordered-quantity { width: 135px; }
.sales-history table th.purchase-percentage { width: 100px; }

.account-director-search-container > input,
.account-director-search-container > select { width: auto; }

.account-director th.quote-number { width: 120px; }
.account-director td.action { white-space: nowrap; }
.account-director td.action a { text-decoration: none; }

.service-types-list table th[data-column-name="default"] { width: 1%; white-space: nowrap; font-size: 0; }

.field-wrapper.max-date .invalid-feedback { display: block; }

.collect-folders tr td { cursor: default; }
.collect-folders thead th.sort-desc div::after { content: "▾"; margin-left: 6px; font-size: 1.2em; }
.collect-folders tbody tr:nth-child(odd) > * { --bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }
.collect-folders .status { display: none !important; }
form[name="client"] .collect-folders th.sort-desc div::after { content: none !important; }
form[name="client"] .collect-folders .status { display: table-cell !important; }
#tab-snooze .collect-folders .snooze-date { display: table-cell !important; }
#collect-actions-modal .fs-6 { font-size: .725rem !important; }
#collect-actions-modal .actions-list { max-height: 55vh; overflow: auto; }
#collect-actions-modal .action-row.cc label[for="cc"],
#collect-actions-modal .action-row.cc .select2 { display: block; }
#collect-actions-modal .action-row label[for="cc"],
#collect-actions-modal .action-row .select2 { display: none; }
#collect-actions-modal thead { position: sticky; top: 0; background: var(--table-row-head-bg); }
#collect-actions-modal[data-module-source="client"] .action-form,
#collect-actions-modal[data-module-source="client"] .btn.submit,
#collect-actions-modal[data-module-source="client"] .links-wrapper .yzabel-client { display: none; }