/* /Pages/CarList.cshtml.rz.scp.css */
/* Base Table Styling */
.car-list-container[b-hk5lyqtxkm] {
    max-width: 700px;
    margin: 30px auto;
    padding: 20px;
    border-radius: 10px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    font-family: Arial, sans-serif;
    position: relative;
    overflow: visible;
}
/* Properly Aligned Blue and Silver Glow */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.car-list-container[b-hk5lyqtxkm]::after, .car-list-container[b-hk5lyqtxkm]::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: conic-gradient(from var(--angle),transparent 70%,aqua);
    z-index: -1;
    opacity: 0.8;
    padding: 1px;
    border-radius: 10px;
    animation: 5s spin-b-hk5lyqtxkm linear infinite;
}

.car-list-container[b-hk5lyqtxkm]::before {
    filter: blur(1.5rem);
    opacity: 0.5;
}

/* Smooth Pulsing Glow Animation */
@keyframes spin-b-hk5lyqtxkm {
    from {
        --angle: 0deg;
    }

    to {
        --angle: 360deg;
    }
}

.car-list[b-hk5lyqtxkm] {
    width: 100%;
    border-collapse: collapse;
    table-layout: auto; /* Allow normal layout for larger screens */
}

.car-list td[b-hk5lyqtxkm] {
    padding: 8px;
    text-align: center;
    border-bottom: 1px solid #ddd;
    white-space: nowrap; /* Prevent wrapping on larger screens */
    overflow: hidden;
    text-overflow: ellipsis; /* Truncate text if it's too long */
}

/* Alternating Rows */
.car-list tr:nth-child(odd)[b-hk5lyqtxkm] {
    background-color: #ffffff; /* White */
}

.car-list tr:nth-child(even)[b-hk5lyqtxkm] {
    background-color: #e6ffe6; /* Light green */
}

/* Damaged Rows: Red text and bold */
.car-list tr.damaged td[b-hk5lyqtxkm] {
    color: red;
    font-weight: bold;
}
.car-list .remove-button[b-hk5lyqtxkm] {
    border: none;
    outline: none;
    background: none;
}
remove-button[b-hk5lyqtxkm] {
    color:red;
}
/* Submit Button */
.submit-button[b-hk5lyqtxkm] {
    background-color: #28a745;
    color: white;
    font-weight: bold;
    border: none;
    border-radius: 5px;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 14px;
    transition: background-color 0.3s ease, transform 0.1s ease;
    
}

    .submit-button:hover[b-hk5lyqtxkm] {
        background-color: #218838;
        transform: scale(1.05); /* Slight scale-up effect */
    }

    .submit-button:active[b-hk5lyqtxkm] {
        background-color: #1e7e34;
        transform: scale(0.95); /* Slight scale-down effect */
    }
/* Header Row: Align Title and Back Button */
.header-row[b-hk5lyqtxkm] {
    display: flex;
    justify-content: space-between; /* Space between header and back button */
    align-items: center;
    margin-bottom: 10px;
}

/* Back Button Styling */
.back-button[b-hk5lyqtxkm] {
    font-size: 3rem; /* Make icon size larger */
    color: black; /* Match other buttons */
    text-decoration: none; /* Remove underline */
    transition: color 0.3s ease;
}

    .back-button:hover[b-hk5lyqtxkm] {
        color: #0056b3; /* Darker blue on hover */
        transform: scale(1.1); 
    }

/* Responsive Styling for Smaller Screens */
@media (max-width: 600px) {
    .car-list tr[b-hk5lyqtxkm] {
        flex-direction: column; /* Stack each cell vertically */
        margin-bottom: 10px; /* Add space between rows */
    }

    .car-list td[b-hk5lyqtxkm] {
        width: 100%; /* Each cell takes full width */
        padding: 4px 0;
    }

        .car-list td[b-hk5lyqtxkm]::before {
            content: attr(data-label); /* Add a label to each cell */
            font-weight: bold;
            display: inline-block;
            margin-right: 10px;
        }
}
/* /Pages/Login.cshtml.rz.scp.css */

.menu[b-9n4si8eaqz] {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: beige; /* Light background color */
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); /* Soft shadow for depth */
}

.logo-container[b-9n4si8eaqz] {
    display: grid;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
    padding: 20px;
}

.logo[b-9n4si8eaqz] {
    width: 400px;
    height: auto;
    margin-right: 10px;
}

th[b-9n4si8eaqz], td[b-9n4si8eaqz] {
    padding: 8px; 
    border: 1px solid #ddd;
    text-align: left;
}

h2[b-9n4si8eaqz] {
    margin-top: 0;
    text-align: center;
}
.btn btn-primary[b-9n4si8eaqz]{

    margin-top: .5rem;
}
img[b-9n4si8eaqz] {
    max-width: 100%; /* Ensures the image doesn't overflow its container */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Removes inline padding/margin issues */
}

