/* Generic Styles -------------------------------------------- */
	
	html { 
                overflow-y: scroll;
                
        }
	
	body {
		padding-top: 72px;
		padding-bottom: 40px;
                background-image: url(/img/bootstrap/body-bg.png);
	}
    .navbar-fixed-top .navbar-inner {
        background-image: url(/img/bootstrap/body-bg.png);
    }
	
	.wf-loading h1,
	.wf-loading h2,
	.wf-loading h3,
	.wf-loading h4,
	.wf-loading h5,
	.wf-loading h6,
	.wf-loading .brand {
	  visibility: hidden;
	}

	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	    max-width: 1156px;
	    width: 1130px;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #4a4a4a;
		font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
	}
	
	h1 {
		font-size: 24px;
		line-height: 28px;
	}
	
	h2 {
		line-height: 32px;
	}
	
	a:hover, a:active { outline: none; color:#f7921E; }
	a:link { -webkit-tap-highlight-color: #6d0713; }
	/* a { color:#4A4A4A; } */
	a { color:#116A97;}
	
	::-moz-selection{ background: #f7921e; color:#fff; text-shadow: none; }
	::selection { background: #f7921e; color: #fff; text-shadow: none; }
	
	img.scale-with-grid {
		max-width: 100%;
		height: auto;
	}
        #import img.scale-with-grid {
            max-width: 60%;
            height: auto;
            padding: 10%;
            background: #FAFAFA;
            border: 3px solid white;
        }
	
	/*
		Grey Container
	*/
	.grey-cont { background-color:#F7F7F7; }
	
	
	/*
	
	*/
	
	.left { float: left; }
	.right {float: right; }
/* Generic Styles -------------------------------------- [END] */

/* Pagination Styles ----------------------------------------- */

	.pagination p {
		float: left;
		display: inline-block;
		/* *display: inline; */
		zoom: 1;
		margin: 0 20px 0 0;
		line-height: 36px;
	}

	.pagination ul { float: left; }
		/*
			Pagination Hack {phpCake: $this->Paginator->numbers()}
		*/
		.pagination ul li.current {
			color: #f7921e;
		    -moz-border-bottom-colors: none;
		    -moz-border-image: none;
		    -moz-border-left-colors: none;
		    -moz-border-right-colors: none;
		    -moz-border-top-colors: none;
		    border-color: #DDDDDD;
		    border-style: solid;
		    border-width: 1px 1px 1px 0;
		    float: left;
		    line-height: 34px;
		    padding: 0 14px;
		    text-decoration: none;
			background-color: #F5F5F5;
		}

/* Pagination Styles ----------------------------------- [END] */

/* Navigation Styles ----------------------------------------- */

	.navbar {
                background-color:transparent;
                background-image: url(/img/bootstrap/body-bg.png);
		/*background-color: #515050;
		background-image: -moz-linear-gradient(top, #585857, #4a4a4a);
		background-image: -ms-linear-gradient(top, #585857, #4a4a4a);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#585857), to(#4a4a4a));
		background-image: -webkit-linear-gradient(top, #585857, #4a4a4a);
		background-image: -o-linear-gradient(top, #585857, #4a4a4a);
		background-image: linear-gradient(top, #585857, #4a4a4a);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585857', endColorstr='#4a4a4a', GradientType=0);*/
                height: 72px;
                
	}
        .navbar-inner {
                background-color:transparent;
                /*background-image: url(/img/bootstrap/nav-bg2.png);*/
                background-image: none;
                background-repeat: no-repeat;
                background-position: top center;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                border-bottom: 1px solid #efefef;
                width:1200px;
                margin: 0 auto;
                height: 72px;
        
        }
        .navbar-fixed-top .container {
                width: 1180px;
        }

	.navbar .brand {
		color: #ffffff;
		font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		text-shadow: 0 2px 0 #404040;
		text-transform: uppercase;
		padding-left: 55px;
                padding-top: 12px;
		background-image: url(/img/bootstrap/ntklogo.png);
		background-repeat: no-repeat;
		background-position: 0 10px;
                width: 122px;
                line-height: 19px;
                margin-top: 6px;
		margin-left: 5px;
                font-size: 1.8em;
	}
	body.volvo .navbar .brand {
		background-image: url(/img/bootstrap/volvo-wordmark-white.svg);
		width: 20px;
		background-position-y: 27px;
		background-position-x: 20px;
		background-size: 114px;
		padding-left: 130px;
	}
	body.loginRenault .navbar .brand {
		background-image: url(/img/bootstrap/renault-logo.png);
		width: 200px;
	}
	body.loginPSA .navbar .brand {
		background-image: url(/img/bootstrap/psa-logo.png);
		width: 200px;
	}
		.navbar .brand.animated {
			/*padding-left: 50px;
			background-image: url(/img/bootstrap/common/network-toolkit-logo-animated.gif);*/
		}
                .navbar .brand span {
			font-size: .85em;
		}
        .navbar .nav{
                top:19px;
                float: none;
        }
        .navbar .navbar-search {
                top:18px;
        }
    .navbar .nav > li > span.disabled,
	.navbar .nav > li > a {
                font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		text-shadow: 0 1px 2px #121212;
		text-transform: uppercase;
                font-size: 16px;
                padding: 9px 16px 25px;
                color:#aaa;
        }
    .navbar .nav > li > span.disabled {
    	color:#666;
    	display:block;
    }
	.navbar .nav .active > a,
	.navbar .nav .active > a:hover {
		color: #f7921e;
                background: transparent url(/img/bootstrap/nav-a-bg.png) no-repeat bottom center;
	}
        .navbar .nav li.help {
                margin: 5px 0 0 25px;
        }
        .navbar .nav li.help a{
                background-image: url(/img/bootstrap/nav-help.png);
                display: block;
                width: 27px;
                height: 27px;
                text-indent: -9999px;
                overflow: hidden;
                padding: 0;
        }
        .navbar .nav li.print {
                margin: 5px 0 0 3px;
        }
        .navbar .nav li.print a{
                background-image: url(/img/bootstrap/nav-print.png);
                display: block;
                width: 27px;
                height: 27px;
                text-indent: -9999px;
                overflow: hidden;
                padding: 0;
        }
        .navbar .support {
            width: auto;
            padding: 0 15px;
          }
        .navbar .support span {
            color:#f0f0f0;
            display: block;
            font-size: .9em;
          }
	.navbar-search .search-query {
		background: rgba(0, 0, 0, 0.3);
		margin-bottom: 0;
		width: 90px;
	}
	.navbar-search .search-query.long {
		width:180px;
	}
	body.loginRenault .navbar-search .search-query,
	body.loginPSA .navbar-search .search-query {
		width: 170px;
	}
	body.loginRenault .navbar .support,
	body.loginPSA .navbar .support {
		position: absolute;
		display: none;
	}
	body.fra .navbar-search .search-query { width: 72px; }
	body.fra.loginRenault .navbar-search .search-query,
	body.fra.loginPSA .navbar-search .search-query { width: 120px; }
	
    .navbar-search .search-query.disabled {
		background: rgba(0, 0, 0, 0.1);
		margin-bottom: 0;
                color: #333333;
	}
	.navbar .nav li.dropdown a{
            font-size:12px;
        }
	.dropdown-menu li > a:hover,
	.dropdown-menu .active > a,
	.dropdown-menu .active > a:hover {
		color: #ffffff;
		text-decoration: none;
		background-color: #F7921E;
	}
	
	/**
	 * Bubble
	 */
	.bubble {
		position: absolute;
		top: 6px;
		z-index: -1;
		width: 100px;
		height: 27px;
		background-color: #ffffff;
		-moz-border-radius: 3px; /* support older Gecko based browsers */
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		zoom: 1;
		filter: alpha(opacity=10);
		opacity: 0.1;
	}
	
	/**
	 * All Mobile Sizes (devices and browser)
	 */
	@media only screen and (max-width: 980px) { .bubble { display: none; } }

/* Navigation Styles ----------------------------------- [END] */

/* Structure Styles ------------------------------------------ */
	
	.grid { margin-bottom:20px; }
		.grid.start { margin-left: 0; }
		.grid.end { margin-right: 0; }

	.icon-orangearrow {
	        margin: 2px 0 0 15px;
	        background-image :url("/img/bootstrap/orangearrowicon.png");
	        background-position: 0px;
	        background-repeat: none;
	        display: inline-block;
	        height: 14px;
	        vertical-align: text-top;
	        width: 14px;
	    }
	.icon-video {
		        margin: 0 4px 0 0;
		        background-image: url("/img/icons/video.png");
		        background-position: 0px;
		        background-repeat: none;
		        display: inline-block;
		        height: 14px;
		        vertical-align: text-top;
		        width: 14px;
		}
	
	.section-btn {
	            padding: 19px;
	            float: right;
	        }
		.section-btn i { margin: 0 6px 0 0; }

	/*
		Frame Styles
	*/
	.frame {
		border: 1px solid #dddddd;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
		.frame h2 {
			padding: 19px;
			font-size: 18px;
			text-transform: uppercase;
			display: block;
			height: auto;
			float: left;
		}
	
	.frame .header {
		width: 100%;
		height: 70px;
		display: block;
		background: none;
		border: none;
		margin: 40px 0 0 0;
	}
		.frame .header h2 {
			font-size: 30px;
			text-align: center;
			width: 100%;
			display: block;
			padding: 0px;
		}
	
	.frame .data-footer{
		text-align: center;
		width: 100%;
	}
	
		.frame .data-footer p {
			padding: 0 15%;
		}
		
		
        .frame .altrow { background-color: #F7F7F7; }
        .frame p { padding: 19px; }
		.frame #homeRssFeed p { padding: 8px 0; }
       
        .frame .spacerbar {
			clear: both;
			width: 100%;
			margin: 0;
        }

	.frame ol {
		margin-left: 50px;
		margin-bottom: 20px;
	}
	#home .frame { background-color: #fff; }
	#home .no_mon { margin-top: 60px; }	
	#home .no_mon .span6  { width: 100%; } 
	#home .no_mon .span6  { width: 100%; }
	#home .no_mon .frame  { float: left; margin: 0 2%; width:44%; }



/* Structure Styles ------------------------------------ [END] */

/* Table Styles ---------------------------------------------- */	

	.table td { vertical-align: middle; }
	
	.table-padding th, .table-padding td { padding: 8px 19px; }
	
    .table tr { border-bottom:1px solid #DDDDDD; }
	
	.table-bordered { border-radius: 0px; }
	
	td.actions { width: 150px; }
	
/* Table Styles ---------------------------------------- [END] */

/* Header Styles --------------------------------------------- */

	.header {
		background-color: #f7f7f7;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 20px;
	}
	
		.header .container {
			padding-top: 30px;
			padding-bottom: 30px;
			background-image: url(/img/bootstrap/common/header-background.png);
			background-repeat: no-repeat;
			background-position: right -20px;
		}
		.header .container.subpage  {
			padding-top: 25px;
			padding-bottom: 25px;
			background-image:none;
		}
		
			.header .container.subpage h1 { margin-top:10px; }
                        .header .container.subpage blockquote { display:none; }
                        .header .container.subpage .span1 { float:right; padding-right: 5px; width:170px; } /*clien logo*/
			
		.header h1 {
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		
		.header blockquote {
			position: relative;
			width: 260px;
			color: #8d8d8d;
			margin: 0;
			padding: 10px 20px;
			border: none;
		}
		
			.header blockquote p {
				font-size: 13px;
				font-style: italic;
				line-height: 17px;
			}
		
			.header q:before,
			.header blockquote:before {
				position: absolute;
				top: 10px;
				left: 0;
				font-size: 40px;
				color: #e79e43;
				content: "“";	
			}

			.header q:after,
			.header blockquote:after {
				position: absolute;
				bottom: 0;
				right: 0;
				font-size: 40px;
				color: #e79e43;
				content: "”";
			}

/* Header Styles --------------------------------------- [END] */
/* Content Styles --------------------------------------------- */

        .main-wrapper {
                max-width: 1200px;
                border-radius: 4px 4px 10px 10px;
                border: 4px solid #efefef;
                background: #fff;
                margin: 0 auto;
                /*overflow: hidden;*/
                padding: 0 0 30px;
                box-shadow: 0 4px 8px #232323;
                position: relative;

        }
        #reports .main-wrapper {
                min-height: 360px;
        }


/* Content Styles ------------------------------------------[END]  */
/* Home Styles ----------------------------------------------- */

	/* #home {} */
        
                #home .main-wrapper,
                #users.login .main-wrapper {
                    padding-top: 400px;
                    background-image: url(/img/bootstrap/home-intro.jpg);
					background-repeat: no-repeat;
					background-position: top center;  
					background-color: rgb(211, 215, 218);
                }
                #users.login.loginRenault .main-wrapper {
                	background-image: url(/img/bootstrap/home-intro-renault.jpg);
                }
                #users.login .main-wrapper .container { width:560px;}
				.footer_logo { margin-right: 12px;}
		#home .kpi {
			position: relative;
			min-height: 190px;     
		}
                #home #kpis .span3 { /*temp, set bg instead*/
                        background: url(/img/bootstrap/divider.png) no-repeat left center;
                        width: 22.3%;
                }
                #home #kpis .span3.first { /*temp, set bg instead*/
                        background: none;
                }
                
                #home #kpis .cols { /*temp, set bg instead*/
                            padding: 23px 0;
                }
                
                #home #kpis .section-btn {
                    padding: 0;
                }
		
		/*
			RSS
		*/
		#homeRssFeed .rssHeader { display: none; }
		#homeRssFeed .rssBody ul { list-style: none; }
		#homeRssFeed .rssBody ul .rssRow { width: 40%; }
		
		#homeRssFeed .rssBody ul .rssRow.odd { margin: 10px 10% 20px 0; }
		#homeRssFeed .rssBody ul .rssRow.even { margin: 10px 19px 20px 0; }
		#homeRssFeed.rssFeed .rssBody ul li {
			display: inline-block;
			zoom: 1;
			/* *display: inline; */
			vertical-align: top;
		}
		#homeRssFeed.rssFeed .rssBody ul li.rssRow h4 a { color: #666; }
		#homeRssFeed.rssFeed .rssBody ul li.rssRow .subHeader {
		    color: #a8a8a8;
		    font-size: 11px;
		    margin: 5px 0;
		}

		#homeRssFeed .rssRow p {
		    color: #8d8d8d;
		    font-size: 12px;
		    padding: 0px;
		}

		#homeRssFeed .rssRow a.rssReadMore { color: #F7921E; }
		


/* Home Styles ----------------------------------------- [END] */


/*
 * Tooltip
 */
.infoBox {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.tooltip-wrapper {
		display: inline-block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #4D4D4D;


	}
		.tooltip-wrapper .tooltip-content {
			color: #ffffff;
			font-weight: bold;
			text-transform: uppercase;
			padding: 3px 10px;
		}

		.tooltip-wrapper .tooltip-content table{
			font-size: 9px;
		}
		.tooltip-wrapper .tooltip-content table th,
		.tooltip-wrapper .tooltip-content table td{
			border: 1px solid #666;
			padding: 1px 3px;
			background: #333333;
		}
		.tooltip-wrapper .tooltip-content table td {
			font-weight: normal;
		}

		.tooltip-wrapper .tooltip-content table tr.row_selected td,
		.tooltip-wrapper .tooltip-content table tr.row_selected th,
		.tooltip-wrapper .tooltip-content table td.col_selected{
			background: #aaaaaa;
			color:#333333;
		}
		.tooltip-wrapper .tooltip-content table tr.row_selected td.col_selected {
			background: #E6FFFE;
			color:#000000;
		}

		.tooltip-wrapper .tooltip-data {
			text-align: left;
		}

/*
 * InfoBox 
 */
.infoBox { color: #666666; }

	.infoBox-wrapper { position: relative; }

		/* .infoBox-header {} */

			.infoBox-header h1 {
				color: #fff;
				font-size: 18px;
				/*line-height: 36px;*/
				font-weight: normal;
				padding: 10px;
			}

			.infoBox-header h4 {
				font-size: 12px;
				padding: 10px;
				text-transform: uppercase;
				border-bottom: 1px solid #e4e4e4;
				background-color: #fff;
			}

				.infoBox-header h4 span { float: right;	}

		.infoBox-content {
			-webkit-backface-visibility: hidden; /* http://benfrain.com/improving-css-performance-fixed-position-elements/ */
			backface-visibility: hidden;

			background-color: #fff;
			border-bottom: 2px solid #666666;
		}

			.infoBox-content ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.infoBox-content li {
					padding: 10px;
					border-bottom: 1px solid #e4e4e4;
					overflow: hidden;
				}
				.infoBox-content li.last { border-bottom: none; }

		.infoBox-footer {
			padding: 10px;
			background-color: #fff;
		}

		.infoBox-shadow {
			-webkit-backface-visibility: hidden; /* http://benfrain.com/improving-css-performance-fixed-position-elements/ */
			backface-visibility: hidden;

			background-color: rgba(0, 0, 0, 0.10);
			height: 100%;
			outline: 1px solid transparent;
			pointer-events: none;
			position: absolute;
			right: -3px;
			top: 7px;
			width: 95%;
			z-index: -1;
			/*
			-moz-transform: matrix3d(1, 0, 0, 0, 0, 0.97029, 0.24191, -0.0004, 0, -0.24191, 0.97029, -0.00161, 0, 0, 0, 1);
			-webkit-transform: perspective(600) rotateX(14deg);
			*/
		}


/* Tools Styles ------------------------------------------ */

	#tools .img-Cont { text-align: center; }
	
		.tools-backing {
			background-image: url("/img/tools/tools-backing.jpg");
			background-position: 50px 0;
		}
	
/* Tools Styles ----------------------------------------- [END] */

/* Scenarios Styles ------------------------------------------ */
	
	#scenarios.view { padding: 0; }
	#scenarios.view img { max-width: none; } /* Fix Google Map Controls */
	#scenarios.view .navbar { margin-bottom: 0; border-bottom: 1px solid #efefef; }
        #scenarios.view .navbar-inner { border-bottom: none; }
	
	/* https://code.google.com/p/gmaps-api-issues/issues/detail?id=4563 */
	/* Pan and Zoom Issue, this is a language specific fix for Map Controls, to fix other languages, we need to use the languse specific pan title */ 
	.gmnoprint div[title^="Pan"]{opacity: 0 !important;}

	#scenarioViewContainer {
		min-height:	300px;
		min-width:	600px;
		position:	absolute;
		top:		40px;
		bottom:		0;
		left:		0;
		right:		0;
	}
		/*
			Accordian
		*/
		#scenarios #accordion {}
			
			/*#scenarios #accordion .content { padding: 1em 0; }
				#scenarios #accordion .content .group { padding: 0 2.2em 1em 2.2em; }
				
				#accordion_scenario,
				#accordion_dealer,
				#accordion_liveimpact,
				#accordion_liveimpactsettings {
					background-repeat: no-repeat;
				}
				#accordion_scenario { background-image: url(/img/bootstrap/scenarios_block_icon.png);}
				#accordion_dealer { background-image: url(/img/scenarios/pin-icon.gif); background-position: 3px 6px; }
				#accordion_liveimpact { background-image: url(/img/scenarios/live-icon.gif); background-position: 3px 0; }
				#accordion_liveimpactsettings { background-image: url(/img/scenarios/spanner-icon.gif); background-position: 3px 0; }
			
			#scenarios #accordion h4 { margin: 0 0 5px 0; }
			#scenarios #accordion h4 span { color: #F7921E; }
			
			#scenarios #accordion .actions { margin: 20px 0 0 0; }
			
			#scenarios #accordion .ui-selectmenu-dropdown,
			#scenarios #accordion .ui-jqgrid { margin: 0 0 10px 0; }*/
		
		/*
			UI Layout
		*/
		#east-closed {
			position:	absolute;
			top:		0;
			right:		0;
			z-index:	5000; /* preloader {#barholder} 500 */
		}

			#east-closed a {
				display: block;
				overflow: hidden;
				width: 20px;
				height: 21px;
				text-indent: -9999px;
				background-image: url(/img/bootstrap/common/layout-east-open.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
			}

		#west-closed {
			position:	absolute;
			top:		0;
			left:		0;
			z-index:	5000; /* preloader {#barholder} 500 */
		}

			#west-closed a {
				display: block;
				overflow: hidden;
				width: 20px;
				height: 21px;
				text-indent: -9999px;
				background-image: url(/img/bootstrap/common/layout-west-open.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			
			#west-closed.open a { background-image: url(/img/bootstrap/common/layout-west-close.gif); }
			
			
		/*
			Search
		*/
		/* input, textarea, select, .uneditable-input { margin: 0; } */
		
		/*
			Preloader
		*/
		#initialising {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 550;
			width: 100%;
			height: 100%;
			
			background-image: url(/img/bootstrap/common/initialising-background.png);
			background-repeat: repeat;
			background-position: 0 0;
			/*
			background-color: #404040;
			zoom: 1;
			filter: alpha(opacity=50);
			opacity: 0.5;
			*/
		}
		
			#initialising-graphic {
				width: 100px;
				height: 100px;
				margin: 10% auto 0 auto;
			}
			
			#initialising h1 {
				color: #ffffff;
				text-align: center;
			}

		#reports .container.view-report #initialising {
			background-image: none;
			background-color: #fff;
		}
			#reports .container.view-report #initialising h1{
				color: #333;
			}

		
