.navbar .navbar-expand #navbarNissan{
	color: var(--black);
}

.navbar-expand .navbar-collapse {
	border-bottom: 3px solid;
	border-bottom-color: #7D55C7;
	content: ""; /* This is necessary for the pseudo element to work. */
	display: block; /* This will put the pseudo element on its own line. */
	margin: 0 auto; /* This will center the border. */
	width: 90%; /* Change this to whatever width you want. */
	padding-top: 20px; /* This creates some space between the element and the border. */
}

.container {
	max-width: 1300px;
}

:root {
	--red: #7D55C7;
	/*danger: #C3002F;*/
	--white: #FFFFFF;
	--dark-gray: #D0D0D0;
	--gray: #EBEBEB;
	--black: #000000;
	--grad: linear-gradient(to right, white, black);
	--breakpoint-xs: 0;
	--breakpoint-sm: 576px;
	--breakpoint-md: 768px;
	--breakpoint-lg: 992px;
	--breakpoint-xl: 1200px;
	/*--font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", Calibri, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	/*--font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;*/
}

body {
	font-family: "Nissan";
	/*-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", Calibri, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";*/
	font-family-monospace: 'Nissan';
	/*overflow-y: overlay;*/
	margin-bottom: 200px;
	overflow-x: hidden;
	color: var(--black);
}

@font-face {
	font-family: 'Nissan';
	src: url("/css/NissanPRO/MuseoSans_300_Italic-9b34d69f3945fa1e308c84fd3a4cb37f.otf") format('opentype');
	src: url('/css/NissanPRO/MuseoSans_300-bdb59b808cfc4fb88f3963fa06e6c79b.otf') format('opentype'),
	url('/css/NissanPRO/MuseoSans_100-f685618a57314edf0b910a2a8a572cd7.otf') format('opentype'),
	url('/css/NissanPRO/MuseoSans_100_Italic-215d4717c588e9be9cc7a88a874242e6.otf') format('opentype'),
	url('/css/NissanPRO/MuseoSans_500-62c0135163427c652ae397f327f85010.otf') format('opentype'),
	url('/css/NissanPRO/MuseoSans_500_Italic-2ed19ea209faf95c15ab1def268dfbe3.otf') format('opentype');
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {

	opacity: 1;

}

.card, .card-body, .card-header{
	border: none;
}

#navbarNissan a.active {
	background-color: var(--gray);
	color: var(--red);
}

.special-card {
	background-color: rgba(245, 245, 245, 0);
}

button.dropdown-item.active, button.dropdown-item:active {
	background: var(--dark-gray) !important ;
	color: var(--red) !important;
}

/*#marketShare, #stockingRate, #modelYearEnd, #modelYearStart, #partsCat{*/
/*	border: 1px solid var(--red);*/
/*	border-radius: 0.25rem;*/
/*}*/

.form-control, .form-control:active {
	border: 1px solid var(--red);
	border-radius: 0.25rem;
	text-align: right;
	color: var(--black);
}

.multiselect{
	border: 1px solid var(--red);
	color: var(--black);
	height: calc(1.5em + 0.5rem + 2px);
	padding: 0.25rem 0.5rem;
	font-size: 0.875rem;
	line-height: 1.5;
	width: 110px;
	text-align: left;
}

#radiusMin, #radiusDistance,#stockingRate {
	overflow: hidden;
	width: 50px;
	/*border: 1px solid var(--red);*/
	/*border-radius: 0.25rem;*/
}
#marketShare{
	overflow: hidden;
	width: 60px;
}

input {
	/*display: block;*/
	margin : 0 auto;
}

#radiusMin, #radiusDistance, #marketShare, #stockingRate, #modelYearStart, #modelYearEnd, #partsCat {
	float: bottom;
}

#modelYearStart, #modelYearEnd{
	width: 65px;
}

.border-none {
	border-collapse: collapse;
	border: none;
}

.border-none td {
	border: 3px solid var(--white);
	border-left-width: 10px;
}

.border-none tr:first-child td {
	border-top: none;
}

.border-none tr:last-child td {
	border-bottom: none;
}

.border-none tr td:first-child {
	border-left: none;
}

.border-none tr td:last-child {
	border-right: none;
}

a {
	color: var(--black);
	text-decoration: none;
}

#nav-summary-tab, #nav-sugg-tab, #nav-app-tab{
	border-color: var(--dark-gray);
	background-color: var(--gray);
	/*color:var(--black);*/
}

[id=adjustedRates].table-sm tr, [id=adjustedRates].table-sm td {
	padding: 0.2rem;
}

[id=allRates].table-sm tr, [id=allRates].table-sm td {
	padding: 0.2rem;
}

li.nav-item.active > a {
	color: var(--red) !important;
}

li.nav-item > a.nav-link.active {
	color: var(--red) !important;
}

#nav-summary-tab:hover, #nav-sugg-tab:hover, #nav-app-tab:hover{
	background-color: var(--black);
	border-color: var(--red);
	color: white;
}

#nav-summary-tab.active, #nav-sugg-tab.active, #nav-app-tab.active{
	background-color: var(--black);
	border-color: var(--red) ;
	color: var(--white);
}

.card-header, .card-body {
	border: none;
}

.card-header{
	text-align: center;
}

.logo, #Layer_0 {
	display: block;
	width: 30px;
	height: 50px;
	background: url(/img/NissanArrow-c3d5f107eb3a8a682b4200cce326d087.png) no-repeat;
	background-size: 30px 50px;
}
.navbar-nav > li > a::after {
	text-decoration: underline;
	transform: rotate(-90deg);
	/*transform: rotate(-90deg);*/
	/*-webkit-transform: rotate(-90deg);*/
	/*right: 100px;*/
}