/* /Pages/Menu.cshtml.rz.scp.css */
.menu-container[b-uubzn13h1w] {
    display: grid; /* Use grid for layout */
    place-items: center; /* Centers content both vertically and horizontally */

    background-color: #f8f9fa; /* Light background color */
    width:100%;
}
img[b-uubzn13h1w] {
    max-width: 100%; /* Ensures the image doesn't overflow its container */
    height: auto; /* Maintains the aspect ratio */
    display: block; /* Removes inline padding/margin issues */
}
.menu-button[b-uubzn13h1w] {
    display: inline-block; /* Make buttons inline-block elements */
    width: 200px; /* Fixed width for the buttons */
    padding: 10px 20px; /* Spacing inside the buttons */
    margin: 10px 0; /* Space between buttons */
    font-size: 16px; /* Text size */
    text-align: center; /* Center text */
    color: white; /* Text color */
    background-color: #007bff; /* Primary button color */
    text-decoration: none; /* Remove underline */
    border-radius: 5px; /* Rounded corners */
    transition: background-color 0.3s ease; /* Smooth hover effect */
}

    .menu-button:hover[b-uubzn13h1w] {
        background-color: #0056b3; /* Darker blue on hover */
    }

.invisible-button[b-uubzn13h1w] {
    visibility: hidden; /* Makes the button invisible */
}
a.menu-button[href="/VinNumScan"][b-uubzn13h1w] {
    background-color: orange;
    color: white; /* Optional: Ensure text visibility */
}

    a.menu-button[href="/VinNumScan"]:hover[b-uubzn13h1w] {
        background-color: darkorange; /* Optional: Add a hover effect */
    }
/* /Pages/Reports.cshtml.rz.scp.css */
:root[b-5de42wxy1v] {
	font-size: 2vw;
}

body[b-5de42wxy1v] {
	font-size: calc(1rem + 1vh);
}


/* Default table styling */
table[b-5de42wxy1v] {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	font-size: 1rem;
}

thead th[b-5de42wxy1v] {
	background-color: #d3e3f0; /* Muted blue */
	text-align: right;
	padding: 0.75rem;
	border-bottom: 2px solid #ccc;
}

tbody tr:nth-child(even)[b-5de42wxy1v] {
	background-color: #e3f2f9; /* Light row color */
}

tbody tr:nth-child(odd)[b-5de42wxy1v] {
	background-color: #ffffff;
}
th:first-child[b-5de42wxy1v] {
	text-align: left; 
}

tfoot td[b-5de42wxy1v] {
    text-align: right; 
    padding: 0.75rem; 
    border-top: 2px solid #ccc;
}

/* Align the "Totals:" label to the left */
tfoot td:first-child[b-5de42wxy1v] {
    text-align: left; /* Left-align the first column (Totals: label) */
}

/* Alignment for summary block items */
.summary-blocks div[b-5de42wxy1v] {
	display: flex;
	justify-content: space-between; /* Align text and numbers to opposite ends */
	margin-bottom: 0.5rem;
}
	.summary-blocks div:nth-child(2) span[b-5de42wxy1v] {
		border-bottom: 2px solid black; /* Dark line at bottom of the block */
	}

/* Table column adjustments */
table[b-5de42wxy1v] {
	border-collapse: collapse; /* Remove visible column lines */
	font-size: 1rem;
}

th[b-5de42wxy1v], td[b-5de42wxy1v] {
	border: none; /* Remove column borders */
}

	th:first-child[b-5de42wxy1v], td:first-child[b-5de42wxy1v] {
		text-align: left; /* Align company names to the left */
	}

tbody td[b-5de42wxy1v] {
	text-align: right; /* Align numbers to the right */
}

tbody tr:last-child[b-5de42wxy1v] {
	border-top: 2px solid #ccc; /* Add a distinct line at the bottom of the table */
	background-color: #e8f5e9;
}


/* Conditional formatting for numbers */
.positive[b-5de42wxy1v] {
	color: black;
}

