/* Responsive Rules - 1-05-2020 - Jon */


/* Rules for Phone Sizes */

@media only screen 
  and (min-width: 1px) 
  and (max-width: 767px)  {

	.hide-on-phone {
		display: none !important;
	}
	
	.choose-rep-and-store .label {
		display: block;
		width: 100%;
		font-size: 18px;
		padding: 10px 0;
	}
	
	.main-heading {
		text-align: center;
		font-size: 22px;
	}
	
	div.widget::last-of-type {
		margin-bottom: 0;
	}
	
	.store-name {
		text-align: center;
		font-size: 20px;
		width: 100%;
		margin-bottom: 10px !important;
	}
	
	.please-choose h4 {
		display: block;
		float: left;
		line-height: 20px;
		clear: both;
	}
	
	.sales-rep-name {
		float: left;
		width: 100%;
	}
	
	#vert_total_chart {
		min-height: 180px;
	}
	
	#vert_total_differeance_chart {
		min-height: 180px;
	}
	
	#dining_bedroom_total_differance_chart {
		min-height: 190px;
	}
	
	#horiz_line_comparison_chart {
		min-height: 200px
	}
	
	#horiz_line_comparison_chart_details_beds {
		min-height: 200px
	}


} /* End Phone */


/* ------------------------------------------------ */


/* Rules for Tablet Sizes */

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) {

	.hide-on-tablet {
		display: none !important;
	}
	
	.please-choose h4 {
		display: block;
		float: left;
		line-height: 20px;
		margin-right: 5px;
	}
	
	.sales-rep-name {
		float: left;
		width: 100%;
	}
	
	.store-name {
		margin-bottom: 10px !important;
	}


} /* End Tablet */


/* ------------------------------------------------ */


/* Rules for Desktop Sizes */

@media only screen and 
	(min-width: 1025px) {

	.hide-on-desktop {
		display: none !important;
	}


} /* End Desktop */



.div_30 {
	background-color: rgba(240, 237, 19, .4) !important;
}
.div_60 {
	background-color: rgba(240, 154, 19, .4) !important;
}

.div_90 {
	background-color: rgba(240, 24, 19, .4) !important;
	
}


.caution_30_53 {
	background-color: rgba(240, 237, 19, .4) !important;
}
.warning_54_60 {
	background-color: rgba(240, 154, 19, .4) !important;
}

.danger_61_plus {
	background-color: rgba(240, 24, 19, .4) !important;
	
}



.span_a {
	background-color: rgba(240, 237, 19, .4) !important;
}
.span_l1 {
	background-color: rgba(240, 154, 19, .4) !important;
}

.span_l2 {
	background-color: rgba(240, 24, 19, .4) !important;
	
}