/* Scenarios Styles ------------------------------------ [END] */

/* Monitor Styles -------------------------------------------- */
	
	#networkmonitor {}
		
		#networkmonitor #controls {
			min-height: 100px;
		}
		
		#networkmonitor .actions {
			float: right;
			margin-top: 27px;
		}

		#networkmonitor #throughput { display:none; }
		
		/*
			Kpis
			Styles (.kpi) inherited home page
		*/
		#networkmonitor .kpi-wrapper {
			width:20%;
			display: block;
			float: left;
		}
		#networkmonitor .kpi {
			position: relative;
			cursor: pointer;
			min-height: 230px;
			background: #f5f5f5; /* Old browsers */
			background: -moz-linear-gradient(top, #f5f5f5 0%, #c9c9c9 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* IE10+ */
			background: linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* W3C */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#c9c9c9',GradientType=0 );*/ /* IE6-9 */
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

			.kpi .stats {
				padding: 20px;
				text-align: center;
			}

				.kpi .stats h3,
				.kpi .stats h4,
				.kpi .stats ul li {
					position: relative;
					color: #181818;
				}

				.kpi .stats h3 {
					font-size: 20px;
					line-height: normal;
					text-transform: uppercase;
				}

				.kpi .stats h4 {
					color: #f7921e;
					font-size: 35px;
					line-height: normal;
				}
				
				.kpi sup { font-size: 16px; }

				.kpi .stats ul { margin: 0; }

					.kpi .stats ul li {
						color: #aeaeae;
						list-style: none;
						margin-bottom: 5px;
					}
					
						/*
							Active
						*/
						#networkmonitor .kpi.active { background: #606060; }

						#networkmonitor .kpi.active .stats h3,
						#networkmonitor .kpi.active .stats h4,
						#networkmonitor .kpi.active .stats ul li {
							color:#ffffff;
						}

						/*
							Highlight
						*/
						#networkmonitor .kpi.highlight { background: #606060; }

						#networkmonitor .kpi.highlight .stats h3,
						#networkmonitor .kpi.highlight .stats h4,
						#networkmonitor .kpi.highlight .stats ul li { color:#ffffff; }

						/*
							Indicator
						*/
						.stats h3 span,
						.stats ul li span {
							position: absolute;
							top: 0;
							right: 0;
							display: inline-block;
							width: 15px;
							height: 15px;
							background-position: 0 0;
							background-repeat: no-repeat;
						}
						.stats h3 span { top: 5px; }

							.stats h3 span.up,
							.stats ul li span.up { background-image: url(/img/common/up.png); }
							.stats h3 span.normal,
							.stats ul li span.normal { background-image: url(/img/common/normal.png); }
							.stats h3 span.down,
							.stats ul li span.down { background-image: url(/img/common/down.png); }

						/*
							Drivetime Indicator (Switched)
						*/
						#accessibility .stats h3 span.up,
						#accessibility .stats ul li span.up { background-image: url(/img/common/drivetime-up.png); }
						#accessibility .stats h3 span.down,
						#accessibility .stats ul li span.down { background-image: url(/img/common/drivetime-down.png); }

			.kpi .info-icon {
				/*  display:none; TEMPORARY, REMEMBER TO FIX THIS!!!!!!! */
				position: absolute;
				top: 25px;
				left: 25px;
				cursor: pointer;
				width: 15px;
				height: 15px;
				background-image: url(/img/common/info-icon.png);
				background-position: 0 0;
				background-repeat: no-repeat;
                                z-index: 30;
			}
            
			/*
				Filters
			*/
			#slider-kpis,
			#slider-landtypes,
			#slider-view,
			#slider-maptypes {
				margin:0 0.5em;
			}

				#slider-increments {
					margin-top: 5px;
					padding: 0 10px;
				}

					#slider-increments span {
						float: left;
						font-size: 11px;
						text-align: center;
					}

					#slider-increments span.first {text-align:left;}
					#slider-increments span.last {text-align:right;}

						#kpis #slider-increments span {width: 25%;}
						#landtypes #slider-increments span {width: 25%;}
						#view #slider-increments span {width: 50%;}
						#maptypes #slider-increments span {width: 33%;}
	
	/*
		Change Competitor
	*/
	#networkmonitor a.competitor {
		display: block;
		width: 100%;
		height: 98px;
		background-color: #f7f7f7;
		background-repeat: no-repeat;
		background-position: center 0px;
	}
	
		#networkmonitor a.competitor:hover {
			border: 1px solid orange;
			background-position: center -98px;
		}

		#networkmonitor a.competitor.highlight {
			border: 1px solid orange;
			background-position: center -98px;
		}
	
		a.abarth		{ background-image: url(/img/logos/manufacturers/abarth.png); }
		a.alfa-romeo	{ background-image: url(/img/logos/manufacturers/alfa-romeo.png); }
		a.aston-martin	{ background-image: url(/img/logos/manufacturers/aston-martin.png); }
		a.audi			{ background-image: url(/img/logos/manufacturers/audi.png); }
		a.bentley		{ background-image: url(/img/logos/manufacturers/bentley.png); }
		a.bmw			{ background-image: url(/img/logos/manufacturers/bmw.png); }
		a.cadillac		{ background-image: url(/img/logos/manufacturers/cadillac.png); }
		a.chevrolet		{ background-image: url(/img/logos/manufacturers/chevrolet.png); }
		a.chrysler		{ background-image: url(/img/logos/manufacturers/chrysler.png); }
		a.citroen		{ background-image: url(/img/logos/manufacturers/citroen.png); }
		a.corvette		{ background-image: url(/img/logos/manufacturers/corvette.png); }
		a.daihatsu		{ background-image: url(/img/logos/manufacturers/daihatsu.png); }
		a.ferrari		{ background-image: url(/img/logos/manufacturers/ferrari.png); }
		a.fiat			{ background-image: url(/img/logos/manufacturers/fiat.png); }
		a.ford			{ background-image: url(/img/logos/manufacturers/ford.png); }
		a.honda			{ background-image: url(/img/logos/manufacturers/honda.png); }
		a.hummer		{ background-image: url(/img/logos/manufacturers/hummer.png); }
		a.hyundai		{ background-image: url(/img/logos/manufacturers/hyundai.png); }
		a.infiniti		{ background-image: url(/img/logos/manufacturers/infiniti.png); }
		a.isuzu			{ background-image: url(/img/logos/manufacturers/isuzu.png); }
		a.jaguar		{ background-image: url(/img/logos/manufacturers/jaguar.png); }
		a.jeep			{ background-image: url(/img/logos/manufacturers/jeep.png); }
		a.kia			{ background-image: url(/img/logos/manufacturers/kia.png); }
		a.lamborghini	{ background-image: url(/img/logos/manufacturers/lamborghini.png); }
		a.land-rover	{ background-image: url(/img/logos/manufacturers/land-rover.png); }
		a.lexus			{ background-image: url(/img/logos/manufacturers/lexus.png); }
		a.lotus			{ background-image: url(/img/logos/manufacturers/lotus.png); }
		a.maserati		{ background-image: url(/img/logos/manufacturers/maserati.png); }
		a.mazda			{ background-image: url(/img/logos/manufacturers/mazda.png); }
		a.mercedes		{ background-image: url(/img/logos/manufacturers/mercedes.png); }
		a.mini			{ background-image: url(/img/logos/manufacturers/mini.png); }
		a.mitsubishi	{ background-image: url(/img/logos/manufacturers/mitsubishi.png); }
		a.nissan		{ background-image: url(/img/logos/manufacturers/nissan.png); }
		a.perodua		{ background-image: url(/img/logos/manufacturers/perodua.png); }
		a.peugeot		{ background-image: url(/img/logos/manufacturers/peugeot.png); }
		a.porsche		{ background-image: url(/img/logos/manufacturers/porsche.png); }
		a.proton		{ background-image: url(/img/logos/manufacturers/proton.png); }
		a.renault		{ background-image: url(/img/logos/manufacturers/renault.png); }
		a.rolls-royce	{ background-image: url(/img/logos/manufacturers/rolls-royce.png); }
		a.saab			{ background-image: url(/img/logos/manufacturers/saab.png); }
		a.seat			{ background-image: url(/img/logos/manufacturers/seat.png); }
		a.skoda			{ background-image: url(/img/logos/manufacturers/skoda.png); }
		a.smart			{ background-image: url(/img/logos/manufacturers/smart.png); }
		a.ssang-yong	{ background-image: url(/img/logos/manufacturers/ssang-yong.png); }
		a.subaru		{ background-image: url(/img/logos/manufacturers/subaru.png); }
		a.suzuki		{ background-image: url(/img/logos/manufacturers/suzuki.png); }
		a.toyota		{ background-image: url(/img/logos/manufacturers/toyota.png); }
		a.vauxhall		{ background-image: url(/img/logos/manufacturers/vauxhall.png); }
		a.opel		    { background-image: url(/img/logos/manufacturers/vauxhall.png); }		
		a.volvo			{ background-image: url(/img/logos/manufacturers/volvo.png); }
		a.vw			{ background-image: url(/img/logos/manufacturers/vw.png); }
        a.aprilia		{ background-image: url(/img/logos/manufacturers/aprilia.png); }
        a.victory		{ background-image: url(/img/logos/manufacturers/victory.png); }  
        a.triumph       { background-image: url(/img/logos/manufacturers/triumph.png); }
        a.suzuki-motorbikes     { background-image: url(/img/logos/manufacturers/suzuki-motorbikes.png); }
        a.norton        { background-image: url(/img/logos/manufacturers/norton.png); }
        a.mv-agusta     { background-image: url(/img/logos/manufacturers/mv-agusta.png); }
        a.moto-guzzi    { background-image: url(/img/logos/manufacturers/moto-guzzi.png); }
        a.ktm           { background-image: url(/img/logos/manufacturers/ktm.png); }
        a.kawasaki      { background-image: url(/img/logos/manufacturers/kawasaki.png); }
        a.husqvarna     { background-image: url(/img/logos/manufacturers/husqvarna.png); }
        a.harley-davidson       { background-image: url(/img/logos/manufacturers/harley-davidson.png); }
        a.ducati        { background-image: url(/img/logos/manufacturers/ducati.png); }
        a.buell         { background-image: url(/img/logos/manufacturers/buell.png); }
        a.bmw-motorcycles       { background-image: url(/img/logos/manufacturers/bmw-motorcycles.png); }
        a.benelli       { background-image: url(/img/logos/manufacturers/benelli.png); }
        a.yamaha        { background-image: url(/img/logos/manufacturers/yamaha.png); }
		a.honda-motorcycles     { background-image: url(/img/logos/manufacturers/honda-motorcycles.png); }
		a.alpine     { background-image: url(/img/logos/manufacturers/alpine.png); }
	
	/*
		Maps
	*/
	#networkmonitor.maps {}
		
		#networkmonitor.maps img { max-width: none; } /* Fix Google Map Controls */
        #networkmonitor.maps .header .span1 img { max-width: 100%; } 
		
		#map,
		#graph-map { position: relative; }

			#map_canvas { /* Width & Height jQuery*/ }

			#loading,
			#graph-map-loading {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 999;
				display: none;
				width: 100%;
				height: 425px;
				background-image: url(/img/loading.gif);
				background-repeat: no-repeat;
				background-position: center center;
				background-color: #333333;
				opacity: 0.4;
			}


		#growth-disline-key,
		#distribution1-disline-key {}

			#growth-disline-key .key,
			#distribution1-disline-key .key {
				float: left;
				margin-right: 5px;
				text-align: center;
			}

			#growth-disline-key .key span,
			#distribution1-disline-key .key span {
				display: block;
				border: 1px solid #dddddd;
				width: 1.2em;
				height: 1.2em;
			}

				#growth-disline-key span#minus7 { background-color: #be0000; }
				#growth-disline-key span#minus6 { background-color: #c41919; }
				#growth-disline-key span#minus5 { background-color: #cb3333; }
				#growth-disline-key span#minus4 { background-color: #d14c4c; }
				#growth-disline-key span#minus3 { background-color: #d86666; }
				#growth-disline-key span#minus2 { background-color: #de7f7f; }
				#growth-disline-key span#minus1 { background-color: #e59999; }

				#growth-disline-key span#plus7 { background-color: #01bf44; }
				#growth-disline-key span#plus6 { background-color: #1ac556; }
				#growth-disline-key span#plus5 { background-color: #34cc69; }
				#growth-disline-key span#plus4 { background-color: #4dd27c; }
				#growth-disline-key span#plus3 { background-color: #67d98f; }
				#growth-disline-key span#plus2 { background-color: #80dfa1; }
				#growth-disline-key span#plus1 { background-color: #99e5b4; }

			#growth-disline-key .key p,
			#distribution1-disline-key .key p {
				font-size: 11px;
				text-align: center;
				margin-bottom: 0;
			}

			#distribution1-disline-key span#range1to2 { background-color: #fbfa72; }
			#distribution1-disline-key span#range3to4 { background-color: #f5d06a; }
			#distribution1-disline-key span#range5to6 { background-color: #f1a561; }
			#distribution1-disline-key span#range7to9 { background-color: #e97957; }
			#distribution1-disline-key span#range10 { background-color: #e64f4e; }
			
/* Monitor Styles -------------------------------------- [END] */


/* Import Styles --------------------------------------------- */

/* #Breadcrumbs
================================================== */
ul#breadcrumbs {
    margin: 10px 0 ;
    color: black;
}

ul#breadcrumbs li {
    display: inline;
    margin: 0 10px 0 0;
    color:#888;
}

ul#breadcrumbs li.last {margin-right: 0;}

ul#breadcrumbs li a {
    text-decoration: none;
    color:#888;
}

ul#breadcrumbs li a:visited{}
ul#breadcrumbs li a:hover{
    text-decoration: underline;
    color:#111;
}

ul#breadcrumbs li a.active {
    color: black;
    text-decoration: none;
}


	#import, #importnetwork, #importpotential, #importterritory {}
		
		#import             .frame .header,
		#importnetwork      .frame .header, 
		#importpotential    .frame .header,
		#importterritory    .frame .header {
			height: auto;
			margin-top: 20px;
		}
		#import             .frame .header h2,
		#importnetwork      .frame .header h2,
		#importpotential    .frame .header h2,
		#importterritory    .frame .header h2 {
			font-size: 27px;
			padding-bottom: 20px;
		}
		#import             .header .container,
		#importnetwork      .header .container,
		#importpotential    .header .container,
		#importterritory    .header .container {
			background-image: url(/img/tools/data-import-wizard-grey.png);
			background-position: right 20px;
		}
		
		#import             #preview,
		#importnetwork      #preview,
		#importpotential    #preview,
		#importterritory    #preview {
			overflow: auto;
		}
		
			#import             #preview .highlight,
			#importnetwork      #preview .highlight,
			#importpotential    #preview .highlight,
			#importterritory    #preview .highlight {
				color: #ffffff;
				background-color: #F7921E;
			}            
			
			#import             #preview .highlight2,
			#importnetwork      #preview .highlight2,
			#importpotential    #preview .highlight2,
			#importterritory    #preview .highlight2 {
				color: #ffffff;
				background-color: #636363;
			}

		.import_wizard table select {
			width: 100%;
		}