.negative[b-5de42wxy1v] {
	color: red;
}
/* Container for the table */
.data-table-container[b-5de42wxy1v] {
	display: grid;
	grid-template-columns: repeat(4, 100%);
	align-content: center;
	background-color: #e8f5e9; /* Muted green */
	padding: 1rem;
	box-sizing: border-box;
	overflow-x: auto; /* Horizontal scrolling for small screens */
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

section[b-5de42wxy1v] {
	scroll-snap-align: start;
	margin-bottom: 1rem;
	border: 1px solid #ccc;
	border-radius: .5rem;
	padding: 1rem;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Styles for portrait mode (small screens) */
@media (orientation: portrait) {
	.data-table-container[b-5de42wxy1v] {
		display: grid;
		grid-template-columns: repeat(4, 100%);
		overflow-x: auto; /* Allow horizontal scrolling if necessary */
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding: 0rem 1rem 0rem 1rem;
		-webkit-overflow-scrolling: touch;
		padding: 1rem;
		box-sizing: content-box; /* Ensure padding doesn't affect width calculations */
	}

	table[b-5de42wxy1v] {
		width: 100%; /* Make the table take up the container's width */
		max-width: 100%; /* Prevent the table from overflowing */
		table-layout:auto;/* Forces the table to fit within the container */
		border-collapse: collapse; /* Remove gaps between cells */
	}
	thead th[b-5de42wxy1v] {
		max-width: 150px; /* Adjust this value as needed */  

	}

	thead th[b-5de42wxy1v], tbody td[b-5de42wxy1v] {
		font-size: 0.9rem; /* Adjust font size for smaller devices */
		padding: 0.5rem; /* Adjust padding for smaller screens */

		overflow: hidden; /* Hide overflowing content */
	}

	/* Adjust rows and cells for small screens */
	tbody tr[b-5de42wxy1v] {
		display: table-row; /* Ensure rows remain table rows */
	}

	tbody td[b-5de42wxy1v] {
		word-wrap: break-word; /* Break text if necessary */
	}
	/* Tooltip container for the last column */
	table td:last-child[b-5de42wxy1v] {
		position: relative; /* Enable relative positioning for tooltips */
		cursor: pointer; /* Show that it's interactive */
	}

		/* Tooltip text */
		table td:last-child[b-5de42wxy1v]::after {
			content: attr(data-tooltip); /* Use the 'data-tooltip' attribute for the number */
			visibility: hidden;
			width: auto;
			background-color: #555;
			color: #fff;
			text-align: center;
			border-radius: 5px;
			padding: 0.5rem;
			position: absolute;
			z-index: 1;
			bottom: 125%; /* Position above the cell */
			left: 50%;
			transform: translateX(-50%);
			white-space: nowrap; /* Prevent text wrapping */
			opacity: 0;
			transition: opacity 0.3s;
		}

		/* Show tooltip on hover */
		table td:last-child:hover[b-5de42wxy1v]::after {
			visibility: visible;
			opacity: 1;
		}

		/* Tooltip arrow */
		table td:last-child[b-5de42wxy1v]::before {
			content: "";
			position: absolute;
			bottom: 115%; /* Arrow below tooltip */
			left: 50%;
			transform: translateX(-50%);
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent #555 transparent;
			visibility: hidden;
			opacity: 0;
			transition: opacity 0.3s;
		}

		table td:last-child:hover[b-5de42wxy1v]::before {
			visibility: visible;
			opacity: 1;
		}

}
/* Popup styling */
.popup[b-5de42wxy1v] {
	position: absolute;
	display: none; /* Hidden by default */
	background-color: #fefefe;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	font-size: 14px;
	color: #333;
	max-width: 200px;
	word-wrap: break-word; /* Wrap content if it's too long */
}

section.hidden[b-5de42wxy1v] {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
	transition: opacity 0.9s ease, transform 0.9s ease;
}

section.visible[b-5de42wxy1v] {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
.negative[b-5de42wxy1v] {
	color: #c0392b; /* red */
	font-weight: 600;
}

/* Accounting-style negatives like ($1,234.56) */
td:has(span.accounting-negative)[b-5de42wxy1v],
span.accounting-negative[b-5de42wxy1v] {
	color: #c0392b;
	font-weight: 600;
}
/* Month / Year pager arrows */
.pager-arrow[b-5de42wxy1v] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	text-decoration: none; /* remove underline */
	color: #2f6fed; /* theme blue */
	background: #e7f0ff; /* soft theme background */
	border-radius: 6px;
	font-weight: 700;
	line-height: 1;
	transition: background .15s ease, color .15s ease, transform .1s ease;
}

	.pager-arrow:hover[b-5de42wxy1v] {
		background: #2f6fed;
		color: #ffffff;
		transform: translateY(-1px);
	}

	.pager-arrow:active[b-5de42wxy1v] {
		transform: translateY(0);
	}

	.pager-arrow:focus[b-5de42wxy1v] {
		outline: none;
	}


/* Styles for landscape mode on smaller devices */
@media (orientation: landscape) and (max-width: 60rem) {
	.data-table-container[b-5de42wxy1v] {
		display: grid;
		grid-template-columns: repeat(4, 100%); /* 4 horizontal 'rows' (columns) */
		grid-auto-flow: column; /* Ensure items flow left-to-right */
		overflow-x: auto; /* Allow horizontal scrolling */
		scroll-snap-type: x mandatory; /* Enable smooth snapping between columns */
		-webkit-overflow-scrolling: touch; /* Smooth scrolling for touch devices */
		padding: 1rem; 
		box-sizing: border-box; /* Ensure padding is included in the size */
		gap: 1rem; /* Optional: Adds spacing between columns */
	}

}

/* Desktop-specific styling for large screens */
@media (min-width: 60rem) {
	.data-table-container[b-5de42wxy1v] {
		display: block;
		overflow-y: auto; /* Vertical scrolling for computers */
		overflow-x: hidden;
		background-color: #e8f5e9;
	}

	.Unnamed-table[b-5de42wxy1v] {
		width: 100%;
		max-width: 75rem;
		margin-bottom: 1.25rem;
	}

	body[b-5de42wxy1v] {
		font-size: calc(0.5rem * 2vh); /* Adjust font size for desktop */
	}
}
/* /Pages/ReportsTest.cshtml.rz.scp.css */
:root[b-zbtl2jtrch] {
	font-size: 2vw;
}

body[b-zbtl2jtrch] {
	font-size: calc(1rem + 1vh);
}


/* Default table styling */
table[b-zbtl2jtrch] {
	width: 100%;
	border-collapse: collapse;
	table-layout: auto;
	font-size: 1rem;
}

thead th[b-zbtl2jtrch] {
	background-color: #d3e3f0; /* Muted blue */
	text-align: right;
	padding: 0.75rem;
	border-bottom: 2px solid #ccc;
}

tbody tr:nth-child(even)[b-zbtl2jtrch] {
	background-color: #e3f2f9; /* Light row color */
}

tbody tr:nth-child(odd)[b-zbtl2jtrch] {
	background-color: #ffffff;
}
th:first-child[b-zbtl2jtrch] {
	text-align: left; 
}

tfoot td[b-zbtl2jtrch] {
    text-align: right; 
    padding: 0.75rem; 
    border-top: 2px solid #ccc;
}

/* Align the "Totals:" label to the left */
tfoot td:first-child[b-zbtl2jtrch] {
    text-align: left; /* Left-align the first column (Totals: label) */
}

/* Alignment for summary block items */
.summary-blocks div[b-zbtl2jtrch] {
	display: flex;
	justify-content: space-between; /* Align text and numbers to opposite ends */
	margin-bottom: 0.5rem;
}
	.summary-blocks div:nth-child(2) span[b-zbtl2jtrch] {
		border-bottom: 2px solid black; /* Dark line at bottom of the block */
	}

/* Table column adjustments */
table[b-zbtl2jtrch] {
	border-collapse: collapse; /* Remove visible column lines */
	font-size: 1rem;
}

th[b-zbtl2jtrch], td[b-zbtl2jtrch] {
	border: none; /* Remove column borders */
}

	th:first-child[b-zbtl2jtrch], td:first-child[b-zbtl2jtrch] {
		text-align: left; /* Align company names to the left */
	}

tbody td[b-zbtl2jtrch] {
	text-align: right; /* Align numbers to the right */
}

tbody tr:last-child[b-zbtl2jtrch] {
	border-top: 2px solid #ccc; /* Add a distinct line at the bottom of the table */
	background-color: #e8f5e9;
}


/* Conditional formatting for numbers */
.positive[b-zbtl2jtrch] {
	color: black;
}

.negative[b-zbtl2jtrch] {
	color: red;
}
/* Container for the table */
.data-table-container[b-zbtl2jtrch] {
	display: grid;
	grid-template-columns: repeat(4, 100%);
	align-content: center;
	background-color: #e8f5e9; /* Muted green */
	padding: 1rem;
	box-sizing: border-box;
	overflow-x: auto; /* Horizontal scrolling for small screens */
	scroll-snap-type: x mandatory;
	-webkit-overflow-scrolling: touch;
}

section[b-zbtl2jtrch] {
	scroll-snap-align: start;
	margin-bottom: 1rem;
	border: 1px solid #ccc;
	border-radius: .5rem;
	padding: 1rem;
	box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

/* Styles for portrait mode (small screens) */
@media (orientation: portrait) {
	.data-table-container[b-zbtl2jtrch] {
		display: grid;
		grid-template-columns: repeat(4, 100%);
		overflow-x: auto; /* Allow horizontal scrolling if necessary */
		overflow-y: hidden;
		scroll-snap-type: x mandatory;
		scroll-padding: 0rem 1rem 0rem 1rem;
		-webkit-overflow-scrolling: touch;
		padding: 1rem;
		box-sizing: content-box; /* Ensure padding doesn't affect width calculations */
	}

	table[b-zbtl2jtrch] {
		width: 100%; /* Make the table take up the container's width */
		max-width: 100%; /* Prevent the table from overflowing */
		table-layout:auto;/* Forces the table to fit within the container */
		border-collapse: collapse; /* Remove gaps between cells */
	}
	thead th[b-zbtl2jtrch] {
		max-width: 150px; /* Adjust this value as needed */  

	}

	thead th[b-zbtl2jtrch], tbody td[b-zbtl2jtrch] {
		font-size: 0.9rem; /* Adjust font size for smaller devices */
		padding: 0.5rem; /* Adjust padding for smaller screens */

		overflow: hidden; /* Hide overflowing content */
	}

	/* Adjust rows and cells for small screens */
	tbody tr[b-zbtl2jtrch] {
		display: table-row; /* Ensure rows remain table rows */
	}

	tbody td[b-zbtl2jtrch] {
		word-wrap: break-word; /* Break text if necessary */
	}
	/* Tooltip container for the last column */
	table td:last-child[b-zbtl2jtrch] {
		position: relative; /* Enable relative positioning for tooltips */
		cursor: pointer; /* Show that it's interactive */
	}

		/* Tooltip text */
		table td:last-child[b-zbtl2jtrch]::after {
			content: attr(data-tooltip); /* Use the 'data-tooltip' attribute for the number */
			visibility: hidden;
			width: auto;
			background-color: #555;
			color: #fff;
			text-align: center;
			border-radius: 5px;
			padding: 0.5rem;
			position: absolute;
			z-index: 1;
			bottom: 125%; /* Position above the cell */
			left: 50%;
			transform: translateX(-50%);
			white-space: nowrap; /* Prevent text wrapping */
			opacity: 0;
			transition: opacity 0.3s;
		}

		/* Show tooltip on hover */
		table td:last-child:hover[b-zbtl2jtrch]::after {
			visibility: visible;
			opacity: 1;
		}

		/* Tooltip arrow */
		table td:last-child[b-zbtl2jtrch]::before {
			content: "";
			position: absolute;
			bottom: 115%; /* Arrow below tooltip */
			left: 50%;
			transform: translateX(-50%);
			border-width: 5px;
			border-style: solid;
			border-color: transparent transparent #555 transparent;
			visibility: hidden;
			opacity: 0;
			transition: opacity 0.3s;
		}

		table td:last-child:hover[b-zbtl2jtrch]::before {
			visibility: visible;
			opacity: 1;
		}

}
/* Popup styling */
.popup[b-zbtl2jtrch] {
	position: absolute;
	display: none; /* Hidden by default */
	background-color: #fefefe;
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
	z-index: 1000;
	font-size: 14px;
	color: #333;
	max-width: 200px;
	word-wrap: break-word; /* Wrap content if it's too long */
}

section.hidden[b-zbtl2jtrch] {
	opacity: 0;
	pointer-events: none;
	transform: translateY(20px);
	transition: opacity 0.9s ease, transform 0.9s ease;
}

section.visible[b-zbtl2jtrch] {
	opacity: 1;
	pointer-events: auto;
	transform: translateY(0);
}
.negative[b-zbtl2jtrch] {
	color: #c0392b; /* red */
	font-weight: 600;
}

/* Accounting-style negatives like ($1,234.56) */
td:has(span.accounting-negative)[b-zbtl2jtrch],
span.accounting-negative[b-zbtl2jtrch] {
	color: #c0392b;
	font-weight: 600;
}
/* Month / Year pager arrows */
.pager-arrow[b-zbtl2jtrch] {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	text-decoration: none; /* remove underline */
	color: #2f6fed; /* theme blue */
	background: #e7f0ff; /* soft theme background */
	border-radius: 6px;
	font-weight: 700;
	line-height: 1;
	transition: background .15s ease, color .15s ease, transform .1s ease;
}

	.pager-arrow:hover[b-zbtl2jtrch] {
		background: #2f6fed;
		color: #ffffff;
		transform: translateY(-1px);
	}

	.pager-arrow:active[b-zbtl2jtrch] {
		transform: translateY(0);
	}

	.pager-arrow:focus[b-zbtl2jtrch] {
		outline: none;
	}


/* Styles for landscape mode on smaller devices */
@media (orientation: landscape) and (max-width: 60rem) {
	.data-table-container[b-zbtl2jtrch] {
		display: grid;
		grid-template-columns: repeat(4, 100%); /* 4 horizontal 'rows' (columns) */
		grid-auto-flow: column; /* Ensure items flow left-to-right */
		overflow-x: auto; /* Allow horizontal scrolling */
		scroll-snap-type: x mandatory; /* Enable smooth snapping between columns */
		-webkit-overflow-scrolling: touch; /* Smooth scrolling for touch devices */
		padding: 1rem; 
		box-sizing: border-box; /* Ensure padding is included in the size */
		gap: 1rem; /* Optional: Adds spacing between columns */
	}

}

/* Desktop-specific styling for large screens */
@media (min-width: 60rem) {
	.data-table-container[b-zbtl2jtrch] {
		display: block;
		overflow-y: auto; /* Vertical scrolling for computers */
		overflow-x: hidden;
		background-color: #e8f5e9;
	}

	.Unnamed-table[b-zbtl2jtrch] {
		width: 100%;
		max-width: 75rem;
		margin-bottom: 1.25rem;
	}

	body[b-zbtl2jtrch] {
		font-size: calc(0.5rem * 2vh); /* Adjust font size for desktop */
	}
}
/* /Pages/Requests.cshtml.rz.scp.css */
/* --- 2-column layout --- */
.requests-grid[b-kjdbogs0uw] {
    display: grid;
    grid-template-columns: 1.3fr 1fr; /* left wider */
    gap: 24px;
    align-items: start;
    margin-top: 10px;
}

/* stack on smaller screens */
@media (max-width: 992px) {
    .requests-grid[b-kjdbogs0uw] {
        grid-template-columns: 1fr;
    }
}

/* cards */
.glass[b-kjdbogs0uw] {
    background: #fff;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 12px;
    padding: 14px;
    box-shadow: 0 4px 18px rgba(0,0,0,.06);
}

/* table look */
.table[b-kjdbogs0uw] {
    width: 100%;
    border-collapse: collapse;
}

    .table th[b-kjdbogs0uw], .table td[b-kjdbogs0uw] {
        padding: 10px 8px;
        border-bottom: 1px solid rgba(0,0,0,.08);
    }

    .table thead th[b-kjdbogs0uw] {
        position: sticky;
        top: 0;
        background: #f3f4f6;
        z-index: 1;
        text-transform: uppercase;
        font-size: .8rem;
        letter-spacing: .02em;
    }

/* scroll only the rows area, keeps header visible */
.table-wrap[b-kjdbogs0uw] {
    max-height: 60vh; /* adjust if you like */
    overflow: auto;
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 10px;
}

/* accents */
.grab[b-kjdbogs0uw] {
    cursor: grab;
    text-align: center;
    width: 28px;
}

.req-row.needs-review[b-kjdbogs0uw] {
    background: #ffe5e5;
}

.note-card[b-kjdbogs0uw] {
    border: 1px solid rgba(0,0,0,.08);
    border-radius: 10px;
    padding: 10px;
    margin: 10px 0;
    background: #fafafa;
}

    .note-card.review[b-kjdbogs0uw] {
        background: #ffe5e5;
    }

/* small UI bits */
.btn[b-kjdbogs0uw] {
    padding: 6px 10px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.15);
    background: #f9fafb
}

.input[b-kjdbogs0uw] {
    padding: 6px 8px;
    border-radius: 8px;
    border: 1px solid rgba(0,0,0,.15);
    background: #fff
}

.muted[b-kjdbogs0uw] {
    opacity: .65;
    font-size: .9em
}
/* /Pages/Shared/_Layout.cshtml.rz.scp.css */
/* Please see documentation at https://learn.microsoft.com/aspnet/core/client-side/bundling-and-minification
for details on configuring this project to bundle and minify static web assets. */

a.navbar-brand[b-v87nmfh7c0] {
  white-space: normal;
  text-align: center;
  word-break: break-all;
}

a[b-v87nmfh7c0] {
  color: #0077cc;
}

.btn-primary[b-v87nmfh7c0] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}

.nav-pills .nav-link.active[b-v87nmfh7c0], .nav-pills .show > .nav-link[b-v87nmfh7c0] {
  color: #fff;
  background-color: #1b6ec2;
  border-color: #1861ac;
}
.nav-item-login[b-v87nmfh7c0] {
    text-align:left;
    padding: 0; /* Reset padding/margins if necessary */
}
}

