body {
	font-family: 'Montserrat';
}
section {
	padding: 15px 60px;
}
.wide {
	width: 85%;
	max-width: 1500px;
}
.collapsible {
	box-shadow: 0 1px 8px rgba(0,0,0,0.1);
	border: none;
}
/* TERRITORY MANAGEMENT PAGE */
#exceptions_tbl td {
	padding: 1px 10px 1px 0px;
} 
#exceptions_tbl tr {
	border-bottom: 1pt solid #e0e0e0;
}
table#territories tbody td {
	padding: 2px 10px;
	vertical-align: middle;
	font-size: 14px;
}
/* TERRITORY PERFORMANCE DASHBOARD */
.snapshot_table table td:first-child {
	font-weight: bold;
}
.snapshot_table tr:last-child {
	font-weight: bold;
	background-color: #f5f5f5;
}
.snapshot_table th {
	border-radius: 0px;
}
.thin_header th {
	padding: 10px 5px;
}
.performance_dashboard .container {
	width: 95%;
}
.performance_dashboard i.small {
	font-size: 10pt;
}
@media screen and (max-width: 1500px) {
	.performance_dashboard {
		font-size: 10pt;
	}
	.performance_dashboard span.small-text {
		font-size: 8pt;
	}
	.snapshot_table i {
		font-size: 9pt;
	}
}
/* CHANNEL GROWTH DASHBOARD */
.datadash_container p {
	font-size: 13px;
}
.datadash_container .row {
	margin: 0px;
}
.datadash_container h3 {
	font-size: 54px;
}
.territory_filters .select-dropdown li.optgroup > span {
	background-color: #f0f0f0;
	color: black;
}
.territory_filters .select-dropdown li.optgroup > span:hover {
	background-color: #e0e0e0;
	color: black;
}
.territory_filters .select-wrapper input.select-dropdown {
	text-overflow: ellipsis;
}
.territory_filters div.col.s2:not(.report_type) .select-dropdown li.optgroup ~ li.optgroup-option {
	padding-left: 0.5rem;
}
.territory_filters div.col.s2:not(.report_type) .dropdown-content li {
	min-height: 0px;
}
.territory_filters div.col.s2:not(.report_type) .dropdown-content li.optgroup > span {
	padding: 10px;
}
.territory_filters div.col.s2:not(.report_type) .dropdown-content li > span {
	padding: 5px;
}
.territory_filters {
	margin-bottom: 2rem; 
	margin-top: 2rem;
}
.territory_filters div:has(>button) {
	padding:1rem 0.75rem 0rem !important;
}
.territory_filters .btn-small {
	padding: 10px 12px;
}

/* SPIN LOADER */
.btn .preloader-wrapper.small.active {
	height: 18px;
	width: 18px;
	vertical-align: text-bottom;
}
.btn .circle-clipper .circle {
	border-width: 2px;
}
.spinner {
	border-color: #9F9F9F;
}
.spinner-button:disabled, .spinner-button[disabled] {
	padding-left: 20px;
}

