/* Last Override Date: March 18th, 2026 */
:root, [data-bs-theme=light] {
    --custom-font-heading: "Roboto", Inter, "sans-serif" !important;
    --custom-font-size-body: 15px !important;
    --btn-primary-hover: #D01117 !important;
    --danger-list-group-bg: #FEEBF0 !important;
}

body,
.menu .menu-title,
.menu-sub .menu-item .menu-link,
label,
.dxbs-edit-error-text.invalid-feedback,
#BodyPlaceHolder_BootstrapGridView1_DXHeadersRow0 .dxbs-fixed-header-content a,
#BodyPlaceHolder_OrdersGrid_DXHeadersRow0 .dxbs-fixed-header-content a,
#BodyPlaceHolder_PartsBrowseGrid_DXHeadersRow0 .dxbs-fixed-header-content a,
#BodyPlaceHolder_CartButton_lblCartItemCount,
.dxbs-fixed-header-content span,
.btn,
.dropdown-menu {
    font-size: var(--custom-font-size-body) !important;
}

h5 {
    font: 500 1.4rem/1 var(--custom-font-heading) !important;
    text-transform: none !important;
    margin-bottom: 0.7rem !important;
}

/* Disable users to click on links without a destination */
.header a[href="#"]:hover,
.header .menu-item a[href="#"] .menu-link:hover {
    cursor: not-allowed;
    text-decoration: none;
    color: gray;
}

.header a[href="#"] {
    display: none;
}

/* Adds the same styles the dropdown on the main navigation have to the single main nav links. ex. Dashboard, and Support */
body:not([data-kt-sticky-header=on]) .header .header-menu .menu > .menu-item:not(.here) > a:hover .menu-link:not(.disabled):not(.active):not(.here) .menu-title {
    color: white !important;
}

/* This is helps the footer "stick" to the bottom of the page */
form#form1 {
    height: 100%;
}

/* Main Navigation */
/* For ADMIN ONLY */
.menu-item .menu-custom-text .menu-title {
    font-size: 0.95rem !important;
    color: var(--bs-primary) !important;
    display: flex;
    align-items: center;
    flex: 0 0 100%;
    padding: 0.65rem 1rem;
    transition: none !important;
    outline: none !important;
}

/* Group Panel */
.dxbs-group-panel .card .card-body,
.dxbs-group-panel .card .card-body:last-child {
    margin-top: 0 !important;
    padding: 0.425em 0.75em !important;
    border-top: none !important;
}

.dxbs-group-panel .card .card-body a,
.card.dxbs-th .card-body a {
    color: var(--bs-primary) !important;
    padding-right: 4px !important;
}

.card.dxbs-th .card-body:last-child {
    border-top: 0px !important;
    padding: 10px !important;
    background-color: #f9f9f9 !important;
    border-radius: 12px !important;
}

.card.dxbs-th .card-body a {
    color: var(--bs-primary) !important;
    padding-right: 4px !important;
}

.card.dxbs-th .card-body:last-child {
    border-top: 0px !important;
}

/* Column Chooser */
.nav-tabs#BodyPlaceHolder_BootstrapGridView1_DXCDWindow_DXCDPageControl_TC {
    border-bottom: none !important;
}

/* Admin Customers - Makes tables inside the tables have the same attributes as the table-borderless class */
tr .table-bordered > :not(caption) > * > *,
tr .table-bordered > :not(caption) > * {
    border-width: 0 0 1px 0 !important;
}

/*
Override link color and styling globally
Location: style.bundle.css:342
*/
thead th a,
tbody td button,
tbody td .dxbs-hyperlink {
    color: #ED1C24 !important;
    font-size: 1.1rem !important;
    font-weight: 500 !important;
}

#BodyPlaceHolder_BootstrapGridView1_DXHeadersRow0 .dxbs-fixed-header-content a,
#BodyPlaceHolder_OrdersGrid_DXHeadersRow0 .dxbs-fixed-header-content a,
#BodyPlaceHolder_PartsBrowseGrid_DXHeadersRow0 .dxbs-fixed-header-content a {
    padding: calc(0.775rem + 1px) 0 !important;
}
.dxbs-fixed-header-content > span {
    color: #ED1C24 !important;
    flex-grow: 1 !important;
}

/* Preloader */
.dxbs-lp.card .card-body:last-child {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
    border-radius: 0.425rem !important;
    border-top: none !important;
    margin-top: 0 !important;
}

.dxbs-fixed-header-content .gridview-column-sort {
    padding: calc(0.775rem + 1px) 0 !important;
}

.dxbs-listbox.card .form-control {
    border-radius: 0.475rem !important;
}

