/* OVERALL STYLES */
.x-scroller, .x-scroller-phone { overflow-x: scroll; }

.contents .header .container, .contents .filters { max-width: none; }
.contents {
    z-index: 1000;
    background: #ebf7ff;
    position: relative;
	width: 100%;
	height: 100%;
	display: table;
}

.contents .header {
	width: 94%;
	background: #FFFFFF;
	padding: 2% 3%;
}

.contents .filters h2 { font-weight: normal; }

#filter .breadcrumb {
	padding: 2% 3% 1.5%;
	border-top: 1px solid #c4c4c4;
}
#filter .filters { padding: 10px 3% 0; }
.contents .filters #search .text {
-webkit-appearance: unset;
border-radius: unset;
}

.divider { width: 2%; }
.report { width: 94%; padding: 0 3% 3%; min-width: initial; }
.report .section { margin-bottom: 3%; padding: 4%; }

.report .section h2 { font-size: 14px; }



/* LIGHTBOX STYLES */
#lbOuterContainer, #lbDetailsContainer { width: 90%!important; }
#keyword.contents {
	padding: 0 3%;
	width: 94%;
}
#keyword ol.start { margin-left: 0!important; }

.contents .pop-up, #keyword.pop-up {
	padding: 3%;
	top: 5%;
	width: 84%;
	margin-left: 5%;
	margin-right: 5%;
	left: unset;
	height: auto;
}



/* DASHBOARD PAGE STYLES */
.report .left { width: 74%; margin-right: 2%; }
.report .section h1 { font-weight: normal; }
#summary #overall-performance h1 { font-size: 26px; }

#overview-seperated { margin-bottom:3%; }

#Actions-and-Calls { margin-bottom: 0; }
#Actions-and-Calls .divider { display: none; }
#Actions-and-Calls #actions, #Actions-and-Calls #phone-calls[style="display: table-cell;"] {
	width: 92%;
	display: inline-block!important;
}

#Actions-and-Calls #phone-calls #calls-total, #Actions-and-Calls #phone-calls #calls-avg-length, #Actions-and-Calls #phone-calls #calls-avg-score[style="display: block;"], #Actions-and-Calls #phone-calls #calls-clicked[style="display: block;"] {
	display: table-cell!important;
	vertical-align: middle;
	border-right: 1px solid #cccccc;
	padding: 7px 15px 10px;
}
#Actions-and-Calls #phone-calls > div:last-child { border-right: none; }
#phone-calls div > span { display: block; }
#phone-calls h2 { margin-bottom: 10px; }
#phone-calls h3 { font-size: 15px; margin: 15px 0 8px; }

#Actions-and-Calls #actions { margin-bottom: 3%; }

#listings-mgmt h1 {
	font-size: 34px;
	line-height: 20px;
}

#listings-mgmt ul { margin-top: 30px; }
#listings-mgmt ul li#green, #listings-mgmt ul li#yellow, #listings-mgmt ul li#red { background-size: 35px auto; }

#reviews ul { margin-top: 0; }
#reviews ul li {
	display: block;
	border-right: none;
	border-bottom: 1px solid #cccccc;
}
#reviews ul li > div {
	display: inline-block;
vertical-align: middle;
width: 49%;
} 
#reviews ul li > div:first-child
{ border-right: 1px solid #cccccc; }
#reviews li h1 { margin-top: 0; }
#reviews #graph { width: auto; }
#reviews #graph #ratings-chart { width: 100%; border: none; }


.report .right { width: 23%;  }
.report .right .pdf-btn { font-size: 9px; }
.report .right .section { padding: 10%; margin-bottom: 9%; }




/* LMA DASHBOARD PAGE STYLES */
#insighter .section h2 { font-size: 14px; }
#insighter .section .amount strong { font-size: 14px; }




/* REPORT PAGES STYLES */
#performance-report { width: auto!important; }
#performance-report #Table-tabbed {
	padding: 2%;
	width: 96%;
}

.report .table-navigation {
	position: absolute;
	right: 15px;
	top: 15px;
}

#performance-report.wide, #performance-report.double-wide {
	padding: 0 3% 3%!important;
	margin: 3% 0 0 0!important;
}



/* MONTH/QUARTER REPORT PAGE STYLES */
#trends-report { width: auto; }
#trends-graphs #selection-area {
	width: 80%;
	padding-left: 20%;
}

#trends-report #trends-graphs { padding: 3%; }

#trends-graphs .mini-graphs li { margin-right: .5%; }
#trends-graphs .mini-graphs li h2 { font-weight: normal; }
#trends-table #Table-tabbed { padding: 0; width: 100%; }

#trends-report .table-navigation { right: 20px; }
#trends-graphs .mini-graphs li svg { left: 0!important; }