.border-top[b-v87nmfh7c0] {
  border-top: 1px solid #e5e5e5;
}
.border-bottom[b-v87nmfh7c0] {
  border-bottom: 1px solid #e5e5e5;
}

.box-shadow[b-v87nmfh7c0] {
  box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy[b-v87nmfh7c0] {
  font-size: 1rem;
  line-height: inherit;
}

.footer[b-v87nmfh7c0] {
  position: absolute;
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  line-height: 60px;
}
/* /Pages/Sticker.cshtml.rz.scp.css */
/* Ensure consistency with other pages */
.container[b-qxgekju3gw] {
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    background-color: #e0e0e0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: visible;
}

/* Blue glowing effect */
@property --angle {
    syntax: "<angle>";
    initial-value: 0deg;
    inherits: false;
}

.container[b-qxgekju3gw]::after, .container[b-qxgekju3gw]::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: conic-gradient(from var(--angle), transparent 70%, aqua);
    z-index: -1;
    opacity: 0.8;
    padding: 1px;
    border-radius: 10px;
    animation: 5s spin-b-qxgekju3gw linear infinite;
}

.container[b-qxgekju3gw]::before {
    filter: blur(1.5rem);
    opacity: 0.5;
}

/* Smooth glowing animation */
@keyframes spin-b-qxgekju3gw {
    from {
        --angle: 0deg;
    }

    to {
        --angle: 360deg;
    }
}

