html, body {
	height: 100vh;
}
/* width */
.tab-pane::-webkit-scrollbar {
	width: 10px;
}

/* Track */
.tab-pane::-webkit-scrollbar-track {
	background: #ffffff;
}

/* Handle */
.tab-pane::-webkit-scrollbar-thumb {
	background: #1E1E1E;
	border-right: 4px solid white;
}

	/* Handle on hover */
.tab-pane::-webkit-scrollbar-thumb:hover {
	background: #555;
}

.t-headers:after{
	content: "";
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	border-bottom: 2px solid black;
}

.dealer-icon {
	height: 60px;
	width: auto;
}

.main-screen {
	padding-left: 0px;
	background-color: #FFFFFF; 
	width: 100%; 
	height: 100%;
}

#makeNav>button {
	max-width: 94px;
	transition: max-width .3s ease-out;
}

#makeNav>button.active {
	max-width: 100%;
}

.nav h1 {
	display: none;
}

.nav .active>h1 {
	display: inline;
}

.nav {
	--bs-nav-link-hover-color: white;
}

.offcanvas {
	text-align: right;
	--bs-offcanvas-width: 250px;
}

.second-nav-honda {
	background-color: #0283CC;
	color: white;
	margin-left: 0px;
	padding-right: 60px;
}

.second-nav-toyota {
	background-color: #eb0a1e;
	color: white;
	margin-left: 0px;
	padding-right: 60px;
}

.top-level-menu {
	background-color: #1E1E1E; 
	text-align: center;
	width: 200px;   
	height: 100%; 
	position: absolute; 
	z-index: -1;
}

.top-menu-button {
	position: absolute;
	background-color: #1E1E1E;
	top: 75px;
	height: 40px;
	width: 40px;
	color: #FEFEFE;
	left: -30px;
	z-index: 99;
}

.top-menu-button:hover {
	transform: translateX(30px);
	transition: transform 1s;
}

.top-text {
	color: #FEFEFE;
	text-align: right;
	text-decoration: none;
}
.top-text:hover {
	text-decoration: underline;
}

#toyota-nav>.active {
	color: #EB0A1E;
	font-weight: bold;
}

#toyota-nav .nav-link {
	border-radius: 0px;
}

#toyota-view {
	background-color: #eb0a1e;
	color: white;
	margin-left: 0px;
	border-bottom-style: none;
	text-align: left;
}
#toyota-dealer-btn-grp button{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: white;
	color: #EB0A1E
}
#toyota-dealer-btn-grp button:hover{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: #EB0A1E;
	color: white;
}

#honda-nav>.active {
	color: #0283CC;
}

#honda-nav .nav-link {
	border-radius: 0px;
}

#honda-view {
	background-color: #0283CC;
	color: white;
	border-bottom-style: none;
	text-align: left;
}

#honda-dealer-btn-grp button{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: white;
	color: #0283CC
}
#honda-dealer-btn-grp button:hover{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: #0283CC;
	color: white;
}

/* Dealer panel css */
.toyota-panel {
	background-color: #eb0a1e;
	color: white;
}
#dealer-panel-btn-grp button.toyota-btn {
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: white;
	color: #EB0A1E
}
#dealer-panel-btn-grp button.toyota-btn:hover {
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: #EB0A1E;
	color: white;
}

.honda-panel {
	background-color: #0283CC;
	color: white;
}
#dealer-panel-btn-grp button.honda-btn {
	border-radius: 3px;
	border-color: #0283CC;
	background-color: white;
	color: #0283CC
}
#dealer-panel-btn-grp button.honda-btn:hover {
	border-radius: 3px;
	border-color: #0283CC;
	background-color: #0283CC;
	color: white;
}

#dealer-panel {
	width: 30%;
	text-align: left;
}

/* Promo Modal CSS */

#promo-btn-grp button{
	background-color: gray;
	border-color: gray;
}

#promo-btn-grp button.active{
	background-color: green;
	border-color: green;
}

/* Numbers Modal CSS */

.number input{
	text-align: right;
}

/* Orders Panel */

#orders-panel {
	width: 30%;
	text-align: left;
}

#toyota-order-btn-grp button{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: white;
	color: #EB0A1E
}
#toyota-order-btn-grp button:hover{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: #EB0A1E;
	color: white;
}

#honda-order-btn-grp button{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: white;
	color: #0283CC
}
#honda-order-btn-grp button:hover{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: #0283CC;
	color: white;
}

/* Install Panel */

#toyota-install-btn-grp button{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: white;
	color: #EB0A1E
}
#toyota-install-btn-grp button:hover{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: #EB0A1E;
	color: white;
}

#honda-install-btn-grp button{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: white;
	color: #0283CC
}
#honda-install-btn-grp button:hover{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: #0283CC;
	color: white;
}

/* Reports page */

#toyota-reports-btn-grp button{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: #EB0A1E;
	color: white;
}
#toyota-reports-btn-grp button:hover{
	border-radius: 3px;
	border-color: #EB0A1E;
	background-color: white;
	color: #EB0A1E;
}

#honda-reports-btn-grp button{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: #0283CC;
	color: white;
}
#honda-reports-btn-grp button:hover{
	border-radius: 3px;
	border-color: #0283CC;
	background-color: white;
	color: #0283CC;
}

.toyota-switch .form-check {
	filter: hue-rotate(137.5deg) saturate(110%)
}

.honda-switch .form-check {
	filter: hue-rotate(345deg) saturate(80%)
}

/* Display Report CSS */

.toyota-text {
	color: #EB0A1E;
}
.toyota {
	background-color: #eb0a1e;
	color: white;
	margin-left: 0px;
	border-bottom-style: none;
	text-align: left;
}

.honda-text {
	color: #0283CC
}

.honda {
	background-color: #0283CC;
	color: white;
	border-bottom-style: none;
	text-align: left;
}

.dealer-header {
	display: block;
}

.work-order-label {
	background-color: #EFBF04;
	color: black;
	margin-left: 0px;
	border-bottom-style: none;
	text-align: left;
}
.work-order-box {
	border-color: black;
	border-style: solid;
	border-width: 2px;
}
.manual-note-box {
	border-color: black;
	border-style: solid;
	border-width: 2px;
}
#dealership-body {
	height: calc(100vh - var(--wo-adjusted-height));
}

@media print {
	.pagebreak {
		page-break-before: always;
	}
	#gen-rep-header {
		position: fixed;
		top: 0;
		left: 0;
	}
	#gen-rep-body .toyota-text {
		margin-top: 40px;
	}
	@page {
		size: 8.5in 11in;
	}
}