/* Import Styles --------------------------------------- [END] */

/* Footer Styles --------------------------------------------- */

	.footer {
		color: #ddd;
		padding: 10px 0 0 0;
	}
            .footer a{
                    color: #ffffff;
                    padding: 10px 0 0 0;
            }

/* Footer Styles --------------------------------------- [END] */

/* Report Styles --------------------------------------------- */

	select[multiple] {
	    height: auto;
	}
	
	.spinner { margin: 5px 0 0 0; }

	h3 span.date { font-size: .8em; font-weight: normal }

	#reportContents h3 {
		margin: 40px 0 10px;
	}
	#reportContents .chart_options input[type="radio"],
	#reportContents .chart_options input[type="checkbox"] {
		margin: 3px 6px 3px 12px;
	}
	#reportContents .chart_options input[type="radio"]:first-child,
	#reportContents .chart_options input[type="checkbox"]:first-child {
		margin-left: 0 !important;
	}
	.report_container {
		clear: both;
		overflow: auto;
	}
	#reports .container.view-report {
		position: relative;
		padding-top: 2em;
		min-height: 400px;
	}
	#reports .container.view-report .actions-group{
		position: absolute;
		right: 0;
	}


/* Report Styles --------------------------------------- [END] */

/* Data Table Styles ----------------------------------------- */

	/**
	 * Navbar search
	 */
	.navbar-search .remove-icon {
		cursor: pointer;
		display: block;
		width: 26px;
		height: 26px;
		position: absolute;
		top: 6px;
		right: 9px;
	}
        table.dataTable {
            word-wrap:break-word;
             table-layout: fixed;
            hyphens:auto;
            text-align:justify;
            -webkit-hyphens:auto;
            -webkit-hyphenate-character:"\2010";
            -webkit-hyphenate-limit-after:1;
            -webkit-hyphenate-limit-before:3;
            -moz-hyphens:auto;
            width:100%;
            max-width: 1170px;
        }
        
        table.dataTable caption {
            
            padding:.7em 0;
        }
            table.dataTable caption .field-value {
                color:#333;
                font-size: 14px;
                padding-right: 10px;
            }
            table.dataTable caption .field {
                color:#666;
                font-size: 12px;
            }

	/**
	 * Datatable sorting
	 */
	table.dataTable th.sorting {
		cursor: pointer;
		background-image: url(/img/datatables/background.png);
		background-repeat: no-repeat;
		background-position: right center;
	}

	table.dataTable th.sorting_asc {
		cursor: pointer;
		background-image: url(/img/datatables/background-asc.png);
		background-repeat: no-repeat;
		background-position: right center;
	}

	table.dataTable th.sorting_desc {
		cursor: pointer;
		background-image: url(/img/datatables/background-desc.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
        table.dataTable textarea {
                width:95%;
                margin: 0;
        }

	.dataTables_wrapper { position: relative; /* overflow: auto; */ }
#reports .dataTables_wrapper, #import .dataTables_wrapper { position: static; /* overflow: auto; */ }

	#reports .dataTables_filter { display: none; }
        
        
        /*#reports .dataTables_filter { 
            display: block;
            position: absolute;
            top: -47px;
            left: 180px;
            margin-bottom: 18px;
            
        }
            #reports .dataTables_filter input{ 
                width: 120px;
            }*/
        
	.dataTables_length {
		position: absolute;
		top: -38px;
		left: 0;
		margin: 0 0 10px 0;
	}

	#reports .dataTables_length, #import .dataTables_length{
		position: static;
	}
        
        
	
		.dataTables_length select {
			display: inline;
			width: 70px;
		}
                
        
        .picker-report .dataTable {margin-top:30px;}

	.dataTables_info {
		float: left;
		padding-top: 5px;
	}

	.dataTables_paginate { float: right; }

		.dataTables_paginate a { margin-right: 5px; }

	.ui-layout-west .dataTables_info,
	.ui-layout-west .dataTables_paginate { float: none; }

	.ui-layout-west .dataTables_length {
		position: relative;
		top: 0;
		left: 0;
		margin:0;
	}
	#salesperformance button.btn-primary {
		margin: 2em 0;
		width: 100px;
	}
	#salesperformance #xls_export {
		margin: 2em 0;
	}
	
	
	/*
		Over ride hover tr
	*/
	table.dataTable.table tbody tr.even:hover td,
	table.dataTable.table tbody tr.odd:hover td {
		cursor: pointer;
		background-color: #ffe0c1;
	}

	table.dataTable tr.subrow td{
		color:#666;
		font-size: .9em;
	}
	table.dataTable tr.subrow td.name{
		border-left: 10px solid #ccc;
	}
	table.dataTable tr.nosubrows td.value{
		color:#D33;
	}

.negative {
    color:red;
    }
.second_header th {
    font-size:0.85em;
    text-transform: uppercase;
    vertical-align: middle;
}
.table td.selector, .table th.selector {
    width: 30px;
    text-align: center;
}
.table td.actions, .table th.actions {
    width: 180px;
}
.table th.description {
    width: 240px;
}
.table td.actions {
    text-align: center;
}
#flashMessage {

    max-width: 1130px;
    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px auto;
    padding: 19px;
    background: #FCF8E3;
    
}
#home #flashMessage {
    position: absolute;
    top:100px;
    width:250px;
}
#flashMessage .close {
    right:0;
}
#import.start .container img {
    
    margin:1em 0;
}
.impactonly label {
    display: inline;
    padding-left: 6px;
}
#reportModal #report_wizard {
    margin-left:160px;
}
.no-modal ul#wizard_header {    
    width:100%; 
    padding-bottom: 10px;
}
#reportModal ul#wizard_header {
    float:left;
    margin-left:-160px;
    width: 140px;
    border-right: 1px dotted;
    float:left;
    padding-right: 10px;
    text-align: right;
    position: fixed;

}
#breadcrumbs.import-wizard {
    padding: 1em 0 3em;
    
}

#wizard_header li,
#breadcrumbs li {
    list-style-type: none;
    margin-bottom: 10px;
    line-height: 13px;   
}
#wizard_header li { cursor: pointer; }
#wizard_header li span {
    display: block;
    line-height: 30px;
}
#wizard_header li span b,
#breadcrumbs li span b{
    font-size: 16px;
    background: #ffffff;
    border-radius: 36px;
    padding: 4px 8px;
    display: inline;
}
#breadcrumbs li span b {
    font-size: 18px;
}
.no-modal #wizard_header li {
    float:left;
    width:300px;
}
#breadcrumbs li {
    float:left;
}
.no-modal #wizard_header li.mid {
    width:300px;
}
.no-modal #wizard_header li span {
    display: inline;
}
#wizard_header p {
    display: inline;
}
#reportModal #wizard_header li span b.active,
#breadcrumbs li .active span b{    
    background: #f7921e;
    color:#333;
}
#reportModal #report_wizard .span3,
#reportModal #report_wizard .span5,
#reportModal #report_wizard .span2,
#reportModal #report_wizard .span4{
    margin-left: 10px;
}
#reportModal #report_wizard .span5 {
    width: 270px;
}
#reportModal #report_wizard #reportGenerate{
    display: none;
}
#reportPdf2,
#reportModal #report_wizard #reportPdf2  {
    /*display: none;*/
}

.internalpdf, .btnpdf {
	/*display:none;*/
}

#reportModal .internalgenerate {
    display:none;
}
#reportModal #report_id {
    margin-left: 10px;
}
#report_wizard #fields {
    width: 190px;
}
#report_wizard .potentials label {
    width: 270px;
}
#reportModal #report_wizard #fields,
#reportModal #report_wizard #potentials{
    width: 270px;
}
/*
#report_wizard div.options_territory {
	margin-left: 30px;
}
*/
#reportModal #report_wizard div.options_territory {
	margin-left: 0;
}
#reportModal #picker {
    padding-right: 0;
    padding-bottom: 0;
}
#reportModal #wizard_sections {
    width: 355px;
    overflow-x: hidden;
}
#reportModal .modal-body {
    max-height: 350px;
    padding: 0;
}
#reportModal .well {
    margin: 0;
    background:#fefefe;
    border-radius: 0;
    border-bottom: none;
}
.well .span2.internalsave {
    margin-left: 5px;
}
.well .span2.internalpdf {
    margin-left: 5px;
}
.well2 {
    padding:20px;
    margin-bottom: 20px;
}
#copyModal form {margin: 0;}

/* Data Table Styles ----------------------------------- [END] */

/* Reports wizard -----*/

#import span.fieldname {
	padding-right: 1em;
	vertical-align: middle;
}
/*
.span4 span label,
#import label{
    display: inline;
    padding-left: 6px;
}*/
#import .help-block {
    font-size: 11px;
}
h4.section {
    margin-bottom: 1em;
}
#import .input label {
    display: block;
    padding-left: 0;
}
.span4 span {
    display: block;
}
table {
    font-size:13px;
}

#date_fromMonth,
#date_toMonth {
	width:120px;
	margin-left: 10px;
}
#date_fromYear,
#date_toYear{
	width:70px;
}

.actions-group {
        float: right;
        margin: 0;
        padding: 19px 0;
}
        .actions-group .action {
                float: left;
                margin-left: 10px;
        }

.actions-group i {
    margin: 0 6px 0 0;
}
.hidden {
	display:hidden;
}

.network-monitor.disabled,
.network-monitor.disabled h2,
.customer-allocator.disabled,
.customer-allocator.disabled h2{
    color: #aaa;
}
		
#importnetwork #feedback #feedback .status {

}
#importnetwork #feedback #accuracy_selector select {
    display: inline;
    max-width: 60px;
}
#importnetwork #feedback td.acc_fail {
    background-color: red;
    color:#fff;
}
#importnetwork #feedback label {
	display: inline;
	border-left:1px dotted;
	padding:4px 4px 4px 8px;
	font-size:12px;
	color:#666;
}
#importnetwork .check-btn, #importnetwork .accept-btn {
    margin-right: 4px;
}
#importnetwork #feedback input {
    width:90px;
}
#importnetwork #feedback input.add1 {
    width:180px;
}
#importnetwork #feedback input.add5 {
    width:110px;
}
#importnetwork #feedback th.actions {
    width:185px;
}
#importnetwork #feedback th.issue {
    width:210px;
}
#importnetwork #feedback th.loc {
    width:210px;
}
#importnetwork #feedback table .status {
    width:5px;
    padding: 0;
}
#importnetwork #feedback td.ok {
    background-color: #01bf44;
}
#importnetwork #feedback td.fail {
    background-color: #be0000;
}
#importnetwork #feedback #preview {
    margin-top: 20px;
}
#importnetwork #feedback small {
	font-size: 80%;
}

#importnetwork #feedback #msg {

}
#importnetwork #feedback .status .values {
	text-align:right;
}
#importnetwork #feedback .status .values span {
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding-right:6px;
}
#importnetwork #feedback #progressbar_wrapper {
    background-color: #eee;
}
#importnetwork #feedback #progressbar {
    text-align: right;
    background-color: #F7921E;
	-webkit-transition: all 0.3s ease-out;
	     -moz-transition: all 0.3s ease-out;
	      -ms-transition: all 0.3s ease-out;
	       -o-transition: all ease-out;
	          transition: all ease-out;
}
#importnetwork #feedback #progressbar strong{
    padding: .2em 1em;
}
.dealerlist .unmatch {
    background-color: #fbfa72;
}
.dealerlist .table-striped tbody tr:nth-child(odd) td.unmatch {
    background-color: #fbfa72;
}
.dealerlist tr.unique {
    border-top:2px solid;
}


/* TABS and LAYOUTS ---------------------------------------------- */

.ui-layout-pane .inner-wrapper,
	.ui-layout-pane .tabbable,
	.ui-layout-pane .tab-content{ height: 100%; padding: 0;}
.ui-layout-pane .nav-tabs.external a{
	text-indent: -999px;
	width: 20px;
		min-width: 20px;
	overflow:hidden;
	background-color: rgba(20,20,20,.7);
	color:rgba(235,235,235,.95);
	cursor:pointer;
	margin-top:15px;
	-webkit-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	transition: all .1s ease-out;
	box-shadow: 0px 1px 1px rgba(2,2,2,.1);
}
.ui-layout-pane .tabbable .nav-tabs li.active a,
	.ui-layout-pane .tabbable .nav-tabs a:hover {
		background-color: rgba(255,255,255,1);
		color:#333;	
	}
/*
.ui-layout-resizer-east-closed { right: 0 !important; }
.ui-layout-resizer-east { width:1px !important;}
.ui-layout-resizer-west-closed { left: 0 !important; }
*/

#layout-east { 
	overflow: visible;
	z-index: 5;
	box-shadow: -2px 0 2px rgba(23,23,23,.2);
	border-left: 1px solid #fff;
	}
#layout-east .inner-wrapper {
        /* margin-left: -80px; */
}


#layout-east .tabbable .nav-tabs.external { 
        position: absolute;
        left: -45px;
        overflow: hidden;
        width: 44px;
        border-right: none;
        margin-top: 33px;
}
#layout-east .tabbable .nav-tabs.external a{
        margin-left:5px;
}

#layout-east .tabbable .nav-tabs a:hover {
        margin-left:0;
}
#layout-west { 
	overflow: visible;
	z-index: 6;
	box-shadow: 2px 0 2px rgba(23,23,23,.2);
	border-right: 1px solid #fff;
	}
	#layout-west .tab-pane {
		margin: 10px;
	}
	#layout-west .inner-wrapper {
		/*margin-right: -80px;*/
	}
	
	#layout-west .tabbable .nav-tabs.external { 
		position: absolute;
		right: -35px;
		/*overflow: hidden;*/
		width: 34px;
		border-left: none;
		margin-top: 33px;
	}

	#layout-west .tabbable .nav-tabs.external a{
		margin-left:0;
		/*text-align: right;*/
	}

	#layout-west .main-tabs.tab-content {
		overflow-y: scroll;
	}
	
	/* #layout-west .tabbable .nav-tabs a:hover {		
		width: 24px;
		min-width: 24px;
	} */

#layers-tab a{
	background-image: url(../../img/bootstrap/layers-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	/* --- */
}
#layers-tab.active a, #layers-tab a:hover{
	background-image: url(../../img/bootstrap/layers-icon.png);
}
#help-tab a{
	background-image: url(../../img/bootstrap/help-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 12px 7px;
}
#help-tab.active a, #help-tab a:hover{
	background-image: url(../../img/bootstrap/help-icon.png);
}
#pano-tab a{
	background-image: url(../../img/bootstrap/pano2-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
#pano-tab.active a, #pano-tab a:hover{
	background-image: url(../../img/bootstrap/pano2-icon.png);
}
#sales-performance-tab a{
	background-image: url(../../img/bootstrap/sales-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 11px 9px;
}
#sales-performance-tab.active a, #sales-performance-tab a:hover{
	background-image: url(../../img/bootstrap/sales-icon.png);
}
#sales-performance-tab a:hover{
	background-position: 15px 9px;
}
#live-impact-tab a,
.liveimpact-tab a {
	background-image: url(../../img/bootstrap/live-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
}
#live-impact-tab.active a, #live-impact-tab a:hover,
.liveimpact-tab.active a, .liveimpact-tab a:hover{
	background-image: url(../../img/bootstrap/live-icon.png);
}
#live-impact-tab a:hover,
.liveimpact-tab a:hover{
	background-position: 13px 9px;
}
#liveimpact select[multiple]{
	min-height: 60px;
	min-width: 240px;
	resize: both;
}
	
#contextual-tab a{
	background-image: url(../../img/bootstrap/layers-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#viability-tab.active a, #viability-tab a:hover{
	background-image: url(../../img/bootstrap/viability-icon.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#viability-tab a{
	background-image: url(../../img/bootstrap/viability-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#contextual-tab.active a, #contextual-tab a:hover{
	background-image: url(../../img/bootstrap/layers-icon.png);
}

#layout-east .tab-pane {
	/*position: absolute;
	padding: 10px;
	left: 0px;
	top: 0px;*/
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.tab-content .section-header button,
.tab-content .section-header .button,
.tab-content .section-header .switch {
	float:right;
	margin: .25em 2em;
}
#liveimpact .section-header h2 {
	display: inline-block;
}
.tab-content .section-header a.btn_dynamic {
	margin: .25em 0 .25em 2.1em;
	float: none;
}
.tab-content .section-header a.btn_dynamic.active {
	color: #ffffff;
	background-color: #f89406;
	text-shadow: none;
}
.tab-content h2 {
	font-size: 18px;
}
#layout-east.closed {
	display: block;
	z-index: 3;
}

#helppanel .accordion {
	 width:97%;
}

.tabs-right .options {
	font-weight: bold;
}
.tabs-right .options label {
	display: inline-block;
	margin:0;
	padding: .5em;
	font-weight: normal;
}

.layer-row {
	border-top: 1px solid #e7e6e6;
	border-bottom: 1px solid #e7e6e6;
	padding: 1px 0;
	margin-top: -1px;
}
.layers-container .layer-row .inner-wrapper {
	border-left: 6px solid #d0e2f8;
	padding: .75em 1em;
	height: auto;
	background: #f2f2f2;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.layers-container .layer-row.network.visible.active .inner-wrapper-header{
	background-color: #FCE8B4;
}