/* Input styling */
.input-section[b-qxgekju3gw] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

.input-field[b-qxgekju3gw] {
    flex: 1;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

/* Button styling */
.icon-button[b-qxgekju3gw] {
    padding: 10px;
    background-color: lightgray;
    color: black;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .icon-button:hover[b-qxgekju3gw] {
        background-color: #0056b3;
        color: white;
    }

/* Table styling */
.table[b-qxgekju3gw] {
    width: 100%;
    border-collapse: collapse;
    margin-top: 15px;
}

    .table th[b-qxgekju3gw], .table td[b-qxgekju3gw] {
        border: 1px solid #ccc;
        padding: 10px;
        text-align: left;
    }

    .table th[b-qxgekju3gw] {
        background-color: #007bff;
        color: white;
    }

    .table tr:nth-child(even)[b-qxgekju3gw] {
        background-color: #f2f2f2;
    }

/* Center the "no results" message */
p[b-qxgekju3gw] {
    text-align: center;
    font-size: 16px;
    color: #555;
}

.back-button[b-qxgekju3gw] {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 4rem;
    text-decoration: none;
    color: #333;
    background: none;
    border: none;
}

    .back-button:hover[b-qxgekju3gw] {
        color: #007bff;
    }

.modal[b-qxgekju3gw] {
    display: none;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    align-items: center;
    justify-content: center;
}

.modal-content[b-qxgekju3gw] {
    background-color: white;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
    max-width: 500px;
    margin: auto;
}
.vehicle-details[b-qxgekju3gw] {
    text-align: left; /* Ensures all text is aligned to the left */
}

    .vehicle-details p[b-qxgekju3gw] {
        margin: 2px 0; /* Reduces space between each line */
        padding: 0; /* Removes unnecessary padding */
        line-height: 1.2; /* Adjusts the spacing between text */
        text-align: left; /* Ensures paragraph text is aligned to the left */
    }
.big-checkbox[b-qxgekju3gw], .completion-checkbox[b-qxgekju3gw] {
    transform: scale(2.5);
    transform-origin: center center;
    /* Force block layout and let margin auto center it horizontally */
    display: block;
    margin: 0 auto;
    margin-top: .2rem;
}
/* /Pages/VehicleDetails.cshtml.rz.scp.css */
body[b-k2vjjsxw39] {
}
.car-details-container[b-k2vjjsxw39] {
    max-width: 600px;
    margin: 20px auto;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 10px;
    background-color: #f9f9f9;
    font-family: Arial, sans-serif;
}

.back-button[b-k2vjjsxw39] {
    display: inline-block;
    margin-top: 20px;
    padding: 10px 20px;
    background-color: #007bff;
    color: white;
    text-decoration: none;
    border-radius: 5px;
}

    .back-button:hover[b-k2vjjsxw39] {
        background-color: #0056b3;
    }
/* /Pages/VinNumScan.cshtml.rz.scp.css */
/* Container with Soft Blue and Silver Glow */
.container[b-m33a83uil0] {
    max-width: 600px;
    margin: 20px auto;
    padding: 15px;
    border-radius: 8px;
    background-color: #e0e0e0;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
    transition: background-color 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: visible;

}

    /* Properly Aligned Blue and Silver Glow */
@property --angle {
    syntax:"<angle>";
    initial-value: 0deg;
    inherits:false;
}
.container[b-m33a83uil0]::after, .container[b-m33a83uil0]::before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: conic-gradient(from var(--angle),transparent 70%,aqua);
    z-index: -1;
    opacity: 0.8;
    padding: 1px;
    border-radius: 10px;
    animation: 5s spin-b-m33a83uil0 linear infinite;
}
    .container[b-m33a83uil0]::before {
        filter: blur(1.5rem);
        opacity: 0.5;

    }

/* Smooth Pulsing Glow Animation */
@keyframes spin-b-m33a83uil0 {
    from {
        --angle: 0deg;
    }
    to {
        --angle:360deg;
    }

}
.qr-icon[b-m33a83uil0] {
    width: 20px;
    height: 20px;
    margin-bottom: 5px;
    vertical-align: middle;
}
.scanner-container[b-m33a83uil0] {
    margin: 20px auto;
    width: 300px;
}
.clear-button[b-m33a83uil0] {
    background-color: slategray;
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
    border-radius: 5px;
}

    .clear-button:hover[b-m33a83uil0] {
        background-color: #c82333;
    }

.scan-button[b-m33a83uil0], .close-button[b-m33a83uil0] {
    padding: 10px;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    font-size: 16px;
}

.scan-button[b-m33a83uil0] {
    background-color: #007bff;
}

    .scan-button:hover[b-m33a83uil0] {
        background-color: #0056b3;
    }

.close-button[b-m33a83uil0] {
    background-color: #ff4c4c;
    position: absolute;
    top: -10px;
    right: -10px;
    padding: 5px 10px;
    font-size: 14px;
}

    .close-button:hover[b-m33a83uil0] {
        background-color: #d32f2f;
    }

#reader[b-m33a83uil0] {
    width: 100%;
    max-width: 300px;
    margin: auto;
}