/* CUSTOMER SIGNUP PAGE */
.signup_form form {
	padding-top: 30px;
  max-width: 630px;
  margin: 0 auto;
  text-align: center;
}
.section_header {
	margin-bottom: 15px;
}
.section_header p {
	font-size: 13px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #bbbbbb;
}
.form_inlinerow {
	margin-bottom: 0px;
}
.notice_container {
	color: #c4151c;
	background-color: #f5f5f5;
	padding: 0.75rem 2.5rem !important;
	font-size: 16px;
	margin-bottom: 2rem;
	box-shadow: none;
	border: 1px solid #e0e0e0;
}
.notice_container h6 {
	font-size: 20px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 1em;
}
@media only screen and (max-width: 1200px) {
	.notice_container h6 {
		font-size: 14px;
	}
	.notice_container p {
		font-size: 12px;
	}
}
#vin_lookup p {
	font-size: 13px;
}
#vin_lookup p b {
	color: #c4151c;
}
.vehicle_info {
	display: none;
}
#warning {
	border-radius: 10px;
	padding: 0.75rem;
}
#warning p {
	margin-top: 10px;
	margin-bottom: 10px;
}
p.paymentselect {
	border: none;
}
@media (max-width: 600px) {
	.collapsible-header i {
		width: 22px;
		font-size: 22px;
	}
}
#searchbar_div .row {
	margin: 0 15px;
}
#searchbar_div .search-bar {
	padding-right:0; 
	padding-left:0;
}
.customer_details input[type=text]:disabled,
.customer_details textarea.materialize-textarea:disabled,
.request_details input[type=text]:disabled,
.request_details textarea.materialize-textarea:disabled {
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.customer_details .reg i.tooltipped{
	color: #bdbdbd;
}
.customer_details .tooltipped.disabled-button {
	box-shadow: none; 
	background-color: #DFDFDF; 
	font-size: 12px;
	line-height: 20px;
	height: auto;
}
[name*="claimbtn"] {
	width: 100%;
}
.customer_details table td:first-child {
	font-weight: bold;
}
.customer_details table.right-align th:nth-child(2), 
.customer_details table.right-align td:nth-child(2) {
	text-align: right;
}
.customer_details tr:not(:last-child) {
	border-bottom: 1pt solid #eeeeee;
}
#need-changes {
	padding: 10px;
}
#need-changes h6 {
	font-size: 20px;
	margin: 10px 0px;
	font-weight: bold;
	text-transform: uppercase;
}
#need-changes p {
	margin: 10px 0px;
}
@media (min-width: 601px) and (max-width: 941px) {
	.claim_btn {
		width: 100%;
		padding: 0 5px;
	}
}
@media (min-width: 992px) and (max-width: 1049px) {
	.claim_btn {
		width: 100%;
		padding: 0 5px;
	}
}
@media (max-width: 375px) {
	.claim_btn {
		width: 100%;
	}
}
@media (max-width: 601px) {
	.header_btn {
		margin-bottom: 0.7rem;
	}
	div.header_btn {
		padding: 0;
	}
	.row .col.header_btn {
		padding: 0;
	}
	.reg>div.row.form_inlinerow:first-child {
		margin-top: -15px;
		padding-top: 15px;
		margin-left: 0px;
		margin-right: 0px;
		padding-left: 15px;
		padding-right: 15px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		background-color: #f5f5f5;
	}
}
@media (min-width: 602px) {
	.header_btn {
		margin-top:0.3rem;
	}
}
@media (min-width: 602px) and (max-width: 1366px) {
	.header_btn {
		padding: 0 5px;
	}
}
@media (min-width: 601px) and (max-width: 800px) {
	.header_btn {
		font-size: 12px;
	}
}
.search_field::placeholder {
	color: black;
}

/* CLAIM VIEWER */
.claim_details .collapsible .collapsible-header .chevron {
	transition: transform .2s;
}
.claim_details .collapsible>.active .collapsible-header .chevron {
	transform: rotate(-90deg);
}
.claim_details input:disabled,
.claim_details input[read-only]:not(.select-dropdown),
.claim_details input[readonly]:not(.select-dropdown),
.claim_details textarea.materialize-textarea:disabled {
  color: rgba(0, 0, 0, 0.42);
  border-bottom: 1px solid rgba(0, 0, 0, 0.26) !important;
}
.claim_details div.collapsible-body {
	background-color: #ffffff;
}
label.required:after {
	position: initial !important;
	display: inline-block !important;
	content: "\00a0*" !important;
	color: red !important;
	opacity: 1 !important;
}
@media (max-width: 348px) {
	.claim_app_btns {
		width: 100%;
	}
	.claim_app_btns:nth-child(2) {
		margin-top: 1rem;
	}
}