.layers-container .layer-row .layer-options {
	border-top: 1px solid #fff;
}
.layers-container .layer-row .layer-options .inner-wrapper {
	border-color: #eee;
	background: #fefefe;
}
.layers-container .layer-row.visible .inner-wrapper {
	border-color: #f8970f;
}
.layers-container .layer-row.visible .layer-options .inner-wrapper {
	border-color: #eee;
}
.layers-container .layer-row.invalid .inner-wrapper {
	/* background: #eaab3d; */
	border-color: red !important;
}
.layers-container .layer-row.invalid .layer-options .inner-wrapper {
	/* background: #fff3c5; */
	border-color: #ffb7b7 !important;
}
.layers-container .map_presets {
	margin-top: 16px;
}

.layers-container .select2-container {
	margin-bottom: 1em;
} 

.layers-container .layer-row .layer-options .inner-wrapper .clearfix {
	margin-top: 1em;
}

.layers-container .layer-row .layer-options table.basemap td {
	text-align: center;
	border: 1px solid #fff;
}
#addDataLayer-container {
	float:right;
}
#addDataLayer-container .dropdown-menu {
	left:auto;
	right: 20px;
	text-align: right;
}
#addDataLayer {
	float: none;
}

.layers-container .ui-state-highlight {
	height: 1em;
	line-height: 1.2em; 
	border: 1px dotted #f8ae0f;
	background-color: #f8f4ec;
	background-image: none;
	margin: .5em;
	padding: 0;
}

.layers-container .layer-row .layername,
.layers-container .layer-row.editing .layername_edit {
	display: inline-block;
	padding: .2em 1em;
	width:124px;
	overflow: hidden;
}
tr input.tsname_edit,
tr.editing .tsname {
	display: none;
}
tr.editing input.tsname_edit {
	display: inline-block;
}
.layers-container .layer-row .layername_edit,
.layers-container .layer-row.editing .layername {
	display: none;
}

.layers-container .options {
	display:inline;
}
.layers-container .layer_btn i {
	font-size: 1.12em;
}
.layers-container a.layer_active,
.layers-container a.labels,
.layers-container a.magnet  {
	color: #AAA;
}
#layers, .layers-container, .layers-container a,
.layers-container .active a.layer_active,
.layers-container .magnet a.magnet,
.layers-container .labels_on a.labels  {
	color: #4a4a4a;
}
.layers-container .layer_btn.open,
.layers-container .layer_btn.open_advanced {
	background-color: #fcfcfc;
	float: right;
	padding: 1em .5em;
	margin: -.5em 0;
	/*box-shadow: 0 0 3px #bbb;*/
}
.layers-container .layer_btn.open:hover,
.layers-container .layer_btn.open_advanced:hover {
	box-shadow: 0 0 3px #f8970f;
}
.layers-container .layer_btn.open .icon,
.layers-container .layer_btn.open_advanced .icon {
	 background: url(/img/bootstrap/options-toggle.png);
	 display:block;
	 width: 7px;
	 height: 8px;
	 overflow: hidden;
	 vertical-align: middle;
	 background-position: 1px 0;
}
.layers-container .expanded .layer_btn.open .icon,
.layers-container .advanced-options.expanded .layer_btn.open_advanced .icon {
	background-position: 0 8px;
}
.slider-holder-single input {
	width: 30px;
	text-align: center;
}
.slider-holder-single .slider {
	display: inline-block;
	width: 70px;
	margin-left: 5px;
}
.input-range input{
	display: inline-block;
	width: 70px;
	text-align: center;
}
.input-range .slider{
	width: 160px;
	margin:0 10px 10px;
}
/* advanced options */

#layers .layer_btn.open_advanced {
	padding: .4em;
	margin-top:.1em;
}
#layers .layer-row .layer-options .advanced-options {
	margin: 20px 0 0;
	background: #eee;
	padding: .25em 1em .1em;
	font-size: .9em;
}
#layers .layer-row .layer-options .advanced-options .controls {
	display: none;
}
#layers .layer-row .layer-options .advanced-options.extended .controls {
	display: block;
}
#layers .layer-row .layer-options table.basemap th {
	text-align: left;
}
/* territory and sector layers */
.layers-container.sublayers .layer-row .inner-wrapper {
	border-left-width: 2px;
}
.layers-container.sublayers .layer-row .inner-wrapper-header {
	padding: .25em 1em;
}
.layers-container.sublayers .layer_btn.open,
.layers-container.sublayers .layer_btn.open_advanced {
	padding: .5em .5em;
	margin: 0;
}
.layers-container.sublayers .layer-options .layer_btn i {
	font-size: .9em;
}
.layers-container.sublayers .layer-row .layername, .layers-container.sublayers .layer-row.editing .layername_edit {
	width: 224px;
}
.sublayers .search_field {
	text-align: right;
	margin:0 .75em;
}
.sublayers .selected_rows {
	margin:.75em;
}
.layers-container .inner-wrapper-header .tsname {
	display:none;
}
.layers-enable {
	padding: 0 0 1em;
}

.territory_tools {
	padding: 1em 0;
}
.territory_tools_body {
	padding:1.6em;
}
.territory_tools_body div.territory_split {
	background-color: #f1fff1;
	padding: 1em .5em;
}
.territory_tools_body .col2 input[type="text"],
.territory_tools_body .col2 input[type="number"] {
	width: 90%;
}
/* search results on sublayers */
.sublayers .filtered_sectors {
	margin: .5em .75em .5em 8em; 
}
.sublayers .filtered_territories {
	margin: .5em .75em .5em 2em;
}
.sublayers .filter_rows .layer_btn.open,
.sublayers .filter_rows .layer_btn.edit {
	display: none;
}
.layers-container.sublayers .filtered_sectors .layer-row .layername{
	width: 205px;
}
.layers-container.sublayers .filtered_territories .layer-row .layername, .layers-container.sublayers .filtered_territories .layer-row.editing .layername_edit {
	width: 155px;
}
.layers-container .filter_rows .inner-wrapper-header .tsname {
	display: inline-block;
	width: 125px;
}

/* MULTISECTOR, MULTITERRITORY */
.layer-row.multi {

	margin-top: 4px;

}
.layers-container .layer-row.multi .inner-wrapper-header {

	background-color: #fcf2ba;
	border-color: #fdbf01;
	border-left-width: 6px;

}
.layers-container .none-selected {
	border: 1px dotted #ccc;
	padding: .5em 1em;
}
.layer-row.multisector .layername {
	width: 236px;
}

.shader_line .color-sq {
	width: 9px;
	height: 1em;
	margin-right: 1px;
	vertical-align: text-top;
}
.shader_line .shader-value {
	font-weight: bold;
}


#add-new-layer-container .inner-wrapper {
	padding: 1em;
	margin-top:-18px;
	display: none;
} 
#add-new-layer-container.expanded .inner-wrapper {
	display: block;
}
#add-new-layer-container .layer_add_btn {
	margin: .3em 0;	
}
#add-new-layer-container a.layer_add_btn:hover {
	color:#fff;
}

#mapcontrol {
	display: none;
}

#layout-south {
	background: #fff url(/img/bootstrap/south-bg.png) repeat-x;
}
	#layout-south .scenario_block {
		width:40%;
		margin: 2px 0;
		padding: 0;
		border-right: 1px solid #cbcbcb;
		background: url(/img/bootstrap/snap-on-logo.svg) no-repeat 0 10px;
		background-size: 80px;
		float:left;
		vertical-align: top;
	}
	#layout-south .scenario_block .inner{
		margin: 2px 20px 2px 100px;
	}
	#layout-south .dealer_block {
		width:59%;
		margin: 2px 0;
		padding:0;
		border-left: 1px solid #fff;
		/* background: url(/img/bootstrap/dealer_block_icon.png) no-repeat 20px 0; */
		display: inline-block;
		vertical-align: top;
	}
	#layout-south .dealer_block .inner{
		margin: 2px 20px 2px 20px;
	}
	#layout-south h2 {
		font-size: 17px;
		line-height: 1em;
	}
	#layout-south h4 {
		font-weight: normal;
		font-size: 12px;
	}
	#layout-south .actions {
		float: right;
	}
	#layout-south #select_dealer_franchise { text-transform: uppercase;}


#salesperformance .content label {
	display: inline-block;
	font-weight: bold;
	min-width: 130px;
}
#salesperformance .content span {
	display: inline;
	font-weight: bold;
	color: #f7921e;
	font-size: 1.2em;
}
#salesperformance .content th span {	
	font-size: .7em;
	display: block;
	line-height: 1.1em;
	color:#666;
}
/* #salesperformance .content .dates {	
	margin-left: 132px;
	margin-bottom: 12px;
} */
#salesperformance .content .dates label,
#salesperformance .content .dates input{
	font-size: .9em;
	display: inline;
	width: 75px;
}
#salesperformance .content .territory {
	margin-bottom: 12px;
}
#salesperformance .content .territory label {
	font-size: 1.1em;
	padding-right: 5px;
}
#salesperformance input.datepicker {
	width: 80px;
}
#salesperformance-table tr:hover .clickable {
	background-color: #f8e1c0;
}
#salesperformance-table td.clickable:hover,
#salesperformance-table th.clickable:hover {
	cursor: pointer;
	background-color: #f8970f !important;
	color: #fff;
}
#salesperformance-table .clickable.selected {
	border: 8px solid #f8970f;
}
.colorbox input { display: none; }

.color-sq {
	display: inline-block;
	height: 12px;
	margin: 0 -2px;
}
.pallete-type {

	float: left;
	margin-right: 4px;

}
.pallete {
	float: left;
	width: 22px;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 4px;
	line-height: 0;
	margin-right: 6px;
	cursor: pointer;
}
.pallete.selected {
	border-color: #f7921e;
}
.pallete .color-sq {
	height: 22px;
	width: 22px;
	margin: 0;
}
.pallete-type label {
	font-size:.9em;
	font-style: italic;
}
.col2 {
	float: left;
	width: 50%;
}

.steps-holder.col2 {
	clear: left;
}
#layers-block .col2 {
	float: left;
	width: 50%;
}
#layers-block .competitors-options .col2 {
	width: 40%;
	font-size: .85em;
}
#layers-block .drivetimes-options .col2 {
	display: none;
}
#layers-block .drivetimes-options .col2.selected {
	display: block;
}
#layers-block .drivetime-shading ul {
	margin-left: 0;
	list-style: none;
}
.section-tools {
	margin-top: 2em;
}
label.competitors-all-label {
	margin-top: 12px;
}
#legend {
	bottom: 0;
	position: absolute;
	z-index: 510;
	left: 120px;
}
#legend .inner-wrapper{
	
	background-color: rgba(250,250,250,.2);
	border-radius: 3px 3px 0 0;
	min-width: 350px;
	padding: 0;
	-webkit-transition: background-color .3s ease-out;
	     -moz-transition: background-color .3s ease-out;
	      -ms-transition: background-color .3s ease-out;
	       -o-transition: background-color .3s ease-out;
	          transition: background-color .3s ease-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
#legend .inner-wrapper.ui-draggable {
	/*bottom: inherit;*/
}
#legend .inner-wrapper:hover {
	background-color: rgba(250,250,250,1);
}
#legend .legend-label {
	display: inline-block;
	text-transform: capitalize;
}
#legend .legend-values-wrapper {
	display: inline-block;
	vertical-align: sub;
}
#legend .legend-row {
	display: none;
	margin: 6px 12px 0;
}
#legend .legend-row.visible {
	display: block;
}
#legend .legend-value {
	/* float: left; */
	font-size: .8em;
	text-align: center;
	/* margin:0 2px;
	overflow: hidden; */
	display: inline-block;
}
#legend .legend-value.first {
	text-align: left;
	font-size: .9em;
	font-weight: bold;
}
#legend .legend-value.last {
	text-align: right;
	font-size: .9em;
	font-weight: bold;
}
#legend .color-range {
	clear: left;
}
.citylabel {
	width: 250px;
	text-align: center;
}
.citylabel span{
	padding: .2em .5em;
	text-shadow: 0 0 4px #fff;
	font-weight: 500;
	color: #444;
}
.citylabel.r0 span { font-size: 14px; }
.citylabel.r1 span { font-size: 12px; }
.citylabel.r2 span { font-size: 11px; }


.multiselect-holder {
	display: inline-block;
}

table .sub-line td,
table tr.sub-line:nth-child(odd) td{
	font-size: .85em;
	background-color: #ffffee;
}
table tr.sub-line:hover td,
table tr.sub-line:hover:nth-child(odd) td{
	background-color: #ffffaa;
}

.modal.fade.ui-draggable-dragging {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.modal span.description {
	display:block;
	font-size: .85em;
	margin: 0 0 1em;
}
.modal .validationError {
	margin-right: 20px;
	font-size: .9em;
	color: #666;
}
span.bigger {
	font-size:1.3em;
}
span.bolder {
	font-weight: bolder;
}
.form-zone {
	clear: both;
	padding: 1em 0;

}
.zone-border {
	border-top: 1px solid #eee;
}

#viability .settings .setting-body {
	background-color: #fafdfd;
	border-radius: 0 6px 6px 6px;
	padding: 2em .5em 1em;
}

#viability .settings .setting-body label span {
	display:inline-block;
	width: 150px;
	text-align: right;
	margin-right: 5px;
}
#viability .settings .setting-body input[type="text"] {
	width:60px;
	font-size: 12px;
	line-height: 12px;
}
#viability .settings .setting-body .tsid_values_items label {
	margin: 0;
}
#viability .settings .setting-body .tsid_values_items label span {
	font-size: 10px;
}
#viability .settings .setting-body .tsid_values_items input[type="text"] {
	width:35px;
	font-size: 10px;
	line-height: 10px;
}
#viability .settings .setting-body .tsid_values_items {
	padding: 0 2em;
}
#viability .content {
	padding:2em 0;
}
.viability-box {
	padding: 0.1em 0.25em;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(255, 0, 0);
	background-color: #ff0000;
	background-color: rgba(250,250,250,.9);
    min-width: 20px;
    text-align: center;
}
.viability-box .viability_selected {
	min-width: 140px;
}
.viability-box .field {
	color: #333;
}
.viability-box .value {
	font-weight: bold;
}
.viability-box .row {
	margin-left:0;
}
.viability-box hr {
	margin:0;
}
#viability-table tr.selected {
	color: #f7921e;
}
/* drivetimes */
.inline-colorpicker-with-slider {
	width:90px;
	position:relative;
}
.inline-colorpicker-with-slider div.slider {
	width: 50px;
	position: absolute;
	left: 32px;
	top: 25px;
}
.dt_delete {
	float: left;
	margin: 24px 10px 0 0;
}
.drivetime_controls label {
	font-size:11px;
	line-height: 13px;
}
.drivetime-controls .value {
	font-weight: bold;
}
#layers-block div.col2.afterselect {
	width: 35%;
	float: right;
	margin-top: 20px;
}
#layers-block div.col2.afterselect btn {
	padding-top: 10px;
	display: inline-block;
	cursor: pointer;
}
#tsManagerTable .icon-list {
	font-size: 11px;
}

#location .main-wrapper .hero-unit{  padding: 20px; height: 300px; margin-bottom:10px;}
#location .main-wrapper .dropdown-menu{
    max-height:300px;
    min-width:350px;
    overflow-y: auto;
}
#location .main-wrapper .current-selections { margin-top: 10px;}
#location .main-wrapper .current-selections li{ margin: .5em 0;}

tr.selected,
tr.selected td {
	background-color: #ffffaa !important;
}

tr.splitResults,
tr.splitResults td {
	background-color: #fafafa !important;
    padding: 0 8px;
    font-size: 10px;
}

.has-switch > div {
	max-height: 28px;
}


#countrySwitcher,
#countrySwitcher select {
	margin-bottom: 0;
}
#countrySwitcher select {
	width: 160px;
}

#forgotpassword {
	color: #888;
  	text-align: right;
}
/* objectpermissions chooser element */
.shared_lines {
	list-style: none;
    zoom: .8;
}
.shared_lines td,.shared_lines th,.shared_lines tr{
	border:none;
	background-color: transparent !important;
}
.shared_lines td {
	padding: .25em .5em;
}
.shared_lines th {
	padding: 1em .15em;
}
.shared_lines select.roles_users {
	max-width: 160px;
	display: inline-block;
	white-space: nowrap;
	margin-right: 5px;
}
.shared_lines select.see_edit {
	max-width: 94px;
}



/* TABS and LAYOUTS -------------------------------------[END] */

/* Media styles ---------------------------------------------- */

@media (max-width: 480px) {
	body { padding: 0; }
	.navbar-fixed-top { margin: 0; }
}
 
@media (max-width: 768px) {
	body { padding: 0; }
	.navbar-fixed-top { margin: 0; }
    .kpi .info-icon { left: 5px; }
}
 
@media (min-width: 768px) and (max-width: 980px) {
	body { padding: 0; }
    
	
}
@media (min-width: 1200px) { 
    .kpi .info-icon { left: 15px; }
}

@media (max-width: 979px) {
	.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0;}
}