h2[b-m33a83uil0] {
    text-align: center;
    margin-bottom: 20px;
    font-family: Arial, sans-serif;
}

/* Input Section */
.input-section[b-m33a83uil0] {
    display: flex;
    gap: 4px;
}

.input-field[b-m33a83uil0] {
    flex: 1;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
@media (max-width: 60rem) {
    .input-field[b-m33a83uil0] {
        width: 40%; /* Adjust the width as needed for mobile */
    }
}

.icon-button[b-m33a83uil0] {
    padding: 10px;
    background-color: lightgray;
    color: black;
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s;
}

    .icon-button:hover[b-m33a83uil0] {
        background-color: #0056b3;
    }

/* Suggestions Container */
.suggestions-container[b-m33a83uil0] {
    display: flex;
    flex-direction: column;
    gap: 5px;
    border: 1px solid #ccc;
    background: #f9f9f9;
    border-radius: 5px;
    padding: 5px;
    max-height: 200px;
    overflow-y: auto;
}

.suggestion-item[b-m33a83uil0] {
    padding: 10px;
    background: white;
    border: 1px solid #ddd;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.3s;
}

    .suggestion-item:hover[b-m33a83uil0] {
        background-color: #e6e6e6;
    }

.damaged-checkbox[b-m33a83uil0] {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 10px;
}


/* Green for non-damaged cars */
.green[b-m33a83uil0] {
    background-color: #e6f9e6;
    border: 2px solid #28a745;
}

/* Red for damaged cars */
.red[b-m33a83uil0] {
    background-color: #ffd6d6;
    border: 2px solid #dc3545;
}


.damaged[b-m33a83uil0] {
    background-color: #ffcccc; /* Light red */
    color: #a94442; /* Darker red for text */
    font-weight: bold;
}
#vehicleDetails p strong[b-m33a83uil0] {
    font-size: 1.2em; /* Adjust the size of the details (default is 1em) */
}
/* Container for the dropdown */
.dropdown[b-m33a83uil0] {
    position: relative;
    display: inline-block;
}