.dxbs-listbox.card .input-group-prepend {
    margin-right: 6px !important;
}

.dxbs-listbox.card > .dxbs-list-filter.card-header .input-group-prepend ~ .dxbs-list-filter-edit .form-control {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
}

.dxbs-popup.modal-dialog.modal-lg#BodyPlaceHolder_ChangePasswordPopup {
    max-width: 550px !important;
}

.card .card-header {
    align-items: center !important;
}

.page-title h1,
.card-header h3 span,
.modal-header h2,
.modal-header .modal-title,
.nav-tabs#BodyPlaceHolder_BootstrapGridView1_DXCDWindow_DXCDPageControl_TC {
    font: 600 1.8rem/1 var(--custom-font-heading) !important;
    margin-bottom: 0 !important;
    text-transform: none !important;
}

.modal-body h3 {
    font: 500 1.6rem/1 var(--custom-font-heading) !important;
    text-transform: none !important;
}

.modal-body h5 a,
label a {
    color: var(--bs-primary);
}

.modal-body p {
    margin-bottom: 1.75rem !important;
    color: var(--bs-gray-600) !important;
}

.modal-body p:last-child {
    margin-bottom: 0rem !important;
}

.modal-body.dxgvCD_ColumnChooserPage {
    min-height: auto !important;
}

.modal-content .dxbs-calendar .btn-toolbar.card-footer {
    padding: 2rem 2.25rem !important;
    border-top: 1px solid #B7B7B7 !important;
}

.form-switch.form-check-solid .form-check-input:checked,
.form-check.form-check-solid .form-check-input:checked {
    background-color: var(--bs-primary) !important;
}

.form-switch.form-check-solid .form-check-input:not(:checked),
.form-check.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--bs-gray-100) !important;
}

.form-switch.form-check-solid .form-check-input:not(:checked) {
    background-color: var(--bs-gray-300) !important;
}

.form-check-input {
    margin-top: 0 !important;
}

.dxICheckBox.form-check-input {
    border-radius: 0.45em !important;
}

.dxWeb_edtCheckBoxUnchecked {
    background-image: none !important;
    background-color: var(--bs-gray-100) !important;
    border: 1px solid #B7B7B7 !important;
    border-radius: 0.45em !important;
    width: 22.75px !important;
    height: 22.75px !important;
}

.dxWeb_edtCheckBoxChecked {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e") !important;
    background-color: var(--bs-primary) !important;
    background-position: center !important;
    background-size: 60% 60% !important;
    border: 1px solid #B7B7B7 !important;
    border-radius: 0.45em !important;
    width: 22.75px !important;
    height: 22.75px !important;
}

.dxichTextCellSys label {
    font-weight: 600 !important;
    font-family: Inter, Helvetica, "sans-serif";
    padding-left: 0.5rem !important;
}

.dxbs-gridview .dxbs-cd-column-item input {
    width: 18px !important;
    height: 18px !important;
}

/* Override Date: June 24th, 2025 STARTS */
.card-header .form-text {
    font: 500 var(--custom-font-size-body)/1 Inter, Helvetica, "sans-serif" !important;
    text-transform: none !important;
    color: var(--bs-text-dark) !important;
}

/* Override Date: June 24th, 2025 ENDS */

/* 
Increase cell padding in compact tables
Location: style.bundle.css:2144
*/
table:not(table) tbody tr td {
    padding: 1rem 0.65rem !important;
}

/* 
Remove all borders from bordered tables (global reset)
Location: style.bundle.css:2145
*/
.table-bordered > :not(caption) > * {
    border-width: 0 0 1px 0 !important;
}

/* 
Only show bottom borders on table cells
Location: style.bundle.css:2152
*/
.table-bordered:not(table table) > :not(caption) > * > * {
    border-width: 0 !important;
}

/* 
Remove top border on all but the first row in borderless tables
Location: style.bundle.css:2155 
*/
.table-borderless > :not(:first-child) {
    border-width: 0 !important;
}

/*
Set base font weight for all cards
Location: style.bundle.css:4656
*/
.card {
    font-weight: 500 !important;
}

/* 
Adjust padding only for card headers
Location: style.bundle.css:34146
*/
.card .card-header {
    padding: 0 1.25rem !important;
    /* only padding changed */
}

/***** New CSS rules created *****/
.card .card-header .card-title {
    margin-bottom: 0 !important;
}