.previousValue{
    color:#ccc
}


	
/* Media styles ---------------------------------------- [END] */ 



 /* Generic Styles -------------------------------------------- */
	
	html { 
                overflow-y: scroll;
                
        }
	
	body {
		padding-top: 72px;
		padding-bottom: 40px;
                background-image: url(/img/bootstrap/body-bg.png);
	}
    .navbar-fixed-top .navbar-inner {
        background-image: url(/img/bootstrap/body-bg.png);
    }
	
	.wf-loading h1,
	.wf-loading h2,
	.wf-loading h3,
	.wf-loading h4,
	.wf-loading h5,
	.wf-loading h6,
	.wf-loading .brand {
	  visibility: hidden;
	}

	.container, .navbar-fixed-top .container, .navbar-fixed-bottom .container {
	    max-width: 1156px;
	    width: 1130px;
	}
	
	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		color: #4a4a4a;
		font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
	}
	
	h1 {
		font-size: 24px;
		line-height: 28px;
	}
	
	h2 {
		line-height: 32px;
	}
	
	a:hover, a:active { outline: none; color:#f7921E; }
	a:link { -webkit-tap-highlight-color: #6d0713; }
	/* a { color:#4A4A4A; } */
	a { color:#116A97;}
	
	::-moz-selection{ background: #f7921e; color:#fff; text-shadow: none; }
	::selection { background: #f7921e; color: #fff; text-shadow: none; }
	
	img.scale-with-grid {
		max-width: 100%;
		height: auto;
	}
        #import img.scale-with-grid {
            max-width: 60%;
            height: auto;
            padding: 10%;
            background: #FAFAFA;
            border: 3px solid white;
        }
	
	/*
		Grey Container
	*/
	.grey-cont { background-color:#F7F7F7; }
	
	
	/*
	
	*/
	
	.left { float: left; }
	.right {float: right; }
/* Generic Styles -------------------------------------- [END] */

/* Pagination Styles ----------------------------------------- */

	.pagination p {
		float: left;
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin: 0 20px 0 0;
		line-height: 36px;
	}

	.pagination ul { float: left; }
		/*
			Pagination Hack {phpCake: $this->Paginator->numbers()}
		*/
		.pagination ul li.current {
			color: #f7921e;
		    -moz-border-bottom-colors: none;
		    -moz-border-image: none;
		    -moz-border-left-colors: none;
		    -moz-border-right-colors: none;
		    -moz-border-top-colors: none;
		    border-color: #DDDDDD;
		    border-style: solid;
		    border-width: 1px 1px 1px 0;
		    float: left;
		    line-height: 34px;
		    padding: 0 14px;
		    text-decoration: none;
			background-color: #F5F5F5;
		}

/* Pagination Styles ----------------------------------- [END] */

/* Navigation Styles ----------------------------------------- */

	.navbar {
                background-color:transparent;
                background-image: url(/img/bootstrap/body-bg.png);
		/*background-color: #515050;
		background-image: -moz-linear-gradient(top, #585857, #4a4a4a);
		background-image: -ms-linear-gradient(top, #585857, #4a4a4a);
		background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#585857), to(#4a4a4a));
		background-image: -webkit-linear-gradient(top, #585857, #4a4a4a);
		background-image: -o-linear-gradient(top, #585857, #4a4a4a);
		background-image: linear-gradient(top, #585857, #4a4a4a);
		background-repeat: repeat-x;
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#585857', endColorstr='#4a4a4a', GradientType=0);*/
                height: 72px;
                
	}
        .navbar-inner {
                background-color:transparent;
                /*background-image: url(/img/bootstrap/nav-bg2.png);*/
                background-image: none;
                background-repeat: no-repeat;
                background-position: top center;
                -webkit-box-shadow: none;
                -moz-box-shadow: none;
                box-shadow: none;
                border-bottom: 1px solid #efefef;
                width:1200px;
                margin: 0 auto;
                height: 72px;
        
        }
        .navbar-fixed-top .container {
                width: 1180px;
        }

	.navbar .brand {
		color: #ffffff;
		font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		text-shadow: 0 2px 0 #404040;
		text-transform: uppercase;
		padding-left: 55px;
                padding-top: 12px;
		background-image: url(/img/bootstrap/ntklogo.png);
		background-repeat: no-repeat;
		background-position: 0 10px;
                width: 122px;
                line-height: 19px;
                margin-top: 6px;
		margin-left: 5px;
                font-size: 1.8em;
	}
	body.loginRenault .navbar .brand {
		background-image: url(/img/bootstrap/renault-logo.png);
		width: 200px;
	}
	body.loginPSA .navbar .brand {
		background-image: url(/img/bootstrap/psa-logo.png);
		width: 200px;
	}
		.navbar .brand.animated {
			/*padding-left: 50px;
			background-image: url(/img/bootstrap/common/network-toolkit-logo-animated.gif);*/
		}
                .navbar .brand span {
			font-size: .85em;
		}
        .navbar .nav{
                top:19px;
                float: none;
        }
        .navbar .navbar-search {
                top:18px;
        }
    .navbar .nav > li > span.disabled,
	.navbar .nav > li > a {
                font-family: futura-pt, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 700;
		text-shadow: 0 1px 2px #121212;
		text-transform: uppercase;
                font-size: 16px;
                padding: 9px 16px 25px;
                color:#aaa;
        }
    .navbar .nav > li > span.disabled {
    	color:#666;
    	display:block;
    }
	.navbar .nav .active > a,
	.navbar .nav .active > a:hover {
		color: #f7921e;
                background: transparent url(/img/bootstrap/nav-a-bg.png) no-repeat bottom center;
	}
        .navbar .nav li.help {
                margin: 5px 0 0 25px;
        }
        .navbar .nav li.help a{
                background-image: url(/img/bootstrap/nav-help.png);
                display: block;
                width: 27px;
                height: 27px;
                text-indent: -9999px;
                overflow: hidden;
                padding: 0;
        }
        .navbar .nav li.print {
                margin: 5px 0 0 3px;
        }
        .navbar .nav li.print a{
                background-image: url(/img/bootstrap/nav-print.png);
                display: block;
                width: 27px;
                height: 27px;
                text-indent: -9999px;
                overflow: hidden;
                padding: 0;
        }
        .navbar .support {
            width: auto;
            padding: 0 15px;
          }
        .navbar .support span {
            color:#f0f0f0;
            display: block;
            font-size: .9em;
          }
	.navbar-search .search-query {
		background: rgba(0, 0, 0, 0.3);
		margin-bottom: 0;
		width: 90px;
	}
	.navbar-search .search-query.long {
		width:180px;
	}
	body.loginRenault .navbar-search .search-query,
	body.loginPSA .navbar-search .search-query {
		width: 170px;
	}
	body.loginRenault .navbar .support,
	body.loginPSA .navbar .support {
		position: absolute;
		display: none;
	}
	body.fra .navbar-search .search-query { width: 72px; }
	body.fra.loginRenault .navbar-search .search-query,
	body.fra.loginPSA .navbar-search .search-query { width: 120px; }
	
    .navbar-search .search-query.disabled {
		background: rgba(0, 0, 0, 0.1);
		margin-bottom: 0;
                color: #333333;
	}
	.navbar .nav li.dropdown a{
            font-size:12px;
        }
	.dropdown-menu li > a:hover,
	.dropdown-menu .active > a,
	.dropdown-menu .active > a:hover {
		color: #ffffff;
		text-decoration: none;
		background-color: #F7921E;
	}
	
	/**
	 * Bubble
	 */
	.bubble {
		position: absolute;
		top: 6px;
		z-index: -1;
		width: 100px;
		height: 27px;
		background-color: #ffffff;
		-moz-border-radius: 3px; /* support older Gecko based browsers */
		-webkit-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		zoom: 1;
		filter: alpha(opacity=10);
		opacity: 0.1;
	}
	
	/**
	 * All Mobile Sizes (devices and browser)
	 */
	@media only screen and (max-width: 980px) { .bubble { display: none; } }

/* Navigation Styles ----------------------------------- [END] */

/* Structure Styles ------------------------------------------ */
	
	.grid { margin-bottom:20px; }
		.grid.start { margin-left: 0; }
		.grid.end { margin-right: 0; }

	.icon-orangearrow {
	        margin: 2px 0 0 15px;
	        background-image :url("/img/bootstrap/orangearrowicon.png");
	        background-position: 0px;
	        background-repeat: none;
	        display: inline-block;
	        height: 14px;
	        vertical-align: text-top;
	        width: 14px;
	    }
	.icon-video {
		        margin: 0 4px 0 0;
		        background-image: url("/img/icons/video.png");
		        background-position: 0px;
		        background-repeat: none;
		        display: inline-block;
		        height: 14px;
		        vertical-align: text-top;
		        width: 14px;
		}
	
	.section-btn {
	            padding: 19px;
	            float: right;
	        }
		.section-btn i { margin: 0 6px 0 0; }

	/*
		Frame Styles
	*/
	.frame {
		border: 1px solid #dddddd;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
	}
		.frame h2 {
			padding: 19px;
			font-size: 18px;
			text-transform: uppercase;
			display: block;
			height: auto;
			float: left;
		}
	
	.frame .header {
		width: 100%;
		height: 70px;
		display: block;
		background: none;
		border: none;
		margin: 40px 0 0 0;
	}
		.frame .header h2 {
			font-size: 30px;
			text-align: center;
			width: 100%;
			display: block;
			padding: 0px;
		}
	
	.frame .data-footer{
		text-align: center;
		width: 100%;
	}
	
		.frame .data-footer p {
			padding: 0 15%;
		}
		
		
        .frame .altrow { background-color: #F7F7F7; }
        .frame p { padding: 19px; }
		.frame #homeRssFeed p { padding: 8px 0; }
       
        .frame .spacerbar {
			clear: both;
			width: 100%;
			margin: 0;
        }

	.frame ol {
		margin-left: 50px;
		margin-bottom: 20px;
	}
	#home .frame { background-color: #fff; }
	#home .no_mon { margin-top: 60px; }	
	#home .no_mon .span6  { width: 100%; } 
	#home .no_mon .span6  { width: 100%; }
	#home .no_mon .frame  { float: left; margin: 0 2%; width:44%; }



/* Structure Styles ------------------------------------ [END] */

/* Table Styles ---------------------------------------------- */	

	.table td { vertical-align: middle; }
	
	.table-padding th, .table-padding td { padding: 8px 19px; }
	
    .table tr { border-bottom:1px solid #DDDDDD; }
	
	.table-bordered { border-radius: 0px; }
	
	td.actions { width: 150px; }
	
/* Table Styles ---------------------------------------- [END] */

/* Header Styles --------------------------------------------- */

	.header {
		background-color: #f7f7f7;
		border-bottom: 1px solid #dddddd;
		margin-bottom: 20px;
	}
	
		.header .container {
			padding-top: 30px;
			padding-bottom: 30px;
			background-image: url(/img/bootstrap/common/header-background.png);
			background-repeat: no-repeat;
			background-position: right -20px;
		}
		.header .container.subpage  {
			padding-top: 25px;
			padding-bottom: 25px;
			background-image:none;
		}
		
			.header .container.subpage h1 { margin-top:10px; }
                        .header .container.subpage blockquote { display:none; }
                        .header .container.subpage .span1 { float:right; padding-right: 5px; width:170px; } /*clien logo*/
			
		.header h1 {
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		
		.header blockquote {
			position: relative;
			width: 260px;
			color: #8d8d8d;
			margin: 0;
			padding: 10px 20px;
			border: none;
		}
		
			.header blockquote p {
				font-size: 13px;
				font-style: italic;
				line-height: 17px;
			}
		
			.header q:before,
			.header blockquote:before {
				position: absolute;
				top: 10px;
				left: 0;
				font-size: 40px;
				color: #e79e43;
				content: "“";	
			}

			.header q:after,
			.header blockquote:after {
				position: absolute;
				bottom: 0;
				right: 0;
				font-size: 40px;
				color: #e79e43;
				content: "”";
			}

/* Header Styles --------------------------------------- [END] */
/* Content Styles --------------------------------------------- */

        .main-wrapper {
                max-width: 1200px;
                border-radius: 4px 4px 10px 10px;
                border: 4px solid #efefef;
                background: #fff;
                margin: 0 auto;
                /*overflow: hidden;*/
                padding: 0 0 30px;
                box-shadow: 0 4px 8px #232323;
                position: relative;

        }
        #reports .main-wrapper {
                min-height: 360px;
        }


/* Content Styles ------------------------------------------[END]  */
/* Home Styles ----------------------------------------------- */

	#home {}
        
                #home .main-wrapper,
                #users.login .main-wrapper {
                    padding-top: 400px;
                    background-image: url(/img/bootstrap/home-intro.jpg);
					background-repeat: no-repeat;
					background-position: top center;  
					background-color: rgb(211, 215, 218);
                }
                #users.login.loginRenault .main-wrapper {
                	background-image: url(/img/bootstrap/home-intro-renault.jpg);
                }
                #users.login .main-wrapper .container { width:560px;}
		#home .kpi {
			position: relative;
			min-height: 190px;     
		}
                #home #kpis .span3 { /*temp, set bg instead*/
                        background: url(/img/bootstrap/divider.png) no-repeat left center;
                        width: 22.3%;
                }
                #home #kpis .span3.first { /*temp, set bg instead*/
                        background: none;
                }
                
                #home #kpis .cols { /*temp, set bg instead*/
                            padding: 23px 0;
                }
                
                #home #kpis .section-btn {
                    padding: 0;
                }
		
		/*
			RSS
		*/
		#homeRssFeed .rssHeader { display: none; }
		#homeRssFeed .rssBody ul { list-style: none; }
		#homeRssFeed .rssBody ul .rssRow { width: 40%; }
		
		#homeRssFeed .rssBody ul .rssRow.odd { margin: 10px 10% 20px 0; }
		#homeRssFeed .rssBody ul .rssRow.even { margin: 10px 19px 20px 0; }
		#homeRssFeed.rssFeed .rssBody ul li {
			display: inline-block;
			zoom: 1;
			*display: inline;
			vertical-align: top;
		}
		#homeRssFeed.rssFeed .rssBody ul li.rssRow h4 a { color: #666; }
		#homeRssFeed.rssFeed .rssBody ul li.rssRow .subHeader {
		    color: #a8a8a8;
		    font-size: 11px;
		    margin: 5px 0;
		}

		#homeRssFeed .rssRow p {
		    color: #8d8d8d;
		    font-size: 12px;
		    padding: 0px;
		}

		#homeRssFeed .rssRow a.rssReadMore { color: #F7921E; }
		


/* Home Styles ----------------------------------------- [END] */


/*
 * Tooltip
 */
.infoBox {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

	.tooltip-wrapper {
		display: inline-block;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		background-color: #4D4D4D;


	}
		.tooltip-wrapper .tooltip-content {
			color: #ffffff;
			font-weight: bold;
			text-transform: uppercase;
			padding: 3px 10px;
		}

		.tooltip-wrapper .tooltip-content table{
			font-size: 9px;
		}
		.tooltip-wrapper .tooltip-content table th,
		.tooltip-wrapper .tooltip-content table td{
			border: 1px solid #666;
			padding: 1px 3px;
			background: #333333;
		}
		.tooltip-wrapper .tooltip-content table td {
			font-weight: normal;
		}

		.tooltip-wrapper .tooltip-content table tr.row_selected td,
		.tooltip-wrapper .tooltip-content table tr.row_selected th,
		.tooltip-wrapper .tooltip-content table td.col_selected{
			background: #aaaaaa;
			color:#333333;
		}
		.tooltip-wrapper .tooltip-content table tr.row_selected td.col_selected {
			background: #E6FFFE;
			color:#000000;
		}

		.tooltip-wrapper .tooltip-data {
			text-align: left;
		}

/*
 * InfoBox 
 */
.infoBox { color: #666666; }

	.infoBox-wrapper { position: relative; }

		.infoBox-header {}

			.infoBox-header h1 {
				color: #fff;
				font-size: 18px;
				/*line-height: 36px;*/
				font-weight: normal;
				padding: 10px;
			}

			.infoBox-header h4 {
				font-size: 12px;
				padding: 10px;
				text-transform: uppercase;
				border-bottom: 1px solid #e4e4e4;
				background-color: #fff;
			}

				.infoBox-header h4 span { float: right;	}

		.infoBox-content {
			-webkit-backface-visibility: hidden; /* http://benfrain.com/improving-css-performance-fixed-position-elements/ */
			backface-visibility: hidden;

			background-color: #fff;
			border-bottom: 2px solid #666666;
		}

			.infoBox-content ul {
				margin: 0;
				padding: 0;
				list-style: none;
			}
				.infoBox-content li {
					padding: 10px;
					border-bottom: 1px solid #e4e4e4;
					overflow: hidden;
				}
				.infoBox-content li.last { border-bottom: none; }

		.infoBox-footer {
			padding: 10px;
			background-color: #fff;
		}

		.infoBox-shadow {
			-webkit-backface-visibility: hidden; /* http://benfrain.com/improving-css-performance-fixed-position-elements/ */
			backface-visibility: hidden;

			background-color: rgba(0, 0, 0, 0.10);
			height: 100%;
			outline: 1px solid transparent;
			pointer-events: none;
			position: absolute;
			right: -3px;
			top: 7px;
			width: 95%;
			z-index: -1;
			/*
			-moz-transform: matrix3d(1, 0, 0, 0, 0, 0.97029, 0.24191, -0.0004, 0, -0.24191, 0.97029, -0.00161, 0, 0, 0, 1);
			-webkit-transform: perspective(600) rotateX(14deg);
			*/
		}


/* Tools Styles ------------------------------------------ */

	#tools .img-Cont { text-align: center; }
	
		.tools-backing {
			background-image: url("/img/tools/tools-backing.jpg");
			background-position: 50px 0;
		}
	
/* Tools Styles ----------------------------------------- [END] */

/* Scenarios Styles ------------------------------------------ */
	
	#scenarios.view { padding: 0; }
	#scenarios.view img { max-width: none; } /* Fix Google Map Controls */
	#scenarios.view .navbar { margin-bottom: 0; border-bottom: 1px solid #efefef; }
        #scenarios.view .navbar-inner { border-bottom: none; }
	
	/* https://code.google.com/p/gmaps-api-issues/issues/detail?id=4563 */
	/* Pan and Zoom Issue, this is a language specific fix for Map Controls, to fix other languages, we need to use the languse specific pan title */ 
	.gmnoprint div[title^="Pan"]{opacity: 0 !important;}

	#scenarioViewContainer {
		min-height:	300px;
		min-width:	600px;
		position:	absolute;
		top:		40px;
		bottom:		0;
		left:		0;
		right:		0;
	}
		/*
			Accordian
		*/
		#scenarios #accordion {}
			
			/*#scenarios #accordion .content { padding: 1em 0; }
				#scenarios #accordion .content .group { padding: 0 2.2em 1em 2.2em; }
				
				#accordion_scenario,
				#accordion_dealer,
				#accordion_liveimpact,
				#accordion_liveimpactsettings {
					background-repeat: no-repeat;
				}
				#accordion_scenario { background-image: url(/img/bootstrap/scenarios_block_icon.png);}
				#accordion_dealer { background-image: url(/img/scenarios/pin-icon.gif); background-position: 3px 6px; }
				#accordion_liveimpact { background-image: url(/img/scenarios/live-icon.gif); background-position: 3px 0; }
				#accordion_liveimpactsettings { background-image: url(/img/scenarios/spanner-icon.gif); background-position: 3px 0; }
			
			#scenarios #accordion h4 { margin: 0 0 5px 0; }
			#scenarios #accordion h4 span { color: #F7921E; }
			
			#scenarios #accordion .actions { margin: 20px 0 0 0; }
			
			#scenarios #accordion .ui-selectmenu-dropdown,
			#scenarios #accordion .ui-jqgrid { margin: 0 0 10px 0; }*/
		
		/*
			UI Layout
		*/
		#east-closed {
			position:	absolute;
			top:		0;
			right:		0;
			z-index:	5000; /* preloader {#barholder} 500 */
		}

			#east-closed a {
				display: block;
				overflow: hidden;
				width: 20px;
				height: 21px;
				text-indent: -9999px;
				background-image: url(/img/bootstrap/common/layout-east-open.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
			}

		#west-closed {
			position:	absolute;
			top:		0;
			left:		0;
			z-index:	5000; /* preloader {#barholder} 500 */
		}

			#west-closed a {
				display: block;
				overflow: hidden;
				width: 20px;
				height: 21px;
				text-indent: -9999px;
				background-image: url(/img/bootstrap/common/layout-west-open.gif);
				background-repeat: no-repeat;
				background-position: 0 0;
			}
			
			#west-closed.open a { background-image: url(/img/bootstrap/common/layout-west-close.gif); }
			
			
		/*
			Search
		*/
		/* input, textarea, select, .uneditable-input { margin: 0; } */
		
		/*
			Preloader
		*/
		#initialising {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 550;
			width: 100%;
			height: 100%;
			
			background-image: url(/img/bootstrap/common/initialising-background.png);
			background-repeat: repeat;
			background-position: 0 0;
			/*
			background-color: #404040;
			zoom: 1;
			filter: alpha(opacity=50);
			opacity: 0.5;
			*/
		}
		
			#initialising-graphic {
				width: 100px;
				height: 100px;
				margin: 10% auto 0 auto;
			}
			
			#initialising h1 {
				color: #ffffff;
				text-align: center;
			}

		#reports .container.view-report #initialising {
			background-image: none;
			background-color: #fff;
		}
			#reports .container.view-report #initialising h1{
				color: #333;
			}

		