/* Button styling (Gray with Black Icon) */
.dropbtn[b-m33a83uil0] {
    padding: 10px;
    background-color: lightgray; /* Gray background */
    color: black; /* Black icon */
    border: none;
    cursor: pointer;
    border-radius: 4px;
    transition: background-color 0.2s, box-shadow 0.2s;
    font-size: 18px;
}

/* Blue glow on hover */
.dropdown:hover .dropbtn[b-m33a83uil0] {
    background-color: #e0e0e0; /* Slightly lighter gray on hover */
    box-shadow: 0 0 10px #0056b3; /* Blue glow effect */
}



.dropdown-content[b-m33a83uil0] {
    display: none;
    position: absolute;
    top: 100%; /* Position below the button */
    right: 0; /* Align the right edge with the button */
    background-color: #f9f9f9;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border-radius: 5px;
    z-index: 1;
}


    /* Links inside dropdown */
    .dropdown-content a[b-m33a83uil0] {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
    }

        /* Hover effect for dropdown links */
        .dropdown-content a:hover[b-m33a83uil0] {
            background-color: #ddd;
        }

/* Show dropdown when hovering over the button */
.dropdown:hover .dropdown-content[b-m33a83uil0] {
    display: block;
}

/* Button hover effect */
.dropdown:hover .dropbtn[b-m33a83uil0] {
    background-color: #0056b3;
}
/* Badge Styling */
.badge[b-m33a83uil0] {
    position: absolute;
    top: -5px;
    right: -5px;
    padding: 4px 8px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
    display: none; /* Hide by default when count is zero */
}