/* ADS AND KEYWORDS PAGE STYLES */
#ads-and-keywords-report .section { width: auto; }
#top-converting-ads .table-navigation { right: 25px; top: 25px; }

#ads-and-keywords-report #top-converting-ads h4 { font-weight: normal; }
#ads-and-keywords-report #top-converting-keywords .keywords ol { width: 32%; }



/* DEALER CONTENT PAGE STYLES */
#campaign-content { width: auto; }
#campaign-content .top { display: table; width: 100%; }
#campaign-content .top .left { width: 70%; padding: 3%; }
#campaign-content .top .right { width: 24%; padding: 3%; }

#dealer-content .section .location-info { margin-top: 25px; }

#campaign-content .bottom { width: auto; padding: 3%; }
#campaign-content .bottom .ads-and-keywords .ads { width: 40%; margin-right: 2%; }
#campaign-content .bottom h4 { font-weight: normal; }



/* ONLINE VISIBILITY PAGE STYLES */
#reputation {
	width: auto;
	min-width: initial;
	overflow-x: visible;
}



/* PHONE CALL PAGE STYLES */
#review-calls { width: auto; }



/* REVENUE CALCULATOR PAGE STYLES */
#revenue-calculator .section { display: block; }
#revenue-calculator .left {
	min-width: initial;
	max-width: initial;
	width: auto;
	margin-right: 0;
}

#revenue-calculator .calculator .input-container strong { font-weight: normal; }
#revenue-calculator .calculator input { -webkit-appearance: unset; border-radius: unset; }
#revenue-calculator .calculator .avg-order input { margin-left: 5px; }
#revenue-calculator .calculator input:disabled { border: 1px solid #4d4d4d; }

#revenue-calculator .divider { display: none; }
#revenue-calculator .right { width: auto; margin-bottom: 0; }



/* INVESTMENT OPPORTUNITY PAGE STYLES */
#opportunity-tracker .packages {
	max-width: initial;
	width: 100%;
	margin: 0 0 25px 0; 
}

#investment-opportunity { padding: 0 3% 6%; }
#investment-opportunity .error { max-width: initial; }
#opportunity-tracker .main-area { margin-bottom: 35px; }
#opportunity-tracker .cta-bottom-area { max-width: none; }
#opportunity-tracker .cta-bottom-area .right { width: 300px; }

#opportunity-tracker #accelerator-package { margin: 20px 0 10px 0; }



@media screen and (max-width: 1000px) {
	/* MOBILE NAV LINK STYLES */
	.contents .header h1 {
		font-size: 32px;
		font-weight: normal;
		padding-right: 7%;
		position: relative;
	}
	
	.mobile-nav-link {
		width: 30px;
		background: none;
		cursor: pointer;
		position: absolute;
		right: 2%;
		top: 32%;
		display: block;
		z-index: 1000;
	}
	.navigation.on span.mobile-nav-link { display: block; }

	.mobile-nav-link .hamburger {
		background: #334054;
		height: 2px;
		display: block;
		margin-bottom: 5px;
		opacity: 1;
		padding: 0;
	}

	.mobile-nav-link.depressed {
		z-index: 2001;
		margin-top: 0;
		position: fixed;
		top: 20px;
		right: 0;
	}
	.mobile-nav-link.depressed .hamburger { background: #FFFFFF; }
	.mobile-nav-link.depressed #ham-top {
		margin: 0;
		transform: rotate(45deg);
		transition: transform .5s;
	}
	.mobile-nav-link.depressed #ham-center { opacity: 0; }
	.mobile-nav-link.depressed #ham-bottom {
		transform: rotate(-45deg);
		margin-top: -11px;
		transition: transform .5s;
	}

	.navigation {
		position: fixed;
		right: -32%;
		top: 0;
		height: 100%;
		max-height: 100%;
		width: 20%;
		padding: 4%;
		z-index: 2000;
		transition: right .1s ease-in;
		overflow-y: scroll;
	}

	.navigation.on {
		right: 0;
		transition: right .1s ease-in;
	}

	.navigation .help-number a { display: inline-block; margin: 0; padding: 0; }
}


#outcome-grid::before, #performance-grid::before, #trends-table #Table-tabbed:before, #performance-by-search-ad #Table-tabbed:before, #performance-by-keyword #Table-tabbed:before, #review-calls #Table-tabbed:before, #performance-details #Table-tabbed:before {
	content: "Scroll to see additional metrics";
	display: block;
	background: url("/images/accordion-arrow-right.png") no-repeat right 5px top 7px #e5e5e5;
	margin: 20px 0 -21px;
	padding: 5px;
	border: 1px solid #a6a6a6;
	font-size: 11px;
}