#card{
	border: 2px solid var(--red);
}

.page-footer {
	position: absolute;
	bottom: 0;
	margin-top: auto;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 100%;
}

.imageLogo {
	bottom: 0;
	margin-top: 20px;
}

table >tbody >tr >td {
	vertical-align: middle !important;
	/*border-color: var(--white);*/
	/*border-left-width: thick;*/
}

:theme-colors {
"primary": #000000;
/*"danger": #C3002F*/
}


.custom-black {
	color: var(--black);
}

.custom-red {
	color: var(--red);
}

.custom-gray {
	background-color: var(--gray);
}

.custom-darkgray {
	background-color: var(--dark-gray);
}

.newBords{
	border-radius: 0;
	background-color: var(--gray);
}

.col-auto {
	align-content: center;
	margin-top: auto;
	margin-left: auto;
}

hr.red {
	border-color: var(--red);

}

#navbarNissan2 {
	text-align: center;
}
.header {
	color: var(--black);
}

.numberInput, .textboxx{
	margin-left: 2px;
	margin-right: 2px;
	text-align: right;
}

.card {
	color: var(--black)
}

table, .table {
	color: var(--black);
}

p{
	word-break: break-word;
}

table td {
	/*border-left: 5px solid #000;*/
	/*border-right: 2px solid #000;*/
}

.noback {
	background-color: var(--white);
}

.btn {
	background-color: var(--red);
	color: var(--white);
	margin-bottom: 10px;
	font-weight: bold;
}

.btn-hover-custom-red {
	background-color: transparent;
	color: var(--red);
	/*border-color: var(--red);*/
	/*border-width: 2px;*/
	transition: all .25s;
}

.btn-hover-custom-red:hover {
	background-color: var(--red);
	color: #fff;
}

.btn-custom-black {
	background-color: var(--black);
}

.btn-custom-black:hover {
	background-color: var(--dark-gray);
}

#navbarNissan {
	/*color: var(--black);*/
	text-decoration: none;
}

.gradient-custom {
	/* fallback for old browsers */
	background: #ffffff;
	border-radius: 0.5rem;

	/* Chrome 10-25, Safari 5.1-6 */
	background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0.5));

	/* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(255, 255, 255, 0.3))
}

.black {
	background: #000;
	padding: 20px;
}

div.col-auto.col-icon {
	min-width: 35px;
	text-align: center;
	align-content: center;
	vertical-align: center;
}

a:hover{
	color: var(--red);
	border-radius: 0.20rem;
}

li.paginate_button.page-item.active > a.page-link {
	background-color: var(--red) !important;
	color: white;
}
li.paginate_button.page-item > a.page-link {
	color: black;
}

a.no-wrap {
	white-space: nowrap;
}

div.page-break-none {
	page-break-inside: avoid;
	page-break-before: avoid;
	page-break-after: avoid;
}

div.page-break-after {
	page-break-after: always;
}

div.page-break-before {
	page-break-before: always;
}

.tooltip-inner {
	max-width: 315px;
}

div.card.border-left-danger > div.card-header,
div.card.border-left-success > div.card-header,
div.card.border-left-warning > div.card-header,
div.card.border-left-info > div.card-header,
div.card.border-left-primary > div.card-header,
div.card.border-left-secondary > div.card-header,
div.card.border-left-dark > div.card-header {
	border-top-left-radius: 0rem;
}

div.card > div.card-body {
	border-bottom-left-radius: 0.35rem;
	border-bottom-right-radius: 0.35rem;
	border-color:#fff;
}

div.row.bumper {
	height: 2px;
}

caption.highcharts-table-caption {
	display: none;
}

.dataTables_length {
	margin-left: 15px;
	margin-top: 2px;
}

.dataTables_filter {
	margin-right: 5px;
	/*margin-top: 10px;*/
}

.dataTables_info {
	margin-left: 10px;
	margin-bottom: 5px;
}

table.dataTable {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

ul.pagination {
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}

td.sorting-table-padding {
	padding-right: 30px;
}

th[rowspan] {
	vertical-align: top;
	border: none;
	padding-left: 0;
	padding-right: 0;
	padding-top: 1rem;
}

label {
	margin-bottom: 5px;
}

html {
	font-size: .9rem;
}
/*h1 {*/
/*	font-size: 1rem;*/
/*}*/
/*h2 {*/
/*	font-size: .9rem;*/
/*}*/

/*Bootstrap 5 when???*/
.pe-none {
	pointer-events: none;
}

@media (min-width: 768px) {
	html {
		font-size: 1rem;
	}
	/*h1 {*/
	/*	font-size: 1.2rem;*/
	/*}*/
	/*h2 {*/
	/*	font-size: 1.1rem;*/
	/*}*/
}

/*@media (min-width: 991px) {*/
/*	html {*/
/*		font-size: 1.2rem;*/
/*	}*/
/*	h1 {*/
/*		font-size: 1.5rem;*/
/*	}*/
/*	h2 {*/
/*		font-size: 1.4rem;*/
/*	}*/
/*}*/

/*@media (min-width: 1200px) {*/
/*	html {*/
/*		font-size: 1.2rem;*/
/*	}*/
/*	h1 {*/
/*		font-size: 1.7rem;*/
/*	}*/
/*	h2 {*/
/*		font-size: 1.6rem;*/
/*	}*/
/*}*/


#table-app, #table-sugg, #table-summary, #dashboard {
	display: none;
}