/* Ensure the dropdown button can hold the badge */
.dropbtn[b-m33a83uil0] {
    position: relative;
}


/* Badge Styling for the dropdown item */
.dropdown-content .badge[b-m33a83uil0] {
    position: absolute;
    top: 8px;
    right: 10px;
    padding: 4px 8px;
    border-radius: 50%;
    background-color: red;
    color: white;
    font-size: 12px;
    font-weight: bold;
    z-index: 10;
}
#vehicleDetails[b-m33a83uil0] {
    margin-top: 20px;
    padding: 15px;
    background-color: #ffffff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    border: 1px solid #ccc;
}

    /* Styling for the vehicle details text */
    #vehicleDetails p[b-m33a83uil0] {
        font-size: 16px;
        margin-bottom: 10px;
        font-family: Arial, sans-serif;
    }

    /* Bold details */
    #vehicleDetails strong[b-m33a83uil0] {
        font-weight: bold;
        color: #333;
    }

/* Style the action button */
.action-button[b-m33a83uil0] {
    padding: 5px 10px;
    font-size: 15px;
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    position: center;
    text-align: center;
}

    .action-button:hover[b-m33a83uil0] {
        background-color: #003d82;
    }
.action-button2[b-m33a83uil0] {
    padding: 5px 20px;
    font-size: 15px;
    background-color: #0056b3;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    margin-top: 10px;
    position: center;
    text-align: center;
}

    .action-button2:hover[b-m33a83uil0] {
        background-color: #003d82;
    }
/* Center the action button properly */
.action-buttons[b-m33a83uil0] {
}

.action-button-row[b-m33a83uil0] {
    display: flex;
    align-items: center;
    gap: 1rem; /* space between buttons */
    margin-top: 10px;

}

.location-editable[b-m33a83uil0] {
    display: inline-block;
    min-width: 6rem;
    padding: .375rem .75rem;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    background: #fff;
}

    .location-editable:focus[b-m33a83uil0] {
        outline: none;
        border-color: #80bdff;
        box-shadow: 0 0 0 .2rem rgba(0,123,255,.25);
    }
.swal2-popup[b-m33a83uil0] {
    font-family: "Segoe UI", sans-serif;
    border-radius: 1rem;
}

#onHoldCheckbox[b-m33a83uil0] {
    width: 30px;
    height: 30px;
    transform: scale(1); /* 2x size */
    margin-left: 2px;
    vertical-align: middle;
}

#imagePreviewContainer img[b-m33a83uil0] {
    max-width: 100%;
    max-height: 300px;
    margin-bottom: 10px;
    display: block;
}

.preview-image-wrapper[b-m33a83uil0] {
    position: relative;
    display: inline-block;
    margin: 5px;
}

.remove-preview-btn[b-m33a83uil0] {
    position: absolute;
    top: 0;
    right: 0;
    background: #f33;
    border: none;
    color: white;
    font-size: 14px;
    border-radius: 50%;
    cursor: pointer;
    width: 20px;
    height: 20px;
    line-height: 16px;
    text-align: center;
}
#imagePreviewContainer[b-m33a83uil0] {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.preview-image-wrapper img[b-m33a83uil0] {
    display: block;
}