/* Scenarios Styles ------------------------------------ [END] */

/* Monitor Styles -------------------------------------------- */
	
	#networkmonitor {}
		
		#networkmonitor #controls {
			min-height: 100px;
		}
		
		#networkmonitor .actions {
			float: right;
			margin-top: 27px;
		}

		#networkmonitor #throughput { display:none; }
		
		/*
			Kpis
			Styles (.kpi) inherited home page
		*/
		#networkmonitor .kpi-wrapper {
			width:20%;
			display: block;
			float: left;
		}
		#networkmonitor .kpi {
			position: relative;
			cursor: pointer;
			min-height: 230px;
			background: #f5f5f5; /* Old browsers */
			background: -moz-linear-gradient(top, #f5f5f5 0%, #c9c9c9 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f5f5), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* IE10+ */
			background: linear-gradient(top, #f5f5f5 0%,#c9c9c9 100%); /* W3C */
			/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#c9c9c9',GradientType=0 );*/ /* IE6-9 */
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
		}

			.kpi .stats {
				padding: 20px;
				text-align: center;
			}

				.kpi .stats h3,
				.kpi .stats h4,
				.kpi .stats ul li {
					position: relative;
					color: #181818;
				}

				.kpi .stats h3 {
					font-size: 20px;
					line-height: normal;
					text-transform: uppercase;
				}

				.kpi .stats h4 {
					color: #f7921e;
					font-size: 35px;
					line-height: normal;
				}
				
				.kpi sup { font-size: 16px; }

				.kpi .stats ul { margin: 0; }

					.kpi .stats ul li {
						color: #aeaeae;
						list-style: none;
						margin-bottom: 5px;
					}
					
						/*
							Active
						*/
						#networkmonitor .kpi.active { background: #606060; }

						#networkmonitor .kpi.active .stats h3,
						#networkmonitor .kpi.active .stats h4,
						#networkmonitor .kpi.active .stats ul li {
							color:#ffffff;
						}

						/*
							Highlight
						*/
						#networkmonitor .kpi.highlight { background: #606060; }

						#networkmonitor .kpi.highlight .stats h3,
						#networkmonitor .kpi.highlight .stats h4,
						#networkmonitor .kpi.highlight .stats ul li { color:#ffffff; }

						/*
							Indicator
						*/
						.stats h3 span,
						.stats ul li span {
							position: absolute;
							top: 0;
							right: 0;
							display: inline-block;
							width: 15px;
							height: 15px;
							background-position: 0 0;
							background-repeat: no-repeat;
						}
						.stats h3 span { top: 5px; }

							.stats h3 span.up,
							.stats ul li span.up { background-image: url(/img/common/up.png); }
							.stats h3 span.normal,
							.stats ul li span.normal { background-image: url(/img/common/normal.png); }
							.stats h3 span.down,
							.stats ul li span.down { background-image: url(/img/common/down.png); }

						/*
							Drivetime Indicator (Switched)
						*/
						#accessibility .stats h3 span.up,
						#accessibility .stats ul li span.up { background-image: url(/img/common/drivetime-up.png); }
						#accessibility .stats h3 span.down,
						#accessibility .stats ul li span.down { background-image: url(/img/common/drivetime-down.png); }

			.kpi .info-icon {
				/*  display:none; TEMPORARY, REMEMBER TO FIX THIS!!!!!!! */
				position: absolute;
				top: 25px;
				left: 25px;
				cursor: pointer;
				width: 15px;
				height: 15px;
				background-image: url(/img/common/info-icon.png);
				background-position: 0 0;
				background-repeat: no-repeat;
                                z-index: 30;
			}
            
			/*
				Filters
			*/
			#slider-kpis,
			#slider-landtypes,
			#slider-view,
			#slider-maptypes {
				margin:0 0.5em;
			}

				#slider-increments {
					margin-top: 5px;
					padding: 0 10px;
				}

					#slider-increments span {
						float: left;
						font-size: 11px;
						text-align: center;
					}

					#slider-increments span.first {text-align:left;}
					#slider-increments span.last {text-align:right;}

						#kpis #slider-increments span {width: 25%;}
						#landtypes #slider-increments span {width: 25%;}
						#view #slider-increments span {width: 50%;}
						#maptypes #slider-increments span {width: 33%;}
	
	/*
		Change Competitor
	*/
	#networkmonitor a.competitor {
		display: block;
		width: 100%;
		height: 98px;
		background-color: #f7f7f7;
		background-repeat: no-repeat;
		background-position: center 0px;
	}
	
		#networkmonitor a.competitor:hover {
			border: 1px solid orange;
			background-position: center -98px;
		}

		#networkmonitor a.competitor.highlight {
			border: 1px solid orange;
			background-position: center -98px;
		}
	
		a.abarth		{ background-image: url(/img/logos/manufacturers/abarth.png); }
		a.alfa-romeo	{ background-image: url(/img/logos/manufacturers/alfa-romeo.png); }
		a.aston-martin	{ background-image: url(/img/logos/manufacturers/aston-martin.png); }
		a.audi			{ background-image: url(/img/logos/manufacturers/audi.png); }
		a.bentley		{ background-image: url(/img/logos/manufacturers/bentley.png); }
		a.bmw			{ background-image: url(/img/logos/manufacturers/bmw.png); }
		a.cadillac		{ background-image: url(/img/logos/manufacturers/cadillac.png); }
		a.chevrolet		{ background-image: url(/img/logos/manufacturers/chevrolet.png); }
		a.chrysler		{ background-image: url(/img/logos/manufacturers/chrysler.png); }
		a.citroen		{ background-image: url(/img/logos/manufacturers/citroen.png); }
		a.corvette		{ background-image: url(/img/logos/manufacturers/corvette.png); }
		a.daihatsu		{ background-image: url(/img/logos/manufacturers/daihatsu.png); }
		a.ferrari		{ background-image: url(/img/logos/manufacturers/ferrari.png); }
		a.fiat			{ background-image: url(/img/logos/manufacturers/fiat.png); }
		a.ford			{ background-image: url(/img/logos/manufacturers/ford.png); }
		a.honda			{ background-image: url(/img/logos/manufacturers/honda.png); }
		a.hummer		{ background-image: url(/img/logos/manufacturers/hummer.png); }
		a.hyundai		{ background-image: url(/img/logos/manufacturers/hyundai.png); }
		a.infiniti		{ background-image: url(/img/logos/manufacturers/infiniti.png); }
		a.isuzu			{ background-image: url(/img/logos/manufacturers/isuzu.png); }
		a.jaguar		{ background-image: url(/img/logos/manufacturers/jaguar.png); }
		a.jeep			{ background-image: url(/img/logos/manufacturers/jeep.png); }
		a.kia			{ background-image: url(/img/logos/manufacturers/kia.png); }
		a.lamborghini	{ background-image: url(/img/logos/manufacturers/lamborghini.png); }
		a.land-rover	{ background-image: url(/img/logos/manufacturers/land-rover.png); }
		a.lexus			{ background-image: url(/img/logos/manufacturers/lexus.png); }
		a.lotus			{ background-image: url(/img/logos/manufacturers/lotus.png); }
		a.maserati		{ background-image: url(/img/logos/manufacturers/maserati.png); }
		a.mazda			{ background-image: url(/img/logos/manufacturers/mazda.png); }
		a.mercedes		{ background-image: url(/img/logos/manufacturers/mercedes.png); }
		a.mini			{ background-image: url(/img/logos/manufacturers/mini.png); }
		a.mitsubishi	{ background-image: url(/img/logos/manufacturers/mitsubishi.png); }
		a.nissan		{ background-image: url(/img/logos/manufacturers/nissan.png); }
		a.perodua		{ background-image: url(/img/logos/manufacturers/perodua.png); }
		a.peugeot		{ background-image: url(/img/logos/manufacturers/peugeot.png); }
		a.porsche		{ background-image: url(/img/logos/manufacturers/porsche.png); }
		a.proton		{ background-image: url(/img/logos/manufacturers/proton.png); }
		a.renault		{ background-image: url(/img/logos/manufacturers/renault.png); }
		a.rolls-royce	{ background-image: url(/img/logos/manufacturers/rolls-royce.png); }
		a.saab			{ background-image: url(/img/logos/manufacturers/saab.png); }
		a.seat			{ background-image: url(/img/logos/manufacturers/seat.png); }
		a.skoda			{ background-image: url(/img/logos/manufacturers/skoda.png); }
		a.smart			{ background-image: url(/img/logos/manufacturers/smart.png); }
		a.ssang-yong	{ background-image: url(/img/logos/manufacturers/ssang-yong.png); }
		a.subaru		{ background-image: url(/img/logos/manufacturers/subaru.png); }
		a.suzuki		{ background-image: url(/img/logos/manufacturers/suzuki.png); }
		a.toyota		{ background-image: url(/img/logos/manufacturers/toyota.png); }
		a.vauxhall		{ background-image: url(/img/logos/manufacturers/vauxhall.png); }
		a.opel		    { background-image: url(/img/logos/manufacturers/vauxhall.png); }		
		a.volvo			{ background-image: url(/img/logos/manufacturers/volvo.png); }
		a.vw			{ background-image: url(/img/logos/manufacturers/vw.png); }
        a.aprilia		{ background-image: url(/img/logos/manufacturers/aprilia.png); }
        a.victory		{ background-image: url(/img/logos/manufacturers/victory.png); }  
        a.triumph       { background-image: url(/img/logos/manufacturers/triumph.png); }
        a.suzuki-motorbikes     { background-image: url(/img/logos/manufacturers/suzuki-motorbikes.png); }
        a.norton        { background-image: url(/img/logos/manufacturers/norton.png); }
        a.mv-agusta     { background-image: url(/img/logos/manufacturers/mv-agusta.png); }
        a.moto-guzzi    { background-image: url(/img/logos/manufacturers/moto-guzzi.png); }
        a.ktm           { background-image: url(/img/logos/manufacturers/ktm.png); }
        a.kawasaki      { background-image: url(/img/logos/manufacturers/kawasaki.png); }
        a.husqvarna     { background-image: url(/img/logos/manufacturers/husqvarna.png); }
        a.harley-davidson       { background-image: url(/img/logos/manufacturers/harley-davidson.png); }
        a.ducati        { background-image: url(/img/logos/manufacturers/ducati.png); }
        a.buell         { background-image: url(/img/logos/manufacturers/buell.png); }
        a.bmw-motorcycles       { background-image: url(/img/logos/manufacturers/bmw-motorcycles.png); }
        a.benelli       { background-image: url(/img/logos/manufacturers/benelli.png); }
        a.yamaha        { background-image: url(/img/logos/manufacturers/yamaha.png); }
		a.honda-motorcycles     { background-image: url(/img/logos/manufacturers/honda-motorcycles.png); }
		a.alpine     { background-image: url(/img/logos/manufacturers/alpine.png); }
	
	/*
		Maps
	*/
	#networkmonitor.maps {}
		
		#networkmonitor.maps img { max-width: none; } /* Fix Google Map Controls */
        #networkmonitor.maps .header .span1 img { max-width: 100%; } 
		
		#map,
		#graph-map { position: relative; }

			#map_canvas { /* Width & Height jQuery*/ }

			#loading,
			#graph-map-loading {
				position: absolute;
				top: 0;
				left: 0;
				z-index: 999;
				display: none;
				width: 100%;
				height: 425px;
				background-image: url(/img/loading.gif);
				background-repeat: no-repeat;
				background-position: center center;
				background-color: #333333;
				opacity: 0.4;
			}


		#growth-disline-key,
		#distribution1-disline-key {}

			#growth-disline-key .key,
			#distribution1-disline-key .key {
				float: left;
				margin-right: 5px;
				text-align: center;
			}

			#growth-disline-key .key span,
			#distribution1-disline-key .key span {
				display: block;
				border: 1px solid #dddddd;
				width: 1.2em;
				height: 1.2em;
			}

				#growth-disline-key span#minus7 { background-color: #be0000; }
				#growth-disline-key span#minus6 { background-color: #c41919; }
				#growth-disline-key span#minus5 { background-color: #cb3333; }
				#growth-disline-key span#minus4 { background-color: #d14c4c; }
				#growth-disline-key span#minus3 { background-color: #d86666; }
				#growth-disline-key span#minus2 { background-color: #de7f7f; }
				#growth-disline-key span#minus1 { background-color: #e59999; }

				#growth-disline-key span#plus7 { background-color: #01bf44; }
				#growth-disline-key span#plus6 { background-color: #1ac556; }
				#growth-disline-key span#plus5 { background-color: #34cc69; }
				#growth-disline-key span#plus4 { background-color: #4dd27c; }
				#growth-disline-key span#plus3 { background-color: #67d98f; }
				#growth-disline-key span#plus2 { background-color: #80dfa1; }
				#growth-disline-key span#plus1 { background-color: #99e5b4; }

			#growth-disline-key .key p,
			#distribution1-disline-key .key p {
				font-size: 11px;
				text-align: center;
				margin-bottom: 0;
			}

			#distribution1-disline-key span#range1to2 { background-color: #fbfa72; }
			#distribution1-disline-key span#range3to4 { background-color: #f5d06a; }
			#distribution1-disline-key span#range5to6 { background-color: #f1a561; }
			#distribution1-disline-key span#range7to9 { background-color: #e97957; }
			#distribution1-disline-key span#range10 { background-color: #e64f4e; }
			
/* Monitor Styles -------------------------------------- [END] */


/* Import Styles --------------------------------------------- */

/* #Breadcrumbs
================================================== */
ul#breadcrumbs {
    margin: 10px 0 ;
    color: black;
}

ul#breadcrumbs li {
    display: inline;
    margin: 0 10px 0 0;
    color:#888;
}

ul#breadcrumbs li.last {margin-right: 0;}

ul#breadcrumbs li a {
    text-decoration: none;
    color:#888;
}

ul#breadcrumbs li a:visited{}
ul#breadcrumbs li a:hover{
    text-decoration: underline;
    color:#111;
}

ul#breadcrumbs li a.active {
    color: black;
    text-decoration: none;
}


	#import, #importnetwork, #importpotential, #importterritory {}
		
		#import             .frame .header,
		#importnetwork      .frame .header, 
		#importpotential    .frame .header,
		#importterritory    .frame .header {
			height: auto;
			margin-top: 20px;
		}
		#import             .frame .header h2,
		#importnetwork      .frame .header h2,
		#importpotential    .frame .header h2,
		#importterritory    .frame .header h2 {
			font-size: 27px;
			padding-bottom: 20px;
		}
		#import             .header .container,
		#importnetwork      .header .container,
		#importpotential    .header .container,
		#importterritory    .header .container {
			background-image: url(/img/tools/data-import-wizard-grey.png);
			background-position: right 20px;
		}
		
		#import             #preview,
		#importnetwork      #preview,
		#importpotential    #preview,
		#importterritory    #preview {
			overflow: auto;
		}
		
			#import             #preview .highlight,
			#importnetwork      #preview .highlight,
			#importpotential    #preview .highlight,
			#importterritory    #preview .highlight {
				color: #ffffff;
				background-color: #F7921E;
			}            
			
			#import             #preview .highlight2,
			#importnetwork      #preview .highlight2,
			#importpotential    #preview .highlight2,
			#importterritory    #preview .highlight2 {
				color: #ffffff;
				background-color: #636363;
			}

		.import_wizard table select {
			width: 100%;
		}

/* Import Styles --------------------------------------- [END] */

/* Footer Styles --------------------------------------------- */

	.footer {
		color: #ddd;
		padding: 10px 0 0 0;
	}
            .footer a{
                    color: #ffffff;
                    padding: 10px 0 0 0;
            }

/* Footer Styles --------------------------------------- [END] */