.card .card-body:first-child {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

/* For Column Chooser (Located in /Admin/Users)*/
.card.card-body.dxbs-cd-column-item:first-child {
    padding: 0.8em !important;
}

.card.card-body.dxbs-cd-column-item:last-child {
    padding: 0.8em !important;
    margin-top: 0 !important;
}

/* For pagination */
.card .card-body:last-child {
    border-top: 1px solid #B7B7B7 !important;
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
    margin-top: 1.5rem !important;
}

.dxbs-calendar .calendar-view > .card-header {
    flex-wrap: nowrap !important;
    padding: 0 !important;
    min-height: auto !important;
}

/* Bolder links inside table headers */
thead tr th a,
thead tr th span {
    font-weight: 600 !important;
}

/* Remove vertical padding for first header row */
table:not(table) thead tr:first-child th,
table:not(table) thead tr:last-child td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* Rounded corners on the first and last header columns */
thead tr th:first-child {
    border-bottom-left-radius: 0.475rem !important;
    border-top-left-radius: 0.475rem !important;
}

thead tr th:last-child {
    border-bottom-right-radius: 0.475rem !important;
    border-top-right-radius: 0.475rem !important;
}

thead tr {
    border-bottom: transparent !important;
}

thead > tr:first-child {
    background-color: #F3F3F3 !important;
}

thead tr:last-child {
    padding-top: 1rem !important;
}


/* Add vertical padding around input groups inside table rows */
tr .input-group,
tr.dxbs-filter-row td > div > div.dxbs-textbox > div {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}

.input-group .dxbs-input-cntr .form-control {
    border-right: 0 !important;
}

/* Gives spacing to "Edit", "Delete", etc. */
tbody .btn.btn-link.dxbs-button {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}

/* Round image corners in table body */
tbody img {
    border-radius: 0.475rem !important;
}

/* Hide the border on the last row — separation will come from the pagination section */
tbody tr:last-child {
    border-bottom: transparent !important;
}

/* BUTTONS - Custom styling for buttons & dropdown buttons (edit and general use) */
.btn.btn-link.dxbs-button.icon-only,
.dxbs-popup .modal-header .close-btn {
    color: #333 !important;
    font-size: 16px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    border-radius: 7px !important;
    height: calc(1.5em + 1.1rem + 2px) !important;
    width: calc(1.5em + 1.1rem + 2px) !important;
    transition: color 0.2s ease-in-out, background-color 0.15s ease-in-out !important;
}

.btn.btn-link.dxbs-button.icon-only:hover,
.dxbs-popup .modal-header .close-btn:hover {
    color: var(--bs-primary) !important;
    background-color: var(--bs-secondary-hover) !important;
}

td .image.far.fa-copy,
td .image.fa-solid.fa-envelope,
td .image.fa-solid.fa-user-lock,
td .image.fa-solid.fa-gear {
    color: var(--bs-primary) !important;
}

.dxbs-icon {
    top: 0 !important;
}

.dxChrome .dxbs-popup a:not(.close-btn):focus:after {
    outline: 0 !important;
}

.dxbs-toolbar > .btn-group {
    margin-bottom: 0.5rem !important;
}

.dxbs-gridview > .btn-toolbar:first-of-type {
    margin-bottom: 0.5em !important;
}

tr .input-group {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

/* z-index for inputs / It would land on top of the dropdown before */
.input-group .btn,
.dxbs-spin-edit .dxbs-feedback:not(.dxbs-spin-btn-group) > span,
.dxbs-spin-edit input.form-control + .dxbs-feedback {
    z-index: 1 !important;
}

.btn.btn-link .dxbs-icon {
    color: var(--bs-primary) !important;
}

.btn.btn-primary.dxbs-button {
    .dxbs-spin-edit input.form-control + .dxbs-feedback font-family: var(--bs-font-play) !important;
    font-weight: 700 !important;
    --bs-btn-font-size: 1.231rem !important;
}

/*
Style 'link' buttons to match global link color
Location: style.bundle.css:34559
*/
.btn.btn-link {
    color: var(--bs-primary) !important;
}

input:disabled{margin-bottom:0.5rem !important;}
.dxbs-dropdown-edit input:disabled{margin-bottom:0rem !important;}

.input-group .form-control,
.dxbs-input-cntr .form-control,
.dxbs-textbox .form-control,
.dxbs-spin-edit .form-control,
.dxbs-button-edit .form-control,
.dxbs-memo .form-control,
.form-check-input {
    background-color: #f9f9f9 !important;
    border: 1px solid #B7B7B7 !important;
}
.form-control[disabled] {
    background-color: #D6D6D6 !important;
    border-color: #B3B3B3 !important;
}

.dxbs-memo .form-control {
    height: auto;
}

.dxbs-edit-btn.btn.btn-secondary.dropdown-toggle,
.btn.btn-secondary.dropdown-toggle {
    background-color: #555 !important;
    border: 1px solid #555 !important;
    border-left: 0 !important;
    transition: background-color 0.15s ease-in-out !important;
    padding: 10px 14px 4px !important;
}

.btn.btn-secondary.dropdown-toggle:after {
    color: #fff !important;
    font-size: 16px !important;
}

.btn-group .btn.btn-secondary {
    color: #222 !important;
    background-color: #fff !important;
    border: 1px solid #B7B7B7 !important;
    transition: background-color 0.15s ease-in-out !important;
}

.btn-group .btn.btn-secondary:hover {
    background-color: #F5F5F5 !important;
}

.btn-group:last-child .btn.btn-secondary {
    color: #fff !important;
    background-color: #C59A00 !important;
    border-color: #C59A00 !important;
}

/* For toolbar buttons that are inside a table within a table */
tr td .btn-group:last-child .btn.btn-secondary {
    color: #333 !important;
    background-color: transparent !important;
    border: 1px solid #B7B7B7 !important;
}

tr td .btn-group:last-child .btn.btn-secondary:hover {
    background-color: #F5F5F5 !important;
}

/* For every other tr(row) in a table within a table */
tr td tr:nth-child(2n):not(.dxbs-filter-row):not(.dxbs-dropdown-area tr) {
    background-color: #FBFBFB !important;
}

/* For dropdowns with tables within */
.dxbs-dropdown-area tr {
    font-weight: 400;
    color: var(--bs-dropdown-link-color);
    background-color: transparent;
}
.dxbs-dropdown-area thead > tr:first-child {
    background-color: #fff !important;
}
.dxbs-dropdown-area .table-bordered > :not(caption) > * > *,
.dxbs-dropdown-area .table-bordered > :not(caption) > * {
    border-width: 0 !important;
}
.table-hover > tbody > tr:hover > * {
    background-color: var(--bs-dropdown-link-active-bg);
}
.dxbs-dropdown-area .table-hover > tbody > tr:hover > * {
    --bs-table-bg-state: #ececec;
}
.dxbs-dropdown-area .table-active {
    --bs-table-bg-state: #d9d9d9;
}
.dxbs-dropdown-area tr.table-active,
.dxbs-dropdown-area tr.table-active:hover {
    --bs-table-bg-state: var(--bs-primary) !important;
    --bs-table-color-state: #fff !important;
}
.dxbs-dropdown-area .table-sm > :not(caption) > * > * {
    padding: 0.5rem 0.65rem;
}

.dxbs-dropdown-edit.dxbs-combobox {
    width: 100%;
}

.btn.btn-success,
.btn .btn-primary {
    background-color: var(--bs-primary) !important;
    transition: background-color 0.2s ease-in-out !important;
}

.btn.btn-success:hover:not(.btn-active),
.btn.btn-primary:hover:not(.btn-active),
.btn.btn-success:focus:not(.btn-active) {
    background-color: var(--btn-primary-hover) !important;
}


span.card-label {
    margin-bottom: 0px !important;
}

/* Tabs */
.nav-line-tabs .nav-item .nav-link {
    color: #222 !important;
    background-color: #fff !important;
    border: 1px solid #B7B7B7 !important;
    padding: 1rem 1.25rem !important;
    margin: 0 0.25rem !important;
}

.nav-line-tabs .nav-item .nav-link.active {
    border-color: var(--bs-primary) !important;
    background-color: var(--bs-primary) !important;
    color: #fff !important;
    font-weight: 500 !important;
}
/* Fixed Select/Dropdown ul & li spacing issues. Model Year in Trailer section of DYN for ex. */
.main-sidebar__wrapper ul.list-group {
    padding-left: 0;
}

ul.list-group li {
    margin-bottom: 0;
}

.dxpnlControl .main-sidebar__pagination {
    font-weight:400 !important;
    font-family: Inter, Helvetica, "sans-serif" !important;
}

/* Parts Screens */
#BodyPlaceHolder_CartButton_lnkCart {
    color: #fff !important;
    background-color: var(--bs-primary) !important;
    transition: background-color 0.2s ease-in-out !important;
}

#BodyPlaceHolder_CartButton_lnkCart:hover {
    background-color: #D01117 !important;
}

#BodyPlaceHolder_CartButton_lblCartItemCount {
    color: #fff !important;
}

span.bg-primary {
    border: solid 1px #fff !important;
}
.form-select.form-select-sm.w-auto.cart-qty-select.d-inline {
    font-size: var(--custom-font-size-body) !important;
    border: 1px solid #B7B7B7 !important;
    border-radius: 0.45em !important;
}

/* List Items */
.list-group-item-danger {
    background-color: var(--danger-list-group-bg) !important;
}

.red-link {
    color: var(--bs-primary) !important;
}