/* DASHBOARD PAGE */
.dash_num {
	color: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 300;
	line-height: 1rem;
	font-size: 40px;
}
@media (max-width: 1200px) {
	h2.dash_num {
		font-size: 28px;
	}
}
.dash_card {
	background-color: #c4151c;
}
.card-content {
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.tbl-dashboard th {
	border-bottom: none;
	background-color: #c4151c;
	color: #fff;
	padding: 10px 15px;
	font-size: 13px;
	border-radius: 0px;
}
.tbl-dashboard td {
	border-bottom: 1px solid #ddd;
	padding: 15px 15px;
	font-size: 18px;
	font-weight: 300;
}
.card .card-metrics {
	display: flex;
}
.card .card-metrics .card-metric {
	cursor: default;
	padding: 24px;
	color: #000000;
}
.card-metric-title {
	font-weight: 600;
}
.card-metric-value {
	font-size: 1.25rem;
	font-weight: 300;
}
#dashchart_tabs, #dashchart_tabs li {
	height: auto;
}
#dashchart_tabs li a {
	padding-top: 30px;
	padding-bottom: 30px;
}
#dashchart_tabs li:hover {
	background-color: rgba(0,0,0,0.05);
}
#dashchart_tabs .card-metric-title {
	text-wrap:auto;
	line-height: 20px;
	text-transform:capitalize;
}
#dashchart_tabs .card-metric-value {
	font-weight: 600;
}
#dashchart_tabs .indicator {
	background-color: #000;
	height: 4px;
	top: 0;
}
#deeprev, #deepunits, #deepgpw {
	padding: 20px;
}
/* LOGIN PAGE */
.login_bg {
	background-color: #ffffff;
	height: 100%;
	width: 100%;
  	margin: 0;
	overflow:hidden;
	z-index: -1;
}
@media (max-width: 992px) {
	.login_bg {
		overflow-y: auto;
	}
}
#main_background {
	width: 66.7%;
	height: 100%;
	overflow: hidden;
	-webkit-transform: skewX(-15deg);
  transform: skewX(-15deg);
  -webkit-transform-origin: top left;
  transform-origin: top left;
  background: linear-gradient(150deg,#c4154B 10%,#c4151c 70%,#c42515 90%);
}
@media (min-width: 993px) and (max-width: 1200px) {
	#main_background {
		width: 62%;
	}
}
@media (min-width: 601px) and (max-width: 992px) {
	#main_background {
		width: 100%;
		height: 66.7%;
		min-height: 500px;
		-webkit-transform: skewY(5deg);
	  transform: skewY(5deg);
	  -webkit-transform-origin: top right;
	  transform-origin: top right;
	  background: linear-gradient(150deg,#c4154B 20%,#c4151c 70%,#c42515 90%);
	}
	#main_background span:first-child {
		top:85%;
    left:0;
		width: 20%;
    height: 5%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		animation-name: resizeone;
		animation-duration: 9s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizeone {
		0% {width: 20%;}
		20% {width: 25%;}
		40% {width: 15%;}
		60% {width: 20%;}
		80% {width: 10%;}
		100% {width: 20%;}
	}
	#main_background span:nth-child(2) {
		top: 10%;
    left:0;
    right: auto;
		width: 30%;
	  height: 5%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		animation-name: resizetwo;
		animation-duration: 14s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizetwo {
		0% {width: 30%;}
		20% {width: 35%;}
		40% {width: 20%;}
		60% {width: 25%;}
		80% {width: 5%;}
		100% {width: 30%;}
	}
	#main_background span:nth-child(3) {
		top: 40%;
    right:0;
		width: 20%;
	  height: 5%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		animation-name: resizethree;
		animation-duration: 10s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizethree {
		0% {width: 20%;}
		20% {width: 30%;}
		40% {width: 15%;}
		60% {width: 25%;}
		80% {width: 10%;}
		100% {width: 30%;}
	}
}
@media (max-width: 600px) {
	#main_background {
		width: 100%;
		height: 85%;
		min-height: 500px;
		-webkit-transform: skewY(5deg);
	  transform: skewY(5deg);
	  -webkit-transform-origin: top right;
	  transform-origin: top right;
	  background: linear-gradient(150deg,#c4154B 20%,#c4151c 70%,#c42515 90%);
	}
	#main_background span:first-child {
		top:85%;
    left:0;
		width: 20%;
    height: 5%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		animation-name: resizeone;
		animation-duration: 9s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizeone {
		0% {width: 20%;}
		20% {width: 25%;}
		40% {width: 15%;}
		60% {width: 20%;}
		80% {width: 10%;}
		100% {width: 20%;}
	}
	#main_background span:nth-child(2) {
		top: 10%;
    left:0;
    right: auto;
		width: 30%;
	  height: 5%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		animation-name: resizetwo;
		animation-duration: 14s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizetwo {
		0% {width: 30%;}
		20% {width: 35%;}
		40% {width: 20%;}
		60% {width: 25%;}
		80% {width: 5%;}
		100% {width: 30%;}
	}
	#main_background span:nth-child(3) {
		top: 40%;
    right:0;
		width: 20%;
	  height: 5%;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		animation-name: resizethree;
		animation-duration: 10s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizethree {
		0% {width: 20%;}
		20% {width: 30%;}
		40% {width: 15%;}
		60% {width: 25%;}
		80% {width: 10%;}
		100% {width: 30%;}
	}
}
#main_background, #main_background span {
	position: absolute;
}
@media (min-width: 992px) {
	#main_background span:first-child {
		top:0;
    left: 0;
		width: 10%;
    height: 50%;
		border-right: 1px solid rgba(255,255,255,0.3);
		animation-name: resizeone;
		animation-duration: 9s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizeone {
		0% {height: 50%;}
		20% {height: 30%;}
		30% {height: 50%;}
		50% {height: 35%;}
		70% {height: 20%;}
		85% {height: 15%;}
		100% {height: 50%;}
	}
	#main_background span:nth-child(2) {
		bottom: 0;
    left: 5%;
    right: auto;
		width: 25%;
	  height: 33%;
		border-right: 1px solid rgba(255,255,255,0.4);
		animation-name: resizetwo;
		animation-duration: 14s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizetwo {
		0% {height: 33%;}
		20% {height: 30%;}
		30% {height: 50%;}
		50% {height: 35%;}
		70% {height: 15%;}
		80% {height: 25%;}
		95% {height: 0%;}
		100% {height: 33%;}
	}
	#main_background span:nth-child(3) {
		top: 0;
    left: 75%;
    right: auto;
		width: 10%;
	  height: 25%;
		border-right: 1px solid rgba(255,255,255,0.4);
		animation-name: resizethree;
		animation-duration: 14s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizethree {
		0% {height: 25%;}
		20% {height: 30%;}
		30% {height: 35%;}
		50% {height: 20%;}
		70% {height: 10%;}
		85% {height: 15%;}
		90% {height: 10%;}
		100% {height: 25%;}
	}
	#main_background span:nth-child(4) {
		bottom: 0;
    left: 65%;
    right: auto;
		width: 5%;
	  height: 10%;
		border-right: 1px solid rgba(255,255,255,0.3);
		animation-name: resizefour;
		animation-duration: 7s;
		animation-iteration-count: infinite;
		animation-timing-function: ease-in-out;
	}
	@keyframes resizefour {
		0% {height: 10%;}
		20% {height: 15%;}
		30% {height: 10%;}
		50% {height: 12%;}
		70% {height: 5%;}
		85% {height: 10%;}
		95% {height: 4%;}
		100% {height: 10%;}
	}
}
.login_content {
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 2;
}
.login_row {
	height: 100%;
	width: 100%;
	position: absolute;
	padding: 0px 50px;
	z-index: 2;
	display: flex;
  align-items: center;
}
@media (max-width: 992px) {
	.login_row {
		display: block;
	}
}
@media (max-width: 600px) {
	.login_row {
		padding: 10px 25px;
	}
}
.login_row img {
	margin-top: 75px;
	max-width: 60%;
	height: auto;
	width: auto;
}
@media (max-width: 350px) {
	.login_row img {
		margin-top: 50px;
	}
}
.login_row h3 {
	font-weight: 400;
	font-size: 36px;
	margin: 10px 0px 25px -2px;
}
@media (min-width: 601px) and (max-width: 1200px) {
	.login_row h3 {
		font-size: 28px;
	}
}
@media (min-width: 401px) and (max-width: 600px) {
	.login_row h3 {
		font-size: 26px;
	}
}
@media (max-width: 400px) {
	.login_row h3 {
		font-size: 18px;
		margin: 5px 0px 25px -1px;
	}
}
.login_row p {
	font-size: 17px;
	font-weight: 300;
}
@media (max-width: 600px) {
	.login_row p {
		font-size: 15px;
		margin-bottom: 10px;
	}
}
#login_body {
	padding-bottom: 50px;
}
@media (min-width: 601px) and (max-width: 992px) {
	#login_body {
		height: 66.7%;
		min-height: 475px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
	}
}
@media (max-width: 600px) {
	#login_body {
		height: 85%;
		min-height: 475px;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-webkit-align-items: center;
				-ms-flex-align: center;
						align-items: center;
	}
}
.login_announcement {
	font-size: 14px;
	background: rgba(0,0,0,0.1);
	border-radius: 15px;
	padding: 6px;
	color: #ffffff;
	text-decoration: none;
}
.login_announcement_label {
	padding: 2px 8px;
	margin: 0px 6px 0px 0px;
	border-radius: 10px;
	font-size: 13px;
	background-color: #57ede7;
	font-weight: 500;
	color: #ffffff;
}
.login_announcement i {
	position: relative;
	top: 1px;
	font-size: 14px;
	font-weight: 600;
}
@media (max-width: 350px) {
	.login_announcement {
		font-size: 12px;
	}
	.login_announcement_label {
		font-size: 11px;
	}
	.login_announcement i {
		font-size: 12px;
	}
}
/* DEALER LIST */
.dataTables_filter > .form-control {
	display: inline;
}
.dataTables_wrapper .dataTables_filter input {
	border-radius: 0px !important;
}
@media only screen and (max-width: 640px) {
	.dataTables_filter label, .dataTables_filter > label, .dataTables_filter input {
		display: inline-block;
		width: 100%;
		text-align: left;
	}
}
@media only screen and (min-width: 641px) {
	.dataTables_filter label, .dataTables_filter > label, .dataTables_filter input {
		display: inline-block;
		width: 200px;
		text-align: left;
		margin-right: 30px;
	}
}
/* ORDER DETAILS */
.order_details input[type=text]:disabled,
.order_details textarea.materialize-textarea:disabled {
  color: rgba(0, 0, 0, 0.9);
  border-bottom: 1px solid rgba(0, 0, 0, 0.26);
}
.order_details .select-wrapper input.select-dropdown {
	margin: 0 0 15px 0;
}
.order_details .small_table td {
	padding-top: 5px;
	padding-bottom: 5px;
}
/* DEALER REWARDS */
#dr_logo {
	max-width: 450px;
  width: 100%;
  height: auto;
}
#dr_car {
	max-width: 900px;
  width: 100%;
  height: auto;
}
#howitworks, #pointstracker, #pointstable {
	padding: 20px;
}
#howitworks, #pointstable, #pointstracker {
	text-align: center;
}
@media (max-width: 920px) {
	#howitworks, #pointstable, #pointstracker {
		text-align: left;
	}
}
#howitworks h3, #pointstable h3, #pointstracker h3 {
	color: #1A1918;
  font-weight: 300;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 40px;
}
#howitworks h5, #pointstable h5, #pointstracker h5 {
	color: #c4151c;
	text-align: left;
  margin: 1.5rem 0 0.656rem 0;
}
#howitworks img, #pointstable img, #pointstracker img {
	clear: both;
}
#howitworks p, #howitworks ol, #pointstable p, #pointstracker p {
	clear: both;
	text-align: left;
	font-weight: 300;
	color: #444;
	font-size: 16px;
}
#icons {
	padding: 0px;
	margin: 0px;
}
#howitworks #icons img {
	max-width: 250px;
	width: 100%;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* Dealer Profile */