/* Report Styles --------------------------------------------- */

	select[multiple] {
	    height: auto;
	}
	
	.spinner { margin: 5px 0 0 0; }

	h3 span.date { font-size: .8em; font-weight: normal }

	#reportContents h3 {
		margin: 40px 0 10px;
	}
	#reportContents .chart_options input[type="radio"],
	#reportContents .chart_options input[type="checkbox"] {
		margin: 3px 6px 3px 12px;
	}
	#reportContents .chart_options input[type="radio"]:first-child,
	#reportContents .chart_options input[type="checkbox"]:first-child {
		margin-left: 0 !important;
	}
	.report_container {
		clear: both;
		overflow: auto;
	}
	#reports .container.view-report {
		position: relative;
		padding-top: 2em;
		min-height: 400px;
	}
	#reports .container.view-report .actions-group{
		position: absolute;
		right: 0;
	}


/* Report Styles --------------------------------------- [END] */

/* Data Table Styles ----------------------------------------- */

	/**
	 * Navbar search
	 */
	.navbar-search .remove-icon {
		cursor: pointer;
		display: block;
		width: 26px;
		height: 26px;
		position: absolute;
		top: 6px;
		right: 9px;
	}
        table.dataTable {
            word-wrap:break-word;
             table-layout: fixed;
            hyphens:auto;
            text-align:justify;
            -webkit-hyphens:auto;
            -webkit-hyphenate-character:"\2010";
            -webkit-hyphenate-limit-after:1;
            -webkit-hyphenate-limit-before:3;
            -moz-hyphens:auto;
            width:100%;
            max-width: 1170px;
        }
        
        table.dataTable caption {
            
            padding:.7em 0;
        }
            table.dataTable caption .field-value {
                color:#333;
                font-size: 14px;
                padding-right: 10px;
            }
            table.dataTable caption .field {
                color:#666;
                font-size: 12px;
            }

	/**
	 * Datatable sorting
	 */
	table.dataTable th.sorting {
		cursor: pointer;
		background-image: url(/img/datatables/background.png);
		background-repeat: no-repeat;
		background-position: right center;
	}

	table.dataTable th.sorting_asc {
		cursor: pointer;
		background-image: url(/img/datatables/background-asc.png);
		background-repeat: no-repeat;
		background-position: right center;
	}

	table.dataTable th.sorting_desc {
		cursor: pointer;
		background-image: url(/img/datatables/background-desc.png);
		background-repeat: no-repeat;
		background-position: right center;
	}
        table.dataTable textarea {
                width:95%;
                margin: 0;
        }

	.dataTables_wrapper { position: relative; /* overflow: auto; */ }
#reports .dataTables_wrapper, #import .dataTables_wrapper { position: static; /* overflow: auto; */ }

	#reports .dataTables_filter { display: none; }
        
        
        /*#reports .dataTables_filter { 
            display: block;
            position: absolute;
            top: -47px;
            left: 180px;
            margin-bottom: 18px;
            
        }
            #reports .dataTables_filter input{ 
                width: 120px;
            }*/
        
	.dataTables_length {
		position: absolute;
		top: -38px;
		left: 0;
		margin: 0 0 10px 0;
	}

	#reports .dataTables_length, #import .dataTables_length{
		position: static;
	}
        
        
	
		.dataTables_length select {
			display: inline;
			width: 70px;
		}
                
        
        .picker-report .dataTable {margin-top:30px;}

	.dataTables_info {
		float: left;
		padding-top: 5px;
	}

	.dataTables_paginate { float: right; }

		.dataTables_paginate a { margin-right: 5px; }

	.ui-layout-west .dataTables_info,
	.ui-layout-west .dataTables_paginate { float: none; }

	.ui-layout-west .dataTables_length {
		position: relative;
		top: 0;
		left: 0;
		margin:0;
	}
	#salesperformance button.btn-primary {
		margin: 2em 0;
		width: 100px;
	}
	#salesperformance #xls_export {
		margin: 2em 0;
	}

	.ui-layout-toggler-west-open {
		display: none !important;
	}

	.ui-layout-pane-west .dataTables_length {
		display: inline-block;
		padding-right: 1em;
	}
	.ui-layout-pane-west .dataTables_filter {
		display: inline-block;
		max-width: 200px;
		max-width: 120px;
	}
	.ui-layout-pane-west .dataTables_length,
	.ui-layout-pane-west .dataTables_filter {
		font-size: .9em;
	}
	
	/*
		Over ride hover tr
	*/
	table.dataTable.table tbody tr.even:hover td,
	table.dataTable.table tbody tr.odd:hover td {
		cursor: pointer;
		background-color: #ffe0c1;
	}

	table.dataTable tr.subrow td{
		color:#666;
		font-size: .9em;
	}
	table.dataTable tr.subrow td.name{
		border-left: 10px solid #ccc;
	}
	table.dataTable tr.nosubrows td.value{
		color:#D33;
	}

.negative {
    color:red;
    }
.second_header th {
    font-size:0.85em;
    text-transform: uppercase;
    vertical-align: middle;
}
.table td.selector, .table th.selector {
    width: 30px;
    text-align: center;
}
.table td.actions, .table th.actions {
    width: 180px;
}
.table th.description {
    width: 240px;
}
.table td.actions {
    text-align: center;
}
#flashMessage {

    max-width: 1130px;
    border: 1px solid #DDD;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin: 5px auto;
    padding: 19px;
    background: #FCF8E3;
    
}
#home #flashMessage {
    position: absolute;
    top:100px;
    width:250px;
}
#flashMessage .close {
    right:0;
}
#import.start .container img {
    
    margin:1em 0;
}
.impactonly label {
    display: inline;
    padding-left: 6px;
}
#reportModal #report_wizard {
    margin-left:160px;
}
.no-modal ul#wizard_header {    
    width:100%; 
    padding-bottom: 10px;
}
#reportModal ul#wizard_header {
    float:left;
    margin-left:-160px;
    width: 140px;
    border-right: 1px dotted;
    float:left;
    padding-right: 10px;
    text-align: right;
    position: fixed;

}
#breadcrumbs.import-wizard {
    padding: 1em 0 3em;
    
}

#wizard_header li,
#breadcrumbs li {
    list-style-type: none;
    margin-bottom: 10px;
    line-height: 13px;   
}
#wizard_header li { cursor: pointer; }
#wizard_header li span {
    display: block;
    line-height: 30px;
}
#wizard_header li span b,
#breadcrumbs li span b{
    font-size: 16px;
    background: #ffffff;
    border-radius: 36px;
    padding: 4px 8px;
    display: inline;
}
#breadcrumbs li span b {
    font-size: 18px;
}
.no-modal #wizard_header li {
    float:left;
    width:300px;
}
#breadcrumbs li {
    float:left;
}
.no-modal #wizard_header li.mid {
    width:300px;
}
.no-modal #wizard_header li span {
    display: inline;
}
#wizard_header p {
    display: inline;
}
#reportModal #wizard_header li span b.active,
#breadcrumbs li .active span b{    
    background: #f7921e;
    color:#333;
}
#reportModal #report_wizard .span3,
#reportModal #report_wizard .span5,
#reportModal #report_wizard .span2,
#reportModal #report_wizard .span4{
    margin-left: 10px;
}
#reportModal #report_wizard .span5 {
    width: 270px;
}
#reportModal #report_wizard #reportGenerate{
    display: none;
}
#reportPdf2,
#reportModal #report_wizard #reportPdf2  {
    /*display: none;*/
}

.internalpdf, .btnpdf {
	/*display:none;*/
}

#reportModal .internalgenerate {
    display:none;
}
#reportModal #report_id {
    margin-left: 10px;
}
#report_wizard #fields {
    width: 190px;
}
#report_wizard .potentials label {
    width: 270px;
}
#reportModal #report_wizard #fields,
#reportModal #report_wizard #potentials{
    width: 270px;
}
/*
#report_wizard div.options_territory {
	margin-left: 30px;
}
*/
#reportModal #report_wizard div.options_territory {
	margin-left: 0;
}
#reportModal #picker {
    padding-right: 0;
    padding-bottom: 0;
}
#reportModal #wizard_sections {
    width: 355px;
    overflow-x: hidden;
}
#reportModal .modal-body {
    max-height: 350px;
    padding: 0;
}
#reportModal .well {
    margin: 0;
    background:#fefefe;
    border-radius: 0;
    border-bottom: none;
}
.well .span2.internalsave {
    margin-left: 5px;
}
.well .span2.internalpdf {
    margin-left: 5px;
}
.well2 {
    padding:20px;
    margin-bottom: 20px;
}
#copyModal form {margin: 0;}

/* Data Table Styles ----------------------------------- [END] */

/* Reports wizard -----*/

#import span.fieldname {
	padding-right: 1em;
	vertical-align: middle;
}
/*
.span4 span label,
#import label{
    display: inline;
    padding-left: 6px;
}*/
#import .help-block {
    font-size: 11px;
}
h4.section {
    margin-bottom: 1em;
}
#import .input label {
    display: block;
    padding-left: 0;
}
.span4 span {
    display: block;
}
table {
    font-size:13px;
}

#date_fromMonth,
#date_toMonth {
	width:120px;
	margin-left: 10px;
}
#date_fromYear,
#date_toYear{
	width:70px;
}

.actions-group {
        float: right;
        margin: 0;
        padding: 19px 0;
}
        .actions-group .action {
                float: left;
                margin-left: 10px;
        }

.actions-group i {
    margin: 0 6px 0 0;
}
.hidden {
	display:hidden;
}

.network-monitor.disabled,
.network-monitor.disabled h2,
.customer-allocator.disabled,
.customer-allocator.disabled h2{
    color: #aaa;
}
		
#importnetwork #feedback #feedback .status {

}
#importnetwork #feedback #accuracy_selector select {
    display: inline;
    max-width: 60px;
}
#importnetwork #feedback td.acc_fail {
    background-color: red;
    color:#fff;
}
#importnetwork #feedback label {
	display: inline;
	border-left:1px dotted;
	padding:4px 4px 4px 8px;
	font-size:12px;
	color:#666;
}
#importnetwork .check-btn, #importnetwork .accept-btn {
    margin-right: 4px;
}
#importnetwork #feedback input {
    width:90px;
}
#importnetwork #feedback input.add1 {
    width:180px;
}
#importnetwork #feedback input.add5 {
    width:110px;
}
#importnetwork #feedback th.actions {
    width:185px;
}
#importnetwork #feedback th.issue {
    width:210px;
}
#importnetwork #feedback th.loc {
    width:210px;
}
#importnetwork #feedback table .status {
    width:5px;
    padding: 0;
}
#importnetwork #feedback td.ok {
    background-color: #01bf44;
}
#importnetwork #feedback td.fail {
    background-color: #be0000;
}
#importnetwork #feedback #preview {
    margin-top: 20px;
}
#importnetwork #feedback small {
	font-size: 80%;
}

#importnetwork #feedback #msg {

}
#importnetwork #feedback .status .values {
	text-align:right;
}
#importnetwork #feedback .status .values span {
	font-size:14px;
	font-weight:bold;
	display:inline;
	padding-right:6px;
}
#importnetwork #feedback #progressbar_wrapper {
    background-color: #eee;
}
#importnetwork #feedback #progressbar {
    text-align: right;
    background-color: #F7921E;
	-webkit-transition: all 0.3s ease-out;
	     -moz-transition: all 0.3s ease-out;
	      -ms-transition: all 0.3s ease-out;
	       -o-transition: all ease-out;
	          transition: all ease-out;
}
#importnetwork #feedback #progressbar strong{
    padding: .2em 1em;
}
.dealerlist .unmatch {
    background-color: #fbfa72;
}
.dealerlist .table-striped tbody tr:nth-child(odd) td.unmatch {
    background-color: #fbfa72;
}
.dealerlist tr.unique {
    border-top:2px solid;
}


/* TABS and LAYOUTS ---------------------------------------------- */

.ui-layout-pane .inner-wrapper,
	.ui-layout-pane .tabbable,
	.ui-layout-pane .tab-content{ height: 100%; padding: 0;}
.ui-layout-pane .nav-tabs.external a{
	text-indent: -999px;
	width: 20px;
		min-width: 20px;
	overflow:hidden;
	background-color: rgba(20,20,20,.7);
	color:rgba(235,235,235,.95);
	cursor:pointer;
	margin-top:15px;
	-webkit-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	transition: all .1s ease-out;
	box-shadow: 0px 1px 1px rgba(2,2,2,.1);
}
.ui-layout-pane .tabbable .nav-tabs li.active a,
	.ui-layout-pane .tabbable .nav-tabs a:hover {
		background-color: rgba(255,255,255,1);
		color:#333;	
	}
/*
.ui-layout-resizer-east-closed { right: 0 !important; }
.ui-layout-resizer-east { width:1px !important;}
.ui-layout-resizer-west-closed { left: 0 !important; }
*/

#layout-east { 
	overflow: visible;
	z-index: 5;
	box-shadow: -2px 0 2px rgba(23,23,23,.2);
	border-left: 1px solid #fff;
	}
#layout-east .inner-wrapper {
        /* margin-left: -80px; */
}


#layout-east .tabbable .nav-tabs.external { 
        position: absolute;
        left: -45px;
        overflow: hidden;
        width: 44px;
        border-right: none;
        margin-top: 33px;
}
#layout-east .tabbable .nav-tabs.external a{
        margin-left:5px;
}

#layout-east .tabbable .nav-tabs a:hover {
        margin-left:0;
}
#layout-west { 
	overflow: visible;
	z-index: 6;
	box-shadow: 2px 0 2px rgba(23,23,23,.2);
	border-right: 1px solid #fff;
	}
	#layout-west .tab-pane {
		margin: 10px;
	}
	#layout-west .inner-wrapper {
		/*margin-right: -80px;*/
	}
	
	#layout-west .tabbable .nav-tabs.external { 
		position: absolute;
		right: -35px;
		/*overflow: hidden;*/
		width: 34px;
		border-left: none;
		margin-top: 33px;
	}

	#layout-west .tabbable .nav-tabs.external a{
		margin-left:0;
		/*text-align: right;*/
	}

	#layout-west .main-tabs.tab-content {
		overflow-y: scroll;
	}
	
	/* #layout-west .tabbable .nav-tabs a:hover {		
		width: 24px;
		min-width: 24px;
	} */

#layers-tab a{
	background-image: url(../../img/bootstrap/layers-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
	/* --- */
}
#layers-tab.active a, #layers-tab a:hover{
	background-image: url(../../img/bootstrap/layers-icon.png);
}
#help-tab a{
	background-image: url(../../img/bootstrap/help-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 12px 7px;
}
#help-tab.active a, #help-tab a:hover{
	background-image: url(../../img/bootstrap/help-icon.png);
}
#pano-tab a{
	background-image: url(../../img/bootstrap/pano2-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 11px 3px;
}
#pano-tab.active a, #pano-tab a:hover{
	background-image: url(../../img/bootstrap/pano2-icon.png);
}
#sales-performance-tab a{
	background-image: url(../../img/bootstrap/sales-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 11px 9px;
}
#sales-performance-tab.active a, #sales-performance-tab a:hover{
	background-image: url(../../img/bootstrap/sales-icon.png);
}
#sales-performance-tab a:hover{
	background-position: 15px 9px;
}
#live-impact-tab a,
.liveimpact-tab a {
	background-image: url(../../img/bootstrap/live-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 9px 9px;
}
#live-impact-tab.active a, #live-impact-tab a:hover,
.liveimpact-tab.active a, .liveimpact-tab a:hover{
	background-image: url(../../img/bootstrap/live-icon.png);
}
#live-impact-tab a:hover,
.liveimpact-tab a:hover{
	background-position: 13px 9px;
}
#contextual-tab a{
	background-image: url(../../img/bootstrap/layers-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#viability-tab.active a, #viability-tab a:hover{
	background-image: url(../../img/bootstrap/viability-icon.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#viability-tab a{
	background-image: url(../../img/bootstrap/viability-icon-inactive.png);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#contextual-tab.active a, #contextual-tab a:hover{
	background-image: url(../../img/bootstrap/layers-icon.png);
}

#layout-east .tab-pane {
	/*position: absolute;
	padding: 10px;
	left: 0px;
	top: 0px;*/
	width: 100%;
	height: 100%;
	overflow-y: auto;
}
.tab-content .section-header button,
.tab-content .section-header .button,
.tab-content .section-header .switch {
	float:right;
	margin: .25em 1em;
}
#liveimpact .section-header h2 {
	display: inline-block;
}
.tab-content .section-header a.btn_dynamic {
	margin: .25em 0 .25em 6.1em;
	float: none;
}
.tab-content .section-header a.btn_dynamic.active {
	color: #ffffff;
	background-color: #f89406;
	text-shadow: none;
}
.tab-content h2 {
	font-size: 18px;
}
#layout-east.closed {
	display: block;
	z-index: 3;
}

#helppanel .accordion {
	 width:97%;
}

.tabs-right .options {
	font-weight: bold;
}
.tabs-right .options label {
	display: inline-block;
	margin:0;
	padding: .5em;
	font-weight: normal;
}

.layer-row {
	border-top: 1px solid #e7e6e6;
	border-bottom: 1px solid #e7e6e6;
	padding: 1px 0;
	margin-top: -1px;
}
.layers-container .layer-row .inner-wrapper {
	border-left: 6px solid #d0e2f8;
	padding: .75em 1em;
	height: auto;
	background: #f2f2f2;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.layers-container .layer-row.network.visible.active .inner-wrapper-header{
	background-color: #FCE8B4;
}

.layers-container .layer-row .layer-options {
	border-top: 1px solid #fff;
}
.layers-container .layer-row .layer-options .inner-wrapper {
	border-color: #eee;
	background: #fefefe;
}
.layers-container .layer-row.visible .inner-wrapper {
	border-color: #f8970f;
}
.layers-container .layer-row.visible .layer-options .inner-wrapper {
	border-color: #eee;
}
.layers-container .layer-row.invalid .inner-wrapper {
	/* background: #eaab3d; */
	border-color: red !important;
}
.layers-container .layer-row.invalid .layer-options .inner-wrapper {
	/* background: #fff3c5; */
	border-color: #ffb7b7 !important;
}
.layers-container .map_presets {
	margin-top: 16px;
}