.req_badge_d {
	font-size: 0.7rem;
	line-height: 18px;
	height: 18px;
  	background-color: #c4151c !important;
}
.req_badge_t {
  background-color: #c4151c !important;
}
.dyn_label {
	width: auto;
}

/* Analytics Tabs */
.clickable_link {
	cursor: pointer;
}

.mini_card ul {
	border-radius: 10px !important;
}
.mini_card ul, .mini_card ul li {
	height: auto !important;
	border-right: 1px solid #e8e8e8 !important;
}
.mini_card ul li a {
	padding-top: 1rem !important;
	padding-bottom: 0.5rem !important;
}
.mini_card ul .card-metric-title {
	text-wrap:auto !important;
	line-height: 20px !important;
	text-transform:capitalize !important;
	font-size: 1rem !important;
	margin-bottom: 1rem;
}
.mini_card ul .card-metric-value {
	font-weight: 400 !important;
	font-size: 1rem !important;
	text-transform: none !important;
}
.mini_card ul .indicator {
	height: 0px !important;
	top: 0 !important;
}
.mini_card .tabs .tab {
	line-height: 2rem !important;
	text-transform: none;
}

/* Order page */
.special_cell {
	border-top: 1px solid #c2c2c2;
}
#lineitem_rows tr:not([id="subtotal"]):not([id="tax"]):not([id="total"]):not([id="discountrow"]):not([id="shipping"]):not([id="addcredits_row"]):not([id="addrewards_row"]) {
	border-bottom: 1px solid #e8e8e8;
}
#lineitem_rows input {
	margin-bottom: -1px;
	margin-top: 5px;
	font-size: 15px;
}
#subtotal, #tax, #total, #discountlabel, #shipping, #creditlabel, #creditcell, #rewardlabel, #rewardcell {
	font-weight: bold;
	border-bottom: none;
}
#addcredits_row, #addrewards_row {
	display: none;
}
#max_credits, #max_rewards {
	font-size: 10px;
	font-weight: normal;
	color: #c4151c;
}
#discountrow, #addcredits_row, #addrewards_row {
	border-bottom: none;
}
#discountrow input, #addcredits_row input, #addrewards_row input {
	margin-bottom: 0px;
	margin-top: 0px;
	font-size: 15px;
}
#lineitem_rows td {
	padding: 0px 25px 0px 5px;
}
#new_line td, #subtotal td, #tax td, #total td, #shipping td, #discountrow td, #addcredits_row td, #addrewards_row td {
	padding: 15px 5px;
}
.delete_row {
	padding: 0px;
	vertical-align: middle;
}

/* Order Details */
.summary-row {
	font-weight: bold;
	border-bottom: none !important;
}
.order_details h4 {
	font-size: 30px;
	margin: 10px 0px;
}
.order_details .row .row {
	margin-bottom: 0px;
}

/* Client Order List */
.clickable_row {
	cursor: pointer;
}

/* ORDER ANALYTICS */
#net h5, #gross h5, #accounting h5, #products h5, #fulfillment h5, #gpw h5, #channel h5, #summary h5, #active_dealers h5, #inactive_dealers h5, #distributors h5 {
	color: #c4151c;
}
#net i, #gross i, #accounting i, #products i, #fulfillment i, .ind_container i {
	color: #c4151c;
	font-size: 14px;
}
#net p, #gross p, #accounting p, #products p, #fulfillment p, #gpw p, #channel p, #summary p, #active_dealers p, #inactive_dealers p, #distributors p, #net ul, #gross ul, #accounting ul, #products ul, #fulfillment ul {
	font-size: 13px;
}
/* DEALER PROFILE */
#exocare i, #credits table i, #auto_emails i, #tbl_skus i {
	color: #c4151c;
	font-size: 14px;
	vertical-align: text-top;
}
.modal_trigger_row, .trigger_rewardsmodal {
	cursor: pointer;
}
.modal-content .select-dropdown {
	max-height: 225px;
}
/* CREDIT ANALYTICS */
.nav-content .tabs.tabs-transparent {
  background-color: transparent;
	display: flex;
	justify-content: center;
	-webkit-box-shadow: inset 0 3px 10px -6px #333333;
	-moz-box-shadow: inset 0 3px 10px -6px #333333;
	box-shadow: inset 0 3px 10px -6px #333333;
	color: #fff;
}
@media only screen and (max-width: 1200px) {
	.nav-content .tabs.tabs-transparent {
		justify-content: left;
	}
}
#tbl_ADcredits {
	margin-top:25px;
}
/* PARTNER REWARDS */
.fullpage_faqs {
	border: none;
	box-shadow: none;
	-webkit-box-shadow: none;
}
.fullpage_faqs li {
	margin-bottom: 1rem;
}
.fullpage_faqs .collapsible-header {
	border-radius: 10px;
	border-bottom: none;
}
.fullpage_faqs .collapsible-body {
	border-bottom: none;
	padding: 0rem 0rem 1rem 4rem;
}
.fullpage_faqs .active .collapsible-header i, .resource_docs .active .collapsible-header i {
transform: rotate(90deg);
transition: transform .2s;
}
.fullpage_faqs li:not(.active) .collapsible-header i, .resource_docs li:not(.active) .collapsible-header i {
transition: transform .2s;
}
@media (max-width: 600px) {
	.collapsible-header i {
		width: 22px;
		font-size: 22px;
	}
}
.faq_contentlist li {
	list-style-type: disc !important;
	margin: 0px 0px 0px 25px;
}
.faq_orderedlist li {
	margin-bottom: 0px;
}
.active_tier {
	font-size: 10px;
	font-weight: 300;
	color: #ffffff;
	line-height: 10px;
	height: 10px;
}
.tier_title {
	background-color: #c4151c;
	padding: 20px 10px 0px 10px !important;
	min-height: 75px;
	border-radius: 10px 10px 0px 0px;
}
.tier_number {
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	font-weight: 300;
	margin: 0px;
}
.tier_name {
	color: #fff;
	text-transform: uppercase;
	font-size: 22px;
	font-weight: 500;
	margin-bottom: 25px;
}
.tier_criteria {
	padding: 10px 10px 10px 10px !important;
	min-height: 180px !important;
	background-color: #ffffff;
	border-bottom: 1px solid #bdbdbd;
}
.tier_criteria p {
	color: #424242;
	font-size: 15px;
	font-weight: 300;
	line-height: 110%;
	margin: 10px 0px;
}
.tier_value {
	border-bottom: 1px solid #bdbdbd;
}
.tier_value:last-child {
	border-radius: 0px 0px 10px 10px;
}
.tier_value h5 {
	color: #c4151c;
	font-size: 20px;
	margin-bottom: 0px;
	min-height: 29px;
}
.tier_value p {
	color: #424242;
	font-size: 14px;
	font-weight: 300;
	margin-top: 0px;
}
.inactive_tier {
	padding-top: 30px !important;
	padding-bottom: 10px !important;
	background-color: #f8f8f8;
	border-bottom: 4px solid #c4151c;
}
.inactive_tier .tier_number, .inactive_tier .tier_name {
	color: #c4151c;
}
@media (max-width: 1200px) {
	.tier_criteria {
		padding: 10px 25px 10px 25px;
	}
}
.redeemheader {
	color: #c4151c;
}
.process_label {
	font-size: 18px;
	font-weight: 400;
	color: #535353;
	padding: 10px !important;
	border: 2px solid #00acc1;
	border-radius: 4px;
}
.process_arrow i {
	font-size: 60px;
	font-weight: 400;
}
#preapp_link, #claim_link {
	cursor: pointer;
}
@media (max-width: 1200px) {
	.process_arrow i {
		font-size: 40px;
	}
}
@media (max-width: 600px) {
	#redemption_process {
		display: block;
	}
	.process_label {
		text-align: center;
	}
	.process_arrow i {
		transform: rotate(90deg);
	}
}
table.rewardsitems tbody tr td {
	border-bottom: 1px solid #eeeeee;
}
table.rewardsitems tbody tr td.last_row {
	border-bottom: none;
}
#rewards-balance-header {
	padding-top: 25px;
	padding-bottom: 25px;
}
#rewards-balance-header .col div {
	width:fit-content;
	background: linear-gradient(120deg,rgba(196, 21, 28, 0.6) 0%, rgba(196, 21, 75, 1) 50%, rgba(196, 37, 21, 0.8) 100%);
	border-radius: 15px;
	padding:5px 15px;
	color:#ffffff;
	font-weight:300;
	font-size: 13px;
}
.tabbed_container {
  margin-bottom: 25px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.tabbed_container div:first-child {
	margin-left:0px;
	margin-right:0px;
}
.tabbed_container div:first-child div.col {
	padding-left:0px;
	padding-right:0px;
}
.fw-icontabs {
	background-color: #ffffff;
	width: 100%;
	min-height:150px;
}
.fw-icontabs .tab {
	min-height:150px;
}
.fw-icontabs .indicator {
	background-color: #c4151c;
}
.fw-icontabs .active {
	background-color: rgba(0,0,0,0.03);
}
.fw-icontabs .tab a,
.fw-icontabs .tab a.active,
.fw-icontabs .tab a:hover {
	color: #c4151c;
	min-height: 100px;
	line-height: 150%;
}
.fw-icontabs .tab:hover {
	background-color: rgba(0,0,0,0.02);
}
@media (max-width: 600px) {
	.fw-icontabs {
		min-height: 125px;
	}
	.fw-icontabs .tab {
		min-height: 125px;
	}
	.fw-icontabs .col i {
		font-size: 40px;
	}
	.fw-icontabs a .col {
		font-size: 13px;
		white-space: normal;
	}
}
#persistent_balance {
	background-color: #fff;
}
#persistent_balance a {
	color: #c4151c;
	height: 64px;
	font-size: 16px;
	font-weight: 300;
}
#persistent_balance a i {
	display: inline-block;
	font-size: 24px;
	vertical-align: top;
}
#balance_dropdown li {
	border-bottom: 1px solid #eee;
}
#balance_dropdown a .stat {
	font-size: 18px;
	color: #c4151c;
}
#balance_dropdown a {
	font-size: 13px;
	display: inline-block;
	white-space: nowrap;
	padding-left: 15px;
	width: 100%;
	height: auto;
	color: rgba(0, 0, 0, 0.87);
}
#balance_dropdown a:hover, #balance_dropdown li:hover {
	background-color: #f8f8f8;
}
@media (max-width: 992px) {
	#persistent_balance a {
		font-size: 13px;
	}
	#persistent_balance a i {
		font-size: 15px;
	}
	#balance_dropdown a .stat {
		font-size: 15px;
	}
	#balance_dropdown a {
		font-size: 11px;
		line-height: 17px;
	}
}
#epr_claimsform {
	display: none;
}
.left_card {
	padding-left: 0px;
}
.right_card {
	padding-right: 0px;
}
@media (max-width: 600px) {
	.left_card {
		padding-left: 0.75rem;
	}
	.right_card {
		padding-right: 0.75rem;
	}
}
@media (max-width: 600px) {
	#sub_column {
		margin-left: 0px;
		margin-right: 0px;
	}
	#sub_column .col {
		padding-left: 0px;
		padding-right: 0px;
	}
	#sub_column label {
		left: 0px;
	}
}

/* DataTables */
table.dataTable tbody tr:hover {
	background-color: #f0f0f0;
}