.layers-container .select2-container {
	margin-bottom: 1em;
} 

.layers-container .layer-row .layer-options .inner-wrapper .clearfix {
	margin-top: 1em;
}

.layers-container .layer-row .layer-options table.basemap td {
	text-align: center;
	border: 1px solid #fff;
}
#addDataLayer-container {
	float:right;
}
#addDataLayer-container .dropdown-menu {
	left:auto;
	right: 20px;
	text-align: right;
}
#addDataLayer {
	float: none;
}

.layers-container .ui-state-highlight {
	height: 1em;
	line-height: 1.2em; 
	border: 1px dotted #f8ae0f;
	background-color: #f8f4ec;
	background-image: none;
	margin: .5em;
	padding: 0;
}

.layers-container .layer-row .layername,
.layers-container .layer-row.editing .layername_edit {
	display: inline-block;
	padding: .2em 1em;
	width:124px;
	overflow: hidden;
}
tr input.tsname_edit,
tr.editing .tsname {
	display: none;
}
tr.editing input.tsname_edit {
	display: inline-block;
}
.layers-container .layer-row .layername_edit,
.layers-container .layer-row.editing .layername {
	display: none;
}

.layers-container .options {
	display:inline;
}
.layers-container .layer_btn i {
	font-size: 1.12em;
}
.layers-container a.layer_active,
.layers-container a.labels,
.layers-container a.magnet  {
	color: #AAA;
}
#layers, .layers-container, .layers-container a,
.layers-container .active a.layer_active,
.layers-container .magnet a.magnet,
.layers-container .labels_on a.labels  {
	color: #4a4a4a;
}
.layers-container .layer_btn.open,
.layers-container .layer_btn.open_advanced {
	background-color: #fcfcfc;
	float: right;
	padding: 1em .5em;
	margin: -.5em 0;
	/*box-shadow: 0 0 3px #bbb;*/
}
.layers-container .layer_btn.open:hover,
.layers-container .layer_btn.open_advanced:hover {
	box-shadow: 0 0 3px #f8970f;
}
.layers-container .layer_btn.open .icon,
.layers-container .layer_btn.open_advanced .icon {
	 background: url(/img/bootstrap/options-toggle.png);
	 display:block;
	 width: 7px;
	 height: 8px;
	 overflow: hidden;
	 vertical-align: middle;
	 background-position: 1px 0;
}
.layers-container .expanded .layer_btn.open .icon,
.layers-container .advanced-options.expanded .layer_btn.open_advanced .icon {
	background-position: 0 8px;
}
.slider-holder-single input {
	width: 30px;
	text-align: center;
}
.slider-holder-single .slider {
	display: inline-block;
	width: 70px;
	margin-left: 5px;
}
.input-range input{
	display: inline-block;
	width: 70px;
	text-align: center;
}
.input-range .slider{
	width: 160px;
	margin:0 10px 10px;
}
/* advanced options */

#layers .layer_btn.open_advanced {
	padding: .4em;
	margin-top:.1em;
}
#layers .layer-row .layer-options .advanced-options {
	margin: 20px 0 0;
	background: #eee;
	padding: .25em 1em .1em;
	font-size: .9em;
}
#layers .layer-row .layer-options .advanced-options .controls {
	display: none;
}
#layers .layer-row .layer-options .advanced-options.extended .controls {
	display: block;
}
#layers .layer-row .layer-options table.basemap th {
	text-align: left;
}
/* territory and sector layers */
.layers-container.sublayers .layer-row .inner-wrapper {
	border-left-width: 2px;
}
.layers-container.sublayers .layer-row .inner-wrapper-header {
	padding: .25em 1em;
}
.layers-container.sublayers .layer_btn.open,
.layers-container.sublayers .layer_btn.open_advanced {
	padding: .5em .5em;
	margin: 0;
}
.layers-container.sublayers .layer-options .layer_btn i {
	font-size: .9em;
}
.layers-container.sublayers .layer-row .layername, .layers-container.sublayers .layer-row.editing .layername_edit {
	width: 224px;
}
.sublayers .search_field {
	text-align: right;
	margin:0 .75em;
}
.sublayers .selected_rows {
	margin:.75em;
}
.layers-container .inner-wrapper-header .tsname {
	display:none;
}
.layers-enable {
	padding: 0 0 1em;
}

.territory_tools {
	padding: 1em 0;
}
.territory_tools_body {
	padding:1.6em;
}
.territory_tools_body div.territory_split {
	background-color: #f1fff1;
	padding: 1em .5em;
}
.territory_tools_body .col2 input[type="text"],
.territory_tools_body .col2 input[type="number"] {
	width: 90%;
}
/* search results on sublayers */
.sublayers .filtered_sectors {
	margin: .5em .75em .5em 8em; 
}
.sublayers .filtered_territories {
	margin: .5em .75em .5em 2em;
}
.sublayers .filter_rows .layer_btn.open,
.sublayers .filter_rows .layer_btn.edit {
	display: none;
}
.layers-container.sublayers .filtered_sectors .layer-row .layername{
	width: 205px;
}
.layers-container.sublayers .filtered_territories .layer-row .layername, .layers-container.sublayers .filtered_territories .layer-row.editing .layername_edit {
	width: 155px;
}
.layers-container .filter_rows .inner-wrapper-header .tsname {
	display: inline-block;
	width: 125px;
}

/* MULTISECTOR, MULTITERRITORY */
.layer-row.multi {

	margin-top: 4px;

}
.layers-container .layer-row.multi .inner-wrapper-header {

	background-color: #fcf2ba;
	border-color: #fdbf01;
	border-left-width: 6px;

}
.layers-container .none-selected {
	border: 1px dotted #ccc;
	padding: .5em 1em;
}
.layer-row.multisector .layername {
	width: 236px;
}

.shader_line .color-sq {
	width: 9px;
	height: 1em;
	margin-right: 1px;
	vertical-align: text-top;
}
.shader_line .shader-value {
	font-weight: bold;
}


#add-new-layer-container .inner-wrapper {
	padding: 1em;
	margin-top:-18px;
	display: none;
} 
#add-new-layer-container.expanded .inner-wrapper {
	display: block;
}
#add-new-layer-container .layer_add_btn {
	margin: .3em 0;	
}
#add-new-layer-container a.layer_add_btn:hover {
	color:#fff;
}

#mapcontrol {
	display: none;
}

#layout-south {
	background: #fff url(/img/bootstrap/south-bg.png) repeat-x;
}
	#layout-south .scenario_block {
		width:46%;
		margin: 2px 0;
		padding: 0;
		border-right: 1px solid #cbcbcb;
		background: url(/img/bootstrap/snap-on-logo.svg) no-repeat 0px 10px;
		background-size: 80px;
		float:left;
		vertical-align: top;
	}
	#layout-south .scenario_block .inner{
		margin: 2px 20px 2px 100px;
	}
	#layout-south .dealer_block {
		width:53%;
		margin: 2px 0;
		padding:0;
		border-left: 1px solid #fff;
		/* background: url(/img/bootstrap/dealer_block_icon.png) no-repeat 20px 0; */
		display: inline-block;
		vertical-align: top;
	}
	#layout-south .dealer_block .inner{
		margin: 2px 20px 2px 20px;
	}
	#layout-south h2 {
		font-size: 17px;
		line-height: 1em;
	}
	#layout-south h4 {
		font-weight: normal;
		font-size: 12px;
	}
	#layout-south .actions {
		float: right;
	}
	#layout-south #select_dealer_franchise { text-transform: uppercase;}

	#salesperformance .filters {
		transform: scale(.9);
		transform-origin: 0 0;
	}
	#salesperformance .market .options {
		display: inline-block;
		padding: 0 1em;
	}
	
	#salesperformance a i {
		color: #666;
	}
	#salesperformance i.green {
		color: green;
	}
	#salesperformance a i.disabled {
		color: #AAA;
	}
	#salesperformance .market_brands {
		margin-left: 135px;
	}
		
	#salesperformance #reg_market {
		max-width: 220px;
	}
#salesperformance .content label {
	display: inline-block;
	font-weight: bold;
	min-width: 130px;
}
#salesperformance .content table.columns_table label {
	min-width: 20px;
}
#salesperformance table.columns_table {
	width: 100%;
}
#salesperformance table.columns_table tr td {
	border: 1px solid #fafafa;
	padding: 15px;
	vertical-align: middle;
	text-align: left;
}
#salesperformance table.columns_table tr td:first-child{
	width: 85px;
}

#salesperformance .content span {
	display: inline;
	font-weight: bold;
	color: #f7921e;
	font-size: 1.2em;
}
#salesperformance .content th span {	
	font-size: .7em;
	display: block;
	line-height: 1.1em;
	color:#666;
}
#salesperformance .filter_lines_childs {
	margin: 0;
}	

/* #salesperformance .content .dates {	
	margin-left: 132px;
	margin-bottom: 12px;
} */

#salesperformance .content .dates label,
#salesperformance .content .dates input,
.filter_lines_childs .dates input,
.filter_lines_childs .dates label
{
	font-size: .9em;
	display: inline;
	width: 75px;
}
#salesperformance .content .territory {
	margin-bottom: 12px;
}
#salesperformance .content .territory label {
	font-size: 1.1em;
	padding-right: 5px;
}
#salesperformance input.datepicker {
	width: 80px;
}
#salesperformance-table tr:hover .clickable {
	background-color: #f8e1c0;
}
#salesperformance-table td.clickable:hover,
#salesperformance-table th.clickable:hover {
	cursor: pointer;
	background-color: #f8970f !important;
	color: #fff;
}
#salesperformance-table .clickable.selected {
	border: 8px solid #f8970f;
}

/* #salesperformance .control-row.fc1,
#salesperformance .control-row.fc2 {
	margin-left: 20px;
	margin-bottom: 20px;
} */

.colorbox input { display: none; }

.color-sq {
	display: inline-block;
	height: 12px;
	margin: 0 -2px;
}
.pallete-type {

	float: left;
	margin-right: 4px;

}
.pallete {
	float: left;
	width: 22px;
	padding: 2px;
	border: 1px solid #ccc;
	background-color: #fff;
	border-radius: 4px;
	line-height: 0;
	margin-right: 6px;
	cursor: pointer;
}
.pallete.selected {
	border-color: #f7921e;
}
.pallete .color-sq {
	height: 22px;
	width: 22px;
	margin: 0;
}
.pallete-type label {
	font-size:.9em;
	font-style: italic;
}
.col2 {
	float: left;
	width: 50%;
}

.steps-holder.col2 {
	clear: left;
}
#layers-block .col2 {
	float: left;
	width: 50%;
}
#layers-block .competitors-options .col2 {
	width: 40%;
	font-size: .85em;
}
#layers-block .drivetimes-options .col2 {
	display: none;
}
#layers-block .drivetimes-options .col2.selected {
	display: block;
}
#layers-block .drivetime-shading ul {
	margin-left: 0;
	list-style: none;
}
.section-tools {
	margin-top: 2em;
}
label.competitors-all-label {
	margin-top: 12px;
}
#legend {
	bottom: 0;
	position: absolute;
	z-index: 510;
	left: 120px;
}
#legend .inner-wrapper{
	
	background-color: rgba(250,250,250,.2);
	border-radius: 3px 3px 0 0;
	min-width: 350px;
	padding: 0;
	-webkit-transition: background-color .3s ease-out;
	     -moz-transition: background-color .3s ease-out;
	      -ms-transition: background-color .3s ease-out;
	       -o-transition: background-color .3s ease-out;
	          transition: background-color .3s ease-out;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	cursor: pointer;
}
#legend .inner-wrapper.ui-draggable {
	/*bottom: inherit;*/
}
#legend .inner-wrapper:hover {
	background-color: rgba(250,250,250,1);
}
#legend .legend-label {
	display: inline-block;
	text-transform: capitalize;
}
#legend .legend-values-wrapper {
	display: inline-block;
	vertical-align: sub;
}
#legend .legend-row {
	display: none;
	margin: 6px 12px 0;
}
#legend .legend-row.visible {
	display: block;
}
#legend .legend-value {
	/* float: left; */
	font-size: .8em;
	text-align: center;
	/* margin:0 2px;
	overflow: hidden; */
	display: inline-block;
}
#legend .legend-value.first {
	text-align: left;
	font-size: .9em;
	font-weight: bold;
}
#legend .legend-value.last {
	text-align: right;
	font-size: .9em;
	font-weight: bold;
}
#legend .color-range {
	clear: left;
}
.citylabel {
	width: 250px;
	text-align: center;
}
.citylabel span{
	padding: .2em .5em;
	text-shadow: 0 0 4px #fff;
	font-weight: 500;
	color: #444;
}
.citylabel.r0 span { font-size: 14px; }
.citylabel.r1 span { font-size: 12px; }
.citylabel.r2 span { font-size: 11px; }


.multiselect-holder {
	display: inline-block;
}

table .sub-line td{
	font-size: .85em;
	background-color: #ffffee !important;
}
table tr.sub-line:hover td{
	background-color: #ffffaa !important;
}

.modal.fade.ui-draggable-dragging {
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.modal span.description {
	display:block;
	font-size: .85em;
	margin: 0 0 1em;
}
.modal .validationError {
	margin-right: 20px;
	font-size: .9em;
	color: #666;
}
span.bigger {
	font-size:1.3em;
}
span.bolder {
	font-weight: bolder;
}
.form-zone {
	clear: both;
	padding: 1em 0;

}
.zone-border {
	border-top: 1px solid #eee;
}

#viability .settings .setting-body {
	background-color: #fafdfd;
	border-radius: 0 6px 6px 6px;
	padding: 2em .5em 1em;
}

#viability .settings .setting-body label span {
	display:inline-block;
	width: 150px;
	text-align: right;
	margin-right: 5px;
}
#viability .settings .setting-body input[type="text"] {
	width:60px;
	font-size: 12px;
	line-height: 12px;
}
#viability .settings .setting-body .tsid_values_items label {
	margin: 0;
}
#viability .settings .setting-body .tsid_values_items label span {
	font-size: 10px;
}
#viability .settings .setting-body .tsid_values_items input[type="text"] {
	width:35px;
	font-size: 10px;
	line-height: 10px;
}
#viability .settings .setting-body .tsid_values_items {
	padding: 0 2em;
}
#viability .content {
	padding:2em 0;
}
.viability-box {
	padding: 0.1em 0.25em;
	border-width: 3px;
	border-style: solid;
	border-color: rgb(255, 0, 0);
	background-color: #ff0000;
	background-color: rgba(250,250,250,.9);
    min-width: 20px;
    text-align: center;
}
.viability-box .viability_selected {
	min-width: 140px;
}
.viability-box .field {
	color: #333;
}
.viability-box .value {
	font-weight: bold;
}
.viability-box .row {
	margin-left:0;
}
.viability-box hr {
	margin:0;
}
#viability-table tr.selected {
	color: #f7921e;
}
/* drivetimes */
.inline-colorpicker-with-slider {
	width:90px;
	position:relative;
}
.inline-colorpicker-with-slider div.slider {
	width: 50px;
	position: absolute;
	left: 32px;
	top: 25px;
}
.dt_delete {
	float: left;
	margin: 24px 10px 0 0;
}
.drivetime_controls label {
	font-size:11px;
	line-height: 13px;
}
.drivetime-controls .value {
	font-weight: bold;
}
#layers-block div.col2.afterselect {
	width: 35%;
	float: right;
	margin-top: 20px;
}
#layers-block div.col2.afterselect btn {
	padding-top: 10px;
	display: inline-block;
	cursor: pointer;
}
#tsManagerTable .icon-list {
	font-size: 11px;
}

/* filters in modals */
.modal-body .filters_container input,
.modal-body .filters_container select {
	width: auto !important;
	min-width: 40px;
}
#location .main-wrapper .hero-unit{  padding: 20px; height: 300px; margin-bottom:10px;}
#location .main-wrapper .dropdown-menu{
    max-height:300px;
    min-width:350px;
    overflow-y: auto;
}
#location .main-wrapper .current-selections { margin-top: 10px;}
#location .main-wrapper .current-selections li{ margin: .5em 0;}

tr.selected,
tr.selected td {
	background-color: #ffffaa !important;
}

tr.splitResults,
tr.splitResults td {
	background-color: #fafafa !important;
    padding: 0 8px;
    font-size: 10px;
}

.has-switch > div {
	max-height: 28px;
}


#countrySwitcher,
#countrySwitcher select {
	margin-bottom: 0;
}
#countrySwitcher select {
	width: 160px;
}

#forgotpassword {
	color: #888;
  	text-align: right;
}
/* objectpermissions chooser element */
.shared_lines {
	list-style: none;
    zoom: .8;
}
.shared_lines td,.shared_lines th,.shared_lines tr{
	border:none;
	background-color: transparent !important;
}
.shared_lines td {
	padding: .25em .5em;
}
.shared_lines th {
	padding: 1em .15em;
}
.shared_lines select.roles_users {
	max-width: 160px;
	display: inline-block;
	white-space: nowrap;
	margin-right: 5px;
}
.shared_lines select.see_edit {
	max-width: 94px;
}



/* TABS and LAYOUTS -------------------------------------[END] */

/* Media styles ---------------------------------------------- */

@media (max-width: 480px) {
	body { padding: 0; }
	.navbar-fixed-top { margin: 0; }
}
 
@media (max-width: 768px) {
	body { padding: 0; }
	.navbar-fixed-top { margin: 0; }
    .kpi .info-icon { left: 5px; }
}
 
@media (min-width: 768px) and (max-width: 980px) {
	body { padding: 0; }
    
	
}
@media (min-width: 1200px) { 
    .kpi .info-icon { left: 15px; }
}

@media (max-width: 979px) {
	.navbar-fixed-top, .navbar-fixed-bottom { position: fixed; }
	.navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner { padding:0;}
}




	
/* Media styles ---------------------------